diff --git a/apps/www/src/__registry__/chunks/default/dashboard-05-chunk-4.svelte b/apps/www/src/__registry__/chunks/default/dashboard-05-chunk-4.svelte
index 3dd8e0d32..94357346d 100644
--- a/apps/www/src/__registry__/chunks/default/dashboard-05-chunk-4.svelte
+++ b/apps/www/src/__registry__/chunks/default/dashboard-05-chunk-4.svelte
@@ -24,7 +24,7 @@
 				<Button
 					size="icon"
 					variant="outline"
-					class="h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100"
+					class="size-6 opacity-0 transition-opacity group-hover:opacity-100"
 				>
 					<Copy class="h-3 w-3" />
 					<span class="sr-only">Copy Order ID</span>
@@ -157,13 +157,13 @@
 		<Pagination.Root count={10} class="ml-auto mr-0 w-auto">
 			<Pagination.Content>
 				<Pagination.Item>
-					<Button size="icon" variant="outline" class="h-6 w-6">
+					<Button size="icon" variant="outline" class="size-6">
 						<ChevronLeft class="size-3.5" />
 						<span class="sr-only">Previous Order</span>
 					</Button>
 				</Pagination.Item>
 				<Pagination.Item>
-					<Button size="icon" variant="outline" class="h-6 w-6">
+					<Button size="icon" variant="outline" class="size-6">
 						<ChevronRight class="size-3.5" />
 						<span class="sr-only">Next Order</span>
 					</Button>
diff --git a/apps/www/src/__registry__/chunks/new-york/dashboard-05-chunk-4.svelte b/apps/www/src/__registry__/chunks/new-york/dashboard-05-chunk-4.svelte
index 27b78374a..4b9260065 100644
--- a/apps/www/src/__registry__/chunks/new-york/dashboard-05-chunk-4.svelte
+++ b/apps/www/src/__registry__/chunks/new-york/dashboard-05-chunk-4.svelte
@@ -24,7 +24,7 @@
 				<Button
 					size="icon"
 					variant="outline"
-					class="h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100"
+					class="size-6 opacity-0 transition-opacity group-hover:opacity-100"
 				>
 					<Copy class="h-3 w-3" />
 					<span class="sr-only">Copy Order ID</span>
@@ -157,13 +157,13 @@
 		<Pagination.Root count={10} class="ml-auto mr-0 w-auto">
 			<Pagination.Content>
 				<Pagination.Item>
-					<Button size="icon" variant="outline" class="h-6 w-6">
+					<Button size="icon" variant="outline" class="size-6">
 						<ChevronLeft class="size-3.5" />
 						<span class="sr-only">Previous Order</span>
 					</Button>
 				</Pagination.Item>
 				<Pagination.Item>
-					<Button size="icon" variant="outline" class="h-6 w-6">
+					<Button size="icon" variant="outline" class="size-6">
 						<ChevronRight class="size-3.5" />
 						<span class="sr-only">Next Order</span>
 					</Button>
diff --git a/apps/www/src/lib/components/docs/copy-button.svelte b/apps/www/src/lib/components/docs/copy-button.svelte
index 26393ab6b..0854f146d 100644
--- a/apps/www/src/lib/components/docs/copy-button.svelte
+++ b/apps/www/src/lib/components/docs/copy-button.svelte
@@ -72,7 +72,7 @@
 					size="icon"
 					variant="ghost"
 					class={cn(
-						"relative z-10 h-6 w-6 text-zinc-50 hover:bg-zinc-700 hover:text-zinc-50",
+						"relative z-10 size-6 text-zinc-50 hover:bg-zinc-700 hover:text-zinc-50",
 						className
 					)}
 					{...restProps}
@@ -106,7 +106,7 @@
 {:else}
 	<button
 		class={cn(
-			"absolute right-4 top-4 z-10 inline-flex h-6 w-6 items-center justify-center rounded-md text-sm font-medium text-zinc-50 transition-colors hover:bg-zinc-700 hover:text-zinc-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+			"absolute right-4 top-4 z-10 inline-flex size-6 items-center justify-center rounded-md text-sm font-medium text-zinc-50 transition-colors hover:bg-zinc-700 hover:text-zinc-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
 			className
 		)}
 		{...restProps}
diff --git a/apps/www/src/lib/components/docs/nav/main-nav.svelte b/apps/www/src/lib/components/docs/nav/main-nav.svelte
index d152ae2df..7dfc3e99e 100644
--- a/apps/www/src/lib/components/docs/nav/main-nav.svelte
+++ b/apps/www/src/lib/components/docs/nav/main-nav.svelte
@@ -7,7 +7,7 @@
 
 <div class="mr-4 hidden md:flex">
 	<a href="/" class="mr-6 flex items-center space-x-2">
-		<Icons.logo class="h-6 w-6" />
+		<Icons.logo class="size-6" />
 		<span class="hidden font-bold sm:inline-block">
 			{siteConfig.name}
 		</span>
diff --git a/apps/www/src/lib/components/docs/tailwind-indicator.svelte b/apps/www/src/lib/components/docs/tailwind-indicator.svelte
index 2ed9cc654..4c81a8f66 100644
--- a/apps/www/src/lib/components/docs/tailwind-indicator.svelte
+++ b/apps/www/src/lib/components/docs/tailwind-indicator.svelte
@@ -1,5 +1,5 @@
 <div
-	class="fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white"
+	class="fixed bottom-1 left-1 z-50 flex size-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white"
 >
 	<div class="block sm:hidden">xs</div>
 	<div class="hidden sm:block md:hidden lg:hidden xl:hidden 2xl:hidden">sm</div>
diff --git a/apps/www/src/lib/components/docs/theme-customizer/theme-customizer.svelte b/apps/www/src/lib/components/docs/theme-customizer/theme-customizer.svelte
index 7194fc206..50e4e91f6 100644
--- a/apps/www/src/lib/components/docs/theme-customizer/theme-customizer.svelte
+++ b/apps/www/src/lib/components/docs/theme-customizer/theme-customizer.svelte
@@ -42,7 +42,7 @@
 						>
 							<span
 								class={cn(
-									"flex h-6 w-6 items-center justify-center rounded-full bg-[--theme-primary]"
+									"flex size-6 items-center justify-center rounded-full bg-[--theme-primary]"
 								)}
 							>
 								{#if isActive}
diff --git a/apps/www/src/lib/registry/default/block/dashboard-01.svelte b/apps/www/src/lib/registry/default/block/dashboard-01.svelte
index 3bad73e26..d8f970b3d 100644
--- a/apps/www/src/lib/registry/default/block/dashboard-01.svelte
+++ b/apps/www/src/lib/registry/default/block/dashboard-01.svelte
@@ -25,7 +25,7 @@
 			class="hidden flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6"
 		>
 			<a href="##" class="flex items-center gap-2 text-lg font-semibold md:text-base">
-				<Package2 class="h-6 w-6" />
+				<Package2 class="size-6" />
 				<span class="sr-only">Acme Inc</span>
 			</a>
 			<a href="##" class="text-foreground transition-colors hover:text-foreground">
@@ -59,7 +59,7 @@
 			<Sheet.Content side="left">
 				<nav class="grid gap-6 text-lg font-medium">
 					<a href="##" class="flex items-center gap-2 text-lg font-semibold">
-						<Package2 class="h-6 w-6" />
+						<Package2 class="size-6" />
 						<span class="sr-only">Acme Inc</span>
 					</a>
 					<a href="##" class="hover:text-foreground"> Dashboard </a>
diff --git a/apps/www/src/lib/registry/default/block/dashboard-02.svelte b/apps/www/src/lib/registry/default/block/dashboard-02.svelte
index d5fa84781..6e7cc98f0 100644
--- a/apps/www/src/lib/registry/default/block/dashboard-02.svelte
+++ b/apps/www/src/lib/registry/default/block/dashboard-02.svelte
@@ -23,7 +23,7 @@
 		<div class="flex h-full max-h-screen flex-col gap-2">
 			<div class="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">
 				<a href="/" class="flex items-center gap-2 font-semibold">
-					<Package2 class="h-6 w-6" />
+					<Package2 class="size-6" />
 					<span class="">Acme Inc</span>
 				</a>
 				<Button variant="outline" size="icon" class="ml-auto h-8 w-8">
@@ -47,7 +47,7 @@
 						<ShoppingCart class="size-4" />
 						Orders
 						<Badge
-							class="ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-full"
+							class="ml-auto flex size-6 shrink-0 items-center justify-center rounded-full"
 						>
 							6
 						</Badge>
@@ -110,7 +110,7 @@
 				<Sheet.Content side="left" class="flex flex-col">
 					<nav class="grid gap-2 text-lg font-medium">
 						<a href="##" class="flex items-center gap-2 text-lg font-semibold">
-							<Package2 class="h-6 w-6" />
+							<Package2 class="size-6" />
 							<span class="sr-only">Acme Inc</span>
 						</a>
 						<a
@@ -127,7 +127,7 @@
 							<ShoppingCart class="size-5" />
 							Orders
 							<Badge
-								class="ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-full"
+								class="ml-auto flex size-6 shrink-0 items-center justify-center rounded-full"
 							>
 								6
 							</Badge>
diff --git a/apps/www/src/lib/registry/default/block/dashboard-04.svelte b/apps/www/src/lib/registry/default/block/dashboard-04.svelte
index d2f0a91d4..cb6e4d468 100644
--- a/apps/www/src/lib/registry/default/block/dashboard-04.svelte
+++ b/apps/www/src/lib/registry/default/block/dashboard-04.svelte
@@ -18,7 +18,7 @@
 			class="hidden flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6"
 		>
 			<a href="##" class="flex items-center gap-2 text-lg font-semibold md:text-base">
-				<Package2 class="h-6 w-6" />
+				<Package2 class="size-6" />
 				<span class="sr-only">Acme Inc</span>
 			</a>
 			<a href="##" class="text-muted-foreground transition-colors hover:text-foreground">
@@ -52,7 +52,7 @@
 			<Sheet.Content side="left">
 				<nav class="grid gap-6 text-lg font-medium">
 					<a href="##" class="flex items-center gap-2 text-lg font-semibold">
-						<Package2 class="h-6 w-6" />
+						<Package2 class="size-6" />
 						<span class="sr-only">Acme Inc</span>
 					</a>
 					<a href="##" class="text-muted-foreground hover:text-foreground"> Dashboard </a>
diff --git a/apps/www/src/lib/registry/default/block/dashboard-05.svelte b/apps/www/src/lib/registry/default/block/dashboard-05.svelte
index d000aa0af..8c823ace6 100644
--- a/apps/www/src/lib/registry/default/block/dashboard-05.svelte
+++ b/apps/www/src/lib/registry/default/block/dashboard-05.svelte
@@ -546,7 +546,7 @@
 								<Button
 									size="icon"
 									variant="outline"
-									class="h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100"
+									class="size-6 opacity-0 transition-opacity group-hover:opacity-100"
 								>
 									<Copy class="h-3 w-3" />
 									<span class="sr-only">Copy Order ID</span>
@@ -677,13 +677,13 @@
 						<Pagination.Root count={10} class="ml-auto mr-0 w-auto">
 							<Pagination.Content>
 								<Pagination.Item>
-									<Button size="icon" variant="outline" class="h-6 w-6">
+									<Button size="icon" variant="outline" class="size-6">
 										<ChevronLeft class="size-3.5" />
 										<span class="sr-only">Previous Order</span>
 									</Button>
 								</Pagination.Item>
 								<Pagination.Item>
-									<Button size="icon" variant="outline" class="h-6 w-6">
+									<Button size="icon" variant="outline" class="size-6">
 										<ChevronRight class="size-3.5" />
 										<span class="sr-only">Next Order</span>
 									</Button>
diff --git a/apps/www/src/lib/registry/default/example/cards/payment-method.svelte b/apps/www/src/lib/registry/default/example/cards/payment-method.svelte
index 4f193c345..614ba0fd0 100644
--- a/apps/www/src/lib/registry/default/example/cards/payment-method.svelte
+++ b/apps/www/src/lib/registry/default/example/cards/payment-method.svelte
@@ -43,7 +43,7 @@
 					stroke-linecap="round"
 					stroke-linejoin="round"
 					stroke-width="2"
-					class="mb-3 h-6 w-6"
+					class="mb-3 size-6"
 				>
 					<rect width="20" height="14" x="2" y="5" rx="2" />
 					<path d="M2 10h20" />
@@ -55,7 +55,7 @@
 				class="flex flex-col items-center justify-between rounded-md border-2 border-muted bg-transparent p-4 hover:bg-accent hover:text-accent-foreground [&:has([data-state=checked])]:border-primary"
 			>
 				<RadioGroup.Item value="paypal" id="paypal" class="sr-only" aria-label="Paypal" />
-				<Icons.paypal class="mb-3 h-6 w-6" />
+				<Icons.paypal class="mb-3 size-6" />
 				Paypal
 			</Label>
 			<Label
@@ -63,7 +63,7 @@
 				class="flex flex-col items-center justify-between rounded-md border-2 border-muted bg-transparent p-4 hover:bg-accent hover:text-accent-foreground [&:has([data-state=checked])]:border-primary"
 			>
 				<RadioGroup.Item value="apple" id="apple" class="sr-only" aria-label="Apple" />
-				<Icons.apple class="mb-3 h-6 w-6" />
+				<Icons.apple class="mb-3 size-6" />
 				Apple
 			</Label>
 		</RadioGroup.Root>
diff --git a/apps/www/src/lib/registry/new-york/block/dashboard-01.svelte b/apps/www/src/lib/registry/new-york/block/dashboard-01.svelte
index 99c386a59..29a0570fe 100644
--- a/apps/www/src/lib/registry/new-york/block/dashboard-01.svelte
+++ b/apps/www/src/lib/registry/new-york/block/dashboard-01.svelte
@@ -25,7 +25,7 @@
 			class="hidden flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6"
 		>
 			<a href="##" class="flex items-center gap-2 text-lg font-semibold md:text-base">
-				<Package2 class="h-6 w-6" />
+				<Package2 class="size-6" />
 				<span class="sr-only">Acme Inc</span>
 			</a>
 			<a href="##" class="text-foreground transition-colors hover:text-foreground">
@@ -59,7 +59,7 @@
 			<Sheet.Content side="left">
 				<nav class="grid gap-6 text-lg font-medium">
 					<a href="##" class="flex items-center gap-2 text-lg font-semibold">
-						<Package2 class="h-6 w-6" />
+						<Package2 class="size-6" />
 						<span class="sr-only">Acme Inc</span>
 					</a>
 					<a href="##" class="hover:text-foreground"> Dashboard </a>
diff --git a/apps/www/src/lib/registry/new-york/block/dashboard-02.svelte b/apps/www/src/lib/registry/new-york/block/dashboard-02.svelte
index 13494f9c9..fe42e908d 100644
--- a/apps/www/src/lib/registry/new-york/block/dashboard-02.svelte
+++ b/apps/www/src/lib/registry/new-york/block/dashboard-02.svelte
@@ -23,7 +23,7 @@
 		<div class="flex h-full max-h-screen flex-col gap-2">
 			<div class="flex h-14 items-center border-b px-4 lg:h-[60px] lg:px-6">
 				<a href="/" class="flex items-center gap-2 font-semibold">
-					<Package2 class="h-6 w-6" />
+					<Package2 class="size-6" />
 					<span class="">Acme Inc</span>
 				</a>
 				<Button variant="outline" size="icon" class="ml-auto h-8 w-8">
@@ -47,7 +47,7 @@
 						<ShoppingCart class="size-4" />
 						Orders
 						<Badge
-							class="ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-full"
+							class="ml-auto flex size-6 shrink-0 items-center justify-center rounded-full"
 						>
 							6
 						</Badge>
@@ -110,7 +110,7 @@
 				<Sheet.Content side="left" class="flex flex-col">
 					<nav class="grid gap-2 text-lg font-medium">
 						<a href="##" class="flex items-center gap-2 text-lg font-semibold">
-							<Package2 class="h-6 w-6" />
+							<Package2 class="size-6" />
 							<span class="sr-only">Acme Inc</span>
 						</a>
 						<a
@@ -127,7 +127,7 @@
 							<ShoppingCart class="size-5" />
 							Orders
 							<Badge
-								class="ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-full"
+								class="ml-auto flex size-6 shrink-0 items-center justify-center rounded-full"
 							>
 								6
 							</Badge>
diff --git a/apps/www/src/lib/registry/new-york/block/dashboard-04.svelte b/apps/www/src/lib/registry/new-york/block/dashboard-04.svelte
index f42a7fa75..a2b417157 100644
--- a/apps/www/src/lib/registry/new-york/block/dashboard-04.svelte
+++ b/apps/www/src/lib/registry/new-york/block/dashboard-04.svelte
@@ -18,7 +18,7 @@
 			class="hidden flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6"
 		>
 			<a href="##" class="flex items-center gap-2 text-lg font-semibold md:text-base">
-				<Package2 class="h-6 w-6" />
+				<Package2 class="size-6" />
 				<span class="sr-only">Acme Inc</span>
 			</a>
 			<a href="##" class="text-muted-foreground transition-colors hover:text-foreground">
@@ -52,7 +52,7 @@
 			<Sheet.Content side="left">
 				<nav class="grid gap-6 text-lg font-medium">
 					<a href="##" class="flex items-center gap-2 text-lg font-semibold">
-						<Package2 class="h-6 w-6" />
+						<Package2 class="size-6" />
 						<span class="sr-only">Acme Inc</span>
 					</a>
 					<a href="##" class="text-muted-foreground hover:text-foreground"> Dashboard </a>
diff --git a/apps/www/src/lib/registry/new-york/block/dashboard-05.svelte b/apps/www/src/lib/registry/new-york/block/dashboard-05.svelte
index 060159cc1..a99db4dba 100644
--- a/apps/www/src/lib/registry/new-york/block/dashboard-05.svelte
+++ b/apps/www/src/lib/registry/new-york/block/dashboard-05.svelte
@@ -546,7 +546,7 @@
 								<Button
 									size="icon"
 									variant="outline"
-									class="h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100"
+									class="size-6 opacity-0 transition-opacity group-hover:opacity-100"
 								>
 									<Copy class="h-3 w-3" />
 									<span class="sr-only">Copy Order ID</span>
@@ -677,13 +677,13 @@
 						<Pagination.Root count={10} class="ml-auto mr-0 w-auto">
 							<Pagination.Content>
 								<Pagination.Item>
-									<Button size="icon" variant="outline" class="h-6 w-6">
+									<Button size="icon" variant="outline" class="size-6">
 										<ChevronLeft class="size-3.5" />
 										<span class="sr-only">Previous Order</span>
 									</Button>
 								</Pagination.Item>
 								<Pagination.Item>
-									<Button size="icon" variant="outline" class="h-6 w-6">
+									<Button size="icon" variant="outline" class="size-6">
 										<ChevronRight class="size-3.5" />
 										<span class="sr-only">Next Order</span>
 									</Button>
diff --git a/apps/www/src/lib/registry/new-york/example/cards/payment-method.svelte b/apps/www/src/lib/registry/new-york/example/cards/payment-method.svelte
index 7b03498b6..9a087d2a7 100644
--- a/apps/www/src/lib/registry/new-york/example/cards/payment-method.svelte
+++ b/apps/www/src/lib/registry/new-york/example/cards/payment-method.svelte
@@ -46,7 +46,7 @@
 					stroke-linecap="round"
 					stroke-linejoin="round"
 					stroke-width="2"
-					class="mb-3 h-6 w-6"
+					class="mb-3 size-6"
 				>
 					<rect width="20" height="14" x="2" y="5" rx="2" />
 					<path d="M2 10h20" />
@@ -63,7 +63,7 @@
 					class="sr-only"
 					aria-label="Paypal"
 				/>
-				<Icons.paypal class="mb-3 h-6 w-6" />
+				<Icons.paypal class="mb-3 size-6" />
 				Paypal
 			</Label>
 			<Label
@@ -71,7 +71,7 @@
 				class="flex flex-col items-center justify-between rounded-md border-2 border-muted bg-transparent p-4 hover:bg-accent hover:text-accent-foreground [&:has([data-state=checked])]:border-primary"
 			>
 				<RadioGroup.Item value="apple" id="apple-{id}" class="sr-only" aria-label="Apple" />
-				<Icons.apple class="mb-3 h-6 w-6" />
+				<Icons.apple class="mb-3 size-6" />
 				Apple
 			</Label>
 		</RadioGroup.Root>
diff --git a/apps/www/src/routes/(app)/examples/authentication/+page.svelte b/apps/www/src/routes/(app)/examples/authentication/+page.svelte
index 888184b38..8c072e07b 100644
--- a/apps/www/src/routes/(app)/examples/authentication/+page.svelte
+++ b/apps/www/src/routes/(app)/examples/authentication/+page.svelte
@@ -29,7 +29,7 @@
 					url(https://images.unsplash.com/photo-1590069261209-f8e9b8642343?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1376&q=80);"
 		></div>
 		<div class="relative z-20 flex items-center text-lg font-medium">
-			<!-- <Command class="mr-2 h-6 w-6" /> -->
+			<!-- <Command class="mr-2 size-6" /> -->
 			Acme Inc
 		</div>
 		<div class="relative z-20 mt-auto">
diff --git a/apps/www/src/routes/(app)/examples/cards/(components)/payment-method.svelte b/apps/www/src/routes/(app)/examples/cards/(components)/payment-method.svelte
index a05c7fc06..3187e5cd5 100644
--- a/apps/www/src/routes/(app)/examples/cards/(components)/payment-method.svelte
+++ b/apps/www/src/routes/(app)/examples/cards/(components)/payment-method.svelte
@@ -43,7 +43,7 @@
 					stroke-linecap="round"
 					stroke-linejoin="round"
 					stroke-width="2"
-					class="mb-3 h-6 w-6"
+					class="mb-3 size-6"
 				>
 					<rect width="20" height="14" x="2" y="5" rx="2" />
 					<path d="M2 10h20" />
@@ -55,7 +55,7 @@
 				class="flex flex-col items-center justify-between rounded-md border-2 border-muted bg-popover p-4 hover:bg-accent hover:text-accent-foreground [&:has([data-state=checked])]:border-primary"
 			>
 				<RadioGroup.Item value="paypal" id="paypal" class="sr-only" aria-label="Paypal" />
-				<Icons.paypal class="mb-3 h-6 w-6" />
+				<Icons.paypal class="mb-3 size-6" />
 				Paypal
 			</Label>
 			<Label
@@ -63,7 +63,7 @@
 				class="flex flex-col items-center justify-between rounded-md border-2 border-muted bg-popover p-4 hover:bg-accent hover:text-accent-foreground [&:has([data-state=checked])]:border-primary"
 			>
 				<RadioGroup.Item value="apple" id="apple" class="sr-only" aria-label="Apple" />
-				<Icons.apple class="mb-3 h-6 w-6" />
+				<Icons.apple class="mb-3 size-6" />
 				Apple
 			</Label>
 		</RadioGroup.Root>