next: Svelte 5 (#62)

* next: Svelte 5

* example for Input props (#61)

* a

* a

* a

* a

* more

* more

* more

* more

* lint/format

* fix

* fix: argh, why is file name casing always hard to resolve

* please

* 🌊

* trying parity for command menu

* more

* some

* took a minute to figure out where I messed up here

* more

* init colors - scales

* temp fix

* colors page

* because why not 😅

* more

* update bits

* update bits

* choicebox draft

* component: description

* select: draft

* update bits

* fix: svelte check

* simplify

* counterscale

* meh

* draft: gauge

* better

* updates

* .

* updates

* switch tweaks

* more

* range calendar

* init calendar

* let's try again

* update deps

* fix: select

* fix: update checkbox

* fix: update context-menu

* fix: update textarea

* lint

* chore: update avatar

* meh

* parity: avatar placeholder

* inspector?

* fix: command

* fix: kbd

* fix: menu

* fix: filled notes

* fix: tabs

* fix: show more/less

---------

Co-authored-by: Davis SHYAKA <[email protected]>
Co-authored-by: Hunter Johnston <[email protected]>

.vscode/settings.json

@@ -2,6 +2,7 @@
 	"cSpell.words": [
 		"anatolzak",
 		"benmccann",
+		"bindable",
 		"Choicebox",
 		"ciscoheat",
 		"clickoutside",
@@ -20,12 +21,14 @@
 		"ollema",
 		"Paperclip",
 		"poppanator",
+		"runed",
 		"shadcn",
 		"shiki",
 		"shyakadavis",
 		"techniq",
 		"trueadm",
 		"Turborepo",
+		"vaul",
 		"WAAPI"
 	]
 }

components.json

@@ -8,7 +8,10 @@
 	},
 	"aliases": {
 		"components": "$lib/components",
-		"utils": "$lib/utils"
+		"utils": "$lib/utils",
+		"ui": "$lib/components/ui",
+		"hooks": "$lib/hooks"
 	},
-	"typescript": true
+	"typescript": true,
+	"registry": "https://next.shadcn-svelte.com/registry"
 }

package.json

@@ -13,40 +13,39 @@
 		"ready": "pnpm format && pnpm lint && pnpm check"
 	},
 	"devDependencies": {
-		"@fontsource/geist-mono": "^5.0.3",
-		"@fontsource/geist-sans": "^5.0.3",
-		"@poppanator/sveltekit-svg": "4.2.1",
+		"@fontsource/geist-mono": "^5.1.0",
+		"@fontsource/geist-sans": "^5.1.0",
+		"@internationalized/date": "^3.6.0",
+		"@poppanator/sveltekit-svg": "5.0.0",
 		"@pyncz/tailwind-mask-image": "^2.0.0",
-		"@sveltejs/adapter-static": "^3.0.2",
-		"@sveltejs/kit": "^2.5.18",
-		"@sveltejs/vite-plugin-svelte": "^3.1.1",
-		"@tailwindcss/typography": "^0.5.13",
-		"autoprefixer": "^10.4.19",
-		"just-extend": "^6.2.0",
-		"mode-watcher": "^0.4.0",
-		"postcss": "^8.4.39",
-		"prettier": "^3.3.3",
-		"prettier-plugin-svelte": "^3.2.6",
-		"prettier-plugin-tailwindcss": "^0.6.5",
-		"shiki": "^1.10.3",
-		"svelte": "^4.2.18",
-		"svelte-check": "^3.8.4",
-		"svelte-exmarkdown": "^3.0.5",
-		"svelte-meta-tags": "^3.1.2",
-		"tailwindcss": "^3.4.6",
-		"tslib": "^2.6.3",
-		"typescript": "^5.5.3",
-		"vite": "^5.3.4"
-	},
-	"type": "module",
-	"dependencies": {
-		"bits-ui": "^0.21.12",
+		"@sveltejs/adapter-static": "^3.0.6",
+		"@sveltejs/kit": "^2.9.0",
+		"@sveltejs/vite-plugin-svelte": "5.0.1",
+		"@tailwindcss/typography": "^0.5.15",
+		"autoprefixer": "^10.4.20",
+		"bits-ui": "1.0.0-next.65",
 		"clsx": "^2.1.1",
-		"cmdk-sv": "^0.0.18",
-		"svelte-legos": "^0.2.3",
-		"tailwind-merge": "^2.4.0",
+		"lucide-svelte": "^0.451.0",
+		"mode-watcher": "^0.4.1",
+		"postcss": "^8.4.49",
+		"prettier": "^3.4.2",
+		"prettier-plugin-svelte": "^3.3.2",
+		"prettier-plugin-tailwindcss": "^0.6.9",
+		"runed": "^0.15.4",
+		"shiki": "^1.24.0",
+		"svelte": "5.5.3",
+		"svelte-check": "^4.1.1",
+		"svelte-exmarkdown": "^3.0.5",
+		"svelte-meta-tags": "^4.0.4",
+		"tailwind-merge": "^2.5.5",
 		"tailwind-variants": "^0.2.1",
-		"vaul-svelte": "^0.3.2"
+		"tailwindcss": "^3.4.16",
+		"tailwindcss-animate": "^1.0.7",
+		"tslib": "^2.8.1",
+		"typescript": "^5.7.2",
+		"vaul-svelte": "1.0.0-next.3",
+		"vite": "^6.0.2"
 	},
-	"packageManager": "[email protected]"
+	"type": "module",
+	"packageManager": "[email protected]"
 }