diff --git a/apps/www/src/__registry__/chunks/default/dashboard-06-chunk-0.svelte b/apps/www/src/__registry__/chunks/default/dashboard-06-chunk-0.svelte
index 1487eefa0..fe65c2c22 100644
--- a/apps/www/src/__registry__/chunks/default/dashboard-06-chunk-0.svelte
+++ b/apps/www/src/__registry__/chunks/default/dashboard-06-chunk-0.svelte
@@ -21,14 +21,14 @@
 		<Table.Root>
 			<Table.Header>
 				<Table.Row>
-					<Table.Head class="sm:table.-cell hidden w-[100px]">
+					<Table.Head class="hidden w-[100px] sm:table-cell">
 						<span class="sr-only">Image</span>
 					</Table.Head>
 					<Table.Head>Name</Table.Head>
 					<Table.Head>Status</Table.Head>
-					<Table.Head class="md:table.-cell hidden">Price</Table.Head>
-					<Table.Head class="md:table.-cell hidden">Total Sales</Table.Head>
-					<Table.Head class="md:table.-cell hidden">Created at</Table.Head>
+					<Table.Head class="hidden md:table-cell">Price</Table.Head>
+					<Table.Head class="hidden md:table-cell">Total Sales</Table.Head>
+					<Table.Head class="hidden md:table-cell">Created at</Table.Head>
 					<Table.Head>
 						<span class="sr-only">Actions</span>
 					</Table.Head>
@@ -36,7 +36,7 @@
 			</Table.Header>
 			<Table.Body>
 				<Table.Row>
-					<Table.Cell class="sm:table.-cell hidden">
+					<Table.Cell class="hidden sm:table-cell">
 						<img
 							alt="Product example"
 							class="aspect-square rounded-md object-cover"
@@ -49,9 +49,9 @@
 					<Table.Cell>
 						<Badge variant="outline">Draft</Badge>
 					</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">$499.99</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">25</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">
+					<Table.Cell class="hidden md:table-cell">$499.99</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">25</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">
 						2023-07-12 10:42 AM
 					</Table.Cell>
 					<Table.Cell>
@@ -76,7 +76,7 @@
 					</Table.Cell>
 				</Table.Row>
 				<Table.Row>
-					<Table.Cell class="sm:table.-cell hidden">
+					<Table.Cell class="hidden sm:table-cell">
 						<img
 							alt="Product"
 							class="aspect-square rounded-md object-cover"
@@ -89,9 +89,9 @@
 					<Table.Cell>
 						<Badge variant="outline">Active</Badge>
 					</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">$129.99</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">100</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">
+					<Table.Cell class="hidden md:table-cell">$129.99</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">100</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">
 						2023-10-18 03:21 PM
 					</Table.Cell>
 					<Table.Cell>
@@ -116,7 +116,7 @@
 					</Table.Cell>
 				</Table.Row>
 				<Table.Row>
-					<Table.Cell class="sm:table.-cell hidden">
+					<Table.Cell class="hidden sm:table-cell">
 						<img
 							alt="Product"
 							class="aspect-square rounded-md object-cover"
@@ -129,9 +129,9 @@
 					<Table.Cell>
 						<Badge variant="outline">Active</Badge>
 					</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">$39.99</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">50</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">
+					<Table.Cell class="hidden md:table-cell">$39.99</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">50</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">
 						2023-11-29 08:15 AM
 					</Table.Cell>
 					<Table.Cell>
@@ -156,7 +156,7 @@
 					</Table.Cell>
 				</Table.Row>
 				<Table.Row>
-					<Table.Cell class="sm:table.-cell hidden">
+					<Table.Cell class="hidden sm:table-cell">
 						<img
 							alt="Product"
 							class="aspect-square rounded-md object-cover"
@@ -169,9 +169,9 @@
 					<Table.Cell>
 						<Badge variant="secondary">Draft</Badge>
 					</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">$2.99</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">0</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">
+					<Table.Cell class="hidden md:table-cell">$2.99</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">0</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">
 						2023-12-25 11:59 PM
 					</Table.Cell>
 					<Table.Cell>
@@ -196,7 +196,7 @@
 					</Table.Cell>
 				</Table.Row>
 				<Table.Row>
-					<Table.Cell class="sm:table.-cell hidden">
+					<Table.Cell class="hidden sm:table-cell">
 						<img
 							alt="Product"
 							class="aspect-square rounded-md object-cover"
@@ -209,9 +209,9 @@
 					<Table.Cell>
 						<Badge variant="outline">Active</Badge>
 					</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">$59.99</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">75</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">
+					<Table.Cell class="hidden md:table-cell">$59.99</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">75</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">
 						2024-01-01 12:00 AM
 					</Table.Cell>
 					<Table.Cell>
@@ -236,7 +236,7 @@
 					</Table.Cell>
 				</Table.Row>
 				<Table.Row>
-					<Table.Cell class="sm:table.-cell hidden">
+					<Table.Cell class="hidden sm:table-cell">
 						<img
 							alt="Product"
 							class="aspect-square rounded-md object-cover"
@@ -249,9 +249,9 @@
 					<Table.Cell>
 						<Badge variant="outline">Active</Badge>
 					</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">$199.99</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">30</Table.Cell>
-					<Table.Cell class="md:table.-cell hidden">
+					<Table.Cell class="hidden md:table-cell">$199.99</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">30</Table.Cell>
+					<Table.Cell class="hidden md:table-cell">
 						2024-02-14 02:14 PM
 					</Table.Cell>
 					<Table.Cell>
diff --git a/apps/www/src/lib/registry/default/example/combobox-form.svelte b/apps/www/src/lib/registry/default/example/combobox-form.svelte
index 9f20880c2..c3a53e80a 100644
--- a/apps/www/src/lib/registry/default/example/combobox-form.svelte
+++ b/apps/www/src/lib/registry/default/example/combobox-form.svelte
@@ -94,7 +94,7 @@
 					<Command.Group>
 						{#each languages as language}
 							<Command.Item
-								value={language.value}
+								value={language.label}
 								onSelect={() => {
 									$formData.language = language.value;
 									closeAndFocusTrigger(ids.trigger);
diff --git a/apps/www/static/registry/styles/default-js/drawer.json b/apps/www/static/registry/styles/default-js/drawer.json
index 970ed50c2..d2b5a6838 100644
--- a/apps/www/static/registry/styles/default-js/drawer.json
+++ b/apps/www/static/registry/styles/default-js/drawer.json
@@ -7,7 +7,7 @@
 	"files": [
 		{
 			"name": "drawer-content.svelte",
-			"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
+			"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\"></div>\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
 		},
 		{
 			"name": "drawer-description.svelte",
diff --git a/apps/www/static/registry/styles/default-js/progress.json b/apps/www/static/registry/styles/default-js/progress.json
index ea591db7a..9ce6f9539 100644
--- a/apps/www/static/registry/styles/default-js/progress.json
+++ b/apps/www/static/registry/styles/default-js/progress.json
@@ -11,7 +11,7 @@
 		},
 		{
 			"name": "progress.svelte",
-			"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
+			"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t></div>\n</ProgressPrimitive.Root>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/default-js/skeleton.json b/apps/www/static/registry/styles/default-js/skeleton.json
index 553b2f1d2..5b16af94a 100644
--- a/apps/www/static/registry/styles/default-js/skeleton.json
+++ b/apps/www/static/registry/styles/default-js/skeleton.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "skeleton.svelte",
-			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps} />\n"
+			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps}></div>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/default-js/textarea.json b/apps/www/static/registry/styles/default-js/textarea.json
index 3eeb8b48e..c3532d144 100644
--- a/apps/www/static/registry/styles/default-js/textarea.json
+++ b/apps/www/static/registry/styles/default-js/textarea.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "textarea.svelte",
-			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let value = undefined;\n\texport { className as class };\n\texport let readonly = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n/>\n"
+			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let value = undefined;\n\texport { className as class };\n\texport let readonly = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n></textarea>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/default/drawer.json b/apps/www/static/registry/styles/default/drawer.json
index 0f623e85e..eaf37d66c 100644
--- a/apps/www/static/registry/styles/default/drawer.json
+++ b/apps/www/static/registry/styles/default/drawer.json
@@ -7,7 +7,7 @@
 	"files": [
 		{
 			"name": "drawer-content.svelte",
-			"content": "<script lang=\"ts\">\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = DrawerPrimitive.ContentProps;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
+			"content": "<script lang=\"ts\">\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = DrawerPrimitive.ContentProps;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\"></div>\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
 		},
 		{
 			"name": "drawer-description.svelte",
diff --git a/apps/www/static/registry/styles/default/progress.json b/apps/www/static/registry/styles/default/progress.json
index 7041633d7..941d3bfd7 100644
--- a/apps/www/static/registry/styles/default/progress.json
+++ b/apps/www/static/registry/styles/default/progress.json
@@ -11,7 +11,7 @@
 		},
 		{
 			"name": "progress.svelte",
-			"content": "<script lang=\"ts\">\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = ProgressPrimitive.Props;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let max: $$Props[\"max\"] = 100;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
+			"content": "<script lang=\"ts\">\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = ProgressPrimitive.Props;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let max: $$Props[\"max\"] = 100;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t></div>\n</ProgressPrimitive.Root>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/default/skeleton.json b/apps/www/static/registry/styles/default/skeleton.json
index 6a5d20e41..49a66f39e 100644
--- a/apps/www/static/registry/styles/default/skeleton.json
+++ b/apps/www/static/registry/styles/default/skeleton.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "skeleton.svelte",
-			"content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps} />\n"
+			"content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps}></div>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/default/textarea.json b/apps/www/static/registry/styles/default/textarea.json
index 7f5daaaa8..94bc25a42 100644
--- a/apps/www/static/registry/styles/default/textarea.json
+++ b/apps/www/static/registry/styles/default/textarea.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "textarea.svelte",
-			"content": "<script lang=\"ts\">\n\timport type { HTMLTextareaAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLTextareaAttributes;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n\n\t// Workaround for https://github.com/sveltejs/svelte/issues/9305\n\t// Fixed in Svelte 5, but not backported to 4.x.\n\texport let readonly: $$Props[\"readonly\"] = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n/>\n"
+			"content": "<script lang=\"ts\">\n\timport type { HTMLTextareaAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLTextareaAttributes;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n\n\t// Workaround for https://github.com/sveltejs/svelte/issues/9305\n\t// Fixed in Svelte 5, but not backported to 4.x.\n\texport let readonly: $$Props[\"readonly\"] = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n></textarea>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/new-york-js/drawer.json b/apps/www/static/registry/styles/new-york-js/drawer.json
index 970ed50c2..d2b5a6838 100644
--- a/apps/www/static/registry/styles/new-york-js/drawer.json
+++ b/apps/www/static/registry/styles/new-york-js/drawer.json
@@ -7,7 +7,7 @@
 	"files": [
 		{
 			"name": "drawer-content.svelte",
-			"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
+			"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\"></div>\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
 		},
 		{
 			"name": "drawer-description.svelte",
diff --git a/apps/www/static/registry/styles/new-york-js/progress.json b/apps/www/static/registry/styles/new-york-js/progress.json
index 594a8ac9c..3af9b88dd 100644
--- a/apps/www/static/registry/styles/new-york-js/progress.json
+++ b/apps/www/static/registry/styles/new-york-js/progress.json
@@ -11,7 +11,7 @@
 		},
 		{
 			"name": "progress.svelte",
-			"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
+			"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t></div>\n</ProgressPrimitive.Root>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/new-york-js/skeleton.json b/apps/www/static/registry/styles/new-york-js/skeleton.json
index 650b18315..e92b00d58 100644
--- a/apps/www/static/registry/styles/new-york-js/skeleton.json
+++ b/apps/www/static/registry/styles/new-york-js/skeleton.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "skeleton.svelte",
-			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...$$restProps} />\n"
+			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...$$restProps}></div>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/new-york-js/textarea.json b/apps/www/static/registry/styles/new-york-js/textarea.json
index 485e56dc4..069f23ba2 100644
--- a/apps/www/static/registry/styles/new-york-js/textarea.json
+++ b/apps/www/static/registry/styles/new-york-js/textarea.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "textarea.svelte",
-			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let value = undefined;\n\texport { className as class };\n\texport let readonly = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n/>\n"
+			"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let value = undefined;\n\texport { className as class };\n\texport let readonly = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n></textarea>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/new-york/drawer.json b/apps/www/static/registry/styles/new-york/drawer.json
index e5a7eb974..41cbff3dd 100644
--- a/apps/www/static/registry/styles/new-york/drawer.json
+++ b/apps/www/static/registry/styles/new-york/drawer.json
@@ -7,7 +7,7 @@
 	"files": [
 		{
 			"name": "drawer-content.svelte",
-			"content": "<script lang=\"ts\">\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = DrawerPrimitive.ContentProps;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
+			"content": "<script lang=\"ts\">\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = DrawerPrimitive.ContentProps;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\"></div>\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
 		},
 		{
 			"name": "drawer-description.svelte",
diff --git a/apps/www/static/registry/styles/new-york/progress.json b/apps/www/static/registry/styles/new-york/progress.json
index 0053e1c70..63e960dd3 100644
--- a/apps/www/static/registry/styles/new-york/progress.json
+++ b/apps/www/static/registry/styles/new-york/progress.json
@@ -11,7 +11,7 @@
 		},
 		{
 			"name": "progress.svelte",
-			"content": "<script lang=\"ts\">\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = ProgressPrimitive.Props;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let max: $$Props[\"max\"] = 100;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
+			"content": "<script lang=\"ts\">\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = ProgressPrimitive.Props;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let max: $$Props[\"max\"] = 100;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t></div>\n</ProgressPrimitive.Root>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/new-york/skeleton.json b/apps/www/static/registry/styles/new-york/skeleton.json
index a43c7d182..71cc871c1 100644
--- a/apps/www/static/registry/styles/new-york/skeleton.json
+++ b/apps/www/static/registry/styles/new-york/skeleton.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "skeleton.svelte",
-			"content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...$$restProps} />\n"
+			"content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...$$restProps}></div>\n"
 		}
 	],
 	"type": "components:ui"
diff --git a/apps/www/static/registry/styles/new-york/textarea.json b/apps/www/static/registry/styles/new-york/textarea.json
index 77e9abdbd..3b4e0e1b1 100644
--- a/apps/www/static/registry/styles/new-york/textarea.json
+++ b/apps/www/static/registry/styles/new-york/textarea.json
@@ -9,7 +9,7 @@
 		},
 		{
 			"name": "textarea.svelte",
-			"content": "<script lang=\"ts\">\n\timport type { HTMLTextareaAttributes } from \"svelte/elements\";\n\timport type { TextareaEvents } from \"./index.js\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLTextareaAttributes;\n\ttype $$Events = TextareaEvents;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n\n\t// Workaround for https://github.com/sveltejs/svelte/issues/9305\n\t// Fixed in Svelte 5, but not backported to 4.x.\n\texport let readonly: $$Props[\"readonly\"] = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n/>\n"
+			"content": "<script lang=\"ts\">\n\timport type { HTMLTextareaAttributes } from \"svelte/elements\";\n\timport type { TextareaEvents } from \"./index.js\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLTextareaAttributes;\n\ttype $$Events = TextareaEvents;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n\n\t// Workaround for https://github.com/sveltejs/svelte/issues/9305\n\t// Fixed in Svelte 5, but not backported to 4.x.\n\texport let readonly: $$Props[\"readonly\"] = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n></textarea>\n"
 		}
 	],
 	"type": "components:ui"