diff --git a/apps/www/src/lib/components/docs/copy-button.svelte b/apps/www/src/lib/components/docs/copy-button.svelte
index 747c55b62..a302b2a90 100644
--- a/apps/www/src/lib/components/docs/copy-button.svelte
+++ b/apps/www/src/lib/components/docs/copy-button.svelte
@@ -100,7 +100,7 @@
 {:else}
 	<button
 		class={cn(
-			"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 z-10 h-6 w-6 text-zinc-50 hover:bg-zinc-700 hover:text-zinc-50 absolute right-4 top-4",
+			"inline-flex items-center justify-center rounded-md text-sm font-medium transition focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 z-10 h-6 w-6 text-zinc-50 hover:bg-zinc-700 hover:text-zinc-50 absolute right-4 top-4",
 			className
 		)}
 		use:clickToCopyAction={value}
diff --git a/apps/www/src/lib/registry/default/ui/button/index.ts b/apps/www/src/lib/registry/default/ui/button/index.ts
index cfb5560c1..e09e57e37 100644
--- a/apps/www/src/lib/registry/default/ui/button/index.ts
+++ b/apps/www/src/lib/registry/default/ui/button/index.ts
@@ -3,7 +3,7 @@ import { tv, type VariantProps } from "tailwind-variants";
 import type { Button as ButtonPrimitive } from "bits-ui";
 
 const buttonVariants = tv({
-	base: "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+	base: "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
diff --git a/apps/www/src/lib/registry/default/ui/input/input.svelte b/apps/www/src/lib/registry/default/ui/input/input.svelte
index c479fbece..d0be439a2 100644
--- a/apps/www/src/lib/registry/default/ui/input/input.svelte
+++ b/apps/www/src/lib/registry/default/ui/input/input.svelte
@@ -13,7 +13,7 @@
 
 <input
 	class={cn(
-		"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium 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",
+		"transition flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium 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",
 		className
 	)}
 	bind:value
diff --git a/apps/www/src/lib/registry/default/ui/radio-group/radio-group-item.svelte b/apps/www/src/lib/registry/default/ui/radio-group/radio-group-item.svelte
index 7c11b65d6..f1a794b8a 100644
--- a/apps/www/src/lib/registry/default/ui/radio-group/radio-group-item.svelte
+++ b/apps/www/src/lib/registry/default/ui/radio-group/radio-group-item.svelte
@@ -14,7 +14,7 @@
 <RadioGroupPrimitive.Item
 	{value}
 	class={cn(
-		"aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		"transition aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	{...$$restProps}
diff --git a/apps/www/src/lib/registry/default/ui/select/select-trigger.svelte b/apps/www/src/lib/registry/default/ui/select/select-trigger.svelte
index 8ab45542f..54b01b142 100644
--- a/apps/www/src/lib/registry/default/ui/select/select-trigger.svelte
+++ b/apps/www/src/lib/registry/default/ui/select/select-trigger.svelte
@@ -12,7 +12,7 @@
 
 <SelectPrimitive.Trigger
 	class={cn(
-		"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+		"transition flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
 		className
 	)}
 	{...$$restProps}
diff --git a/apps/www/src/lib/registry/default/ui/slider/slider.svelte b/apps/www/src/lib/registry/default/ui/slider/slider.svelte
index 6958debec..6b2c6621b 100644
--- a/apps/www/src/lib/registry/default/ui/slider/slider.svelte
+++ b/apps/www/src/lib/registry/default/ui/slider/slider.svelte
@@ -21,7 +21,7 @@
 	{#each thumbs as thumb}
 		<SliderPrimitive.Thumb
 			{thumb}
-			class="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+			class="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
 		/>
 	{/each}
 </SliderPrimitive.Root>
diff --git a/apps/www/src/lib/registry/default/ui/switch/switch.svelte b/apps/www/src/lib/registry/default/ui/switch/switch.svelte
index abc28424d..58964c959 100644
--- a/apps/www/src/lib/registry/default/ui/switch/switch.svelte
+++ b/apps/www/src/lib/registry/default/ui/switch/switch.svelte
@@ -12,7 +12,7 @@
 <SwitchPrimitive.Root
 	bind:checked
 	class={cn(
-		"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+		"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
 		className
 	)}
 	{...$$restProps}
diff --git a/apps/www/src/lib/registry/default/ui/textarea/textarea.svelte b/apps/www/src/lib/registry/default/ui/textarea/textarea.svelte
index 302b3ff6c..8338cf7bc 100644
--- a/apps/www/src/lib/registry/default/ui/textarea/textarea.svelte
+++ b/apps/www/src/lib/registry/default/ui/textarea/textarea.svelte
@@ -11,7 +11,7 @@
 
 <textarea
 	class={cn(
-		"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",
+		"transition 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",
 		className
 	)}
 	bind:value
diff --git a/apps/www/src/lib/registry/default/ui/toggle/index.ts b/apps/www/src/lib/registry/default/ui/toggle/index.ts
index 9b717d476..e59a31d44 100644
--- a/apps/www/src/lib/registry/default/ui/toggle/index.ts
+++ b/apps/www/src/lib/registry/default/ui/toggle/index.ts
@@ -2,7 +2,7 @@ import Root from "./toggle.svelte";
 import { tv, type VariantProps } from "tailwind-variants";
 
 export const toggleVariants = tv({
-	base: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground",
+	base: "inline-flex items-center justify-center rounded-md text-sm font-medium transition data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground",
 	variants: {
 		variant: {
 			default: "bg-transparent",
diff --git a/apps/www/src/lib/registry/new-york/ui/button/index.ts b/apps/www/src/lib/registry/new-york/ui/button/index.ts
index 86b7231f4..c8e035310 100644
--- a/apps/www/src/lib/registry/new-york/ui/button/index.ts
+++ b/apps/www/src/lib/registry/new-york/ui/button/index.ts
@@ -3,7 +3,7 @@ import { tv, type VariantProps } from "tailwind-variants";
 import Root from "./button.svelte";
 
 const buttonVariants = tv({
-	base: "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+	base: "inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
diff --git a/apps/www/src/lib/registry/new-york/ui/radio-group/radio-group-item.svelte b/apps/www/src/lib/registry/new-york/ui/radio-group/radio-group-item.svelte
index bde5c3888..2d73ce3c9 100644
--- a/apps/www/src/lib/registry/new-york/ui/radio-group/radio-group-item.svelte
+++ b/apps/www/src/lib/registry/new-york/ui/radio-group/radio-group-item.svelte
@@ -16,7 +16,7 @@
 <RadioGroupPrimitive.Item
 	{value}
 	class={cn(
-		"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+		"transition aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	{...$$restProps}
diff --git a/apps/www/src/lib/registry/new-york/ui/toggle/index.ts b/apps/www/src/lib/registry/new-york/ui/toggle/index.ts
index 242c1ade4..72de634a7 100644
--- a/apps/www/src/lib/registry/new-york/ui/toggle/index.ts
+++ b/apps/www/src/lib/registry/new-york/ui/toggle/index.ts
@@ -2,7 +2,7 @@ import Root from "./toggle.svelte";
 import { tv, type VariantProps } from "tailwind-variants";
 
 export const toggleVariants = tv({
-	base: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+	base: "inline-flex items-center justify-center rounded-md text-sm font-medium transition hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
 	variants: {
 		variant: {
 			default: "bg-transparent",