[shadcn4] Update components (28.05.25)

Author: x0k

packages/shadcn4-theme/package.json

@@ -74,10 +74,10 @@
 		"@internationalized/date": "3.8.0"
 	},
 	"peerDependencies": {
+		"@lucide/svelte": "^0.501.0",
 		"@sjsf/form": "workspace:^2.0.0-next.14",
 		"bits-ui": "^2.2.0",
 		"clsx": "^2.1.0",
-		"@lucide/svelte": "^0.501.0",
 		"svelte": "^5.33.0",
 		"tailwind-merge": "^3.3.0",
 		"tailwind-variants": "^1.0.0"
@@ -110,8 +110,8 @@
 		"tailwind-merge": "^3.3.0",
 		"tailwind-variants": "^1.0.0",
 		"tailwindcss": "catalog:next",
-		"tw-animate-css": "^1.3.0",
 		"testing": "workspace:*",
+		"tw-animate-css": "^1.3.0",
 		"typescript-eslint": "catalog:"
 	}
 }

packages/shadcn4-theme/src/lib/components/ui/checkbox/checkbox.svelte

@@ -17,18 +17,15 @@
 	bind:ref
 	data-slot="checkbox"
 	class={cn(
-		"border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs peer size-4 shrink-0 rounded-[4px] border outline-none transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+		"border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs peer flex size-4 shrink-0 items-center justify-center rounded-[4px] border outline-none transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
 		className
 	)}
 	bind:checked
 	bind:indeterminate
 	{...restProps}
 >
 	{#snippet children({ checked, indeterminate })}
-		<div
-			data-slot="checkbox-indicator"
-			class="flex items-center justify-center text-current transition-none"
-		>
+		<div data-slot="checkbox-indicator" class="text-current transition-none">
 			{#if checked}
 				<CheckIcon class="size-3.5" />
 			{:else if indeterminate}

packages/shadcn4-theme/src/lib/components/ui/input/input.svelte

@@ -22,6 +22,7 @@
 {#if type === "file"}
 	<input
 		bind:this={ref}
+		data-slot="input"
 		class={cn(
 			"selection:bg-primary dark:bg-input/30 selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-sm font-medium outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
@@ -36,6 +37,7 @@
 {:else}
 	<input
 		bind:this={ref}
+		data-slot="input"
 		class={cn(
 			"border-input bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",

packages/shadcn4-theme/src/lib/components/ui/select/select-scroll-down-button.svelte

@@ -12,7 +12,7 @@
 
 <SelectPrimitive.ScrollDownButton
 	bind:ref
-	data-slot="select-scroll-up-button"
+	data-slot="select-scroll-down-button"
 	class={cn("flex cursor-default items-center justify-center py-1", className)}
 	{...restProps}
 >

packages/shadcn4-theme/src/lib/components/ui/select/select-scroll-up-button.svelte

@@ -12,7 +12,7 @@
 
 <SelectPrimitive.ScrollUpButton
 	bind:ref
-	data-slot="select-scroll-down-button"
+	data-slot="select-scroll-up-button"
 	class={cn("flex cursor-default items-center justify-center py-1", className)}
 	{...restProps}
 >