@kayord/ui 1.1.18 → 1.1.19

package/dist/components/custom/action/Actions.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import * as DropdownMenu from "../../ui/dropdown-menu";
-	import { Button } from "../../ui/button";
+	import { Button, buttonVariants } from "../../ui/button";
 	import EllipsisVerticalIcon from "@lucide/svelte/icons/ellipsis-vertical";
 	import { isActionGroup, isActionType, type ActionsType } from "./types";
 	import Action from "./Action.svelte";
@@ -14,15 +14,13 @@
 </script>
 
 <DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		<Button {variant} {size} class={cn(className)}>
-			{#if ActionIcon}
-				<ActionIcon />
-			{:else}
-				<EllipsisVerticalIcon class="h-4 w-4" />
-			{/if}
-			{text}
-		</Button>
+	<DropdownMenu.Trigger class={cn(buttonVariants({ variant, size }), className)}>
+		{#if ActionIcon}
+			<ActionIcon />
+		{:else}
+			<EllipsisVerticalIcon class="h-4 w-4" />
+		{/if}
+		{text}
 	</DropdownMenu.Trigger>
 	<DropdownMenu.Content>
 		{#each actions as action}

package/dist/components/custom/data-table/VisibilitySelect.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" generics="T">
 	import * as DropdownMenu from "../../ui/dropdown-menu";
-	import { Button } from "../../ui/button";
+	import { Button, buttonVariants } from "../../ui/button";
 	import { Settings2Icon } from "@lucide/svelte";
 	import type { Table } from "@tanstack/table-core";
 
@@ -12,10 +12,8 @@
 </script>
 
 <DropdownMenu.Root>
-	<DropdownMenu.Trigger>
-		<Button variant="outline" size="sm">
-			<Settings2Icon class="mr-2 h-4 w-4" /> View
-		</Button>
+	<DropdownMenu.Trigger class={buttonVariants({ variant: "outline", size: "sm" })}>
+		<Settings2Icon /> View
 	</DropdownMenu.Trigger>
 	<DropdownMenu.Content>
 		<DropdownMenu.Label>Toggle columns</DropdownMenu.Label>

package/dist/components/ui/input/input.svelte

@@ -24,7 +24,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"selection:bg-primary dark:bg-input/30 selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+			"selection:bg-primary dark:bg-input/30 selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50",
 			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
 			"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
 			className

package/dist/components/ui/input-group/input-group-input.svelte

@@ -3,7 +3,7 @@
 	import type { ComponentProps } from "svelte";
 	import { Input } from "../input/index.js";
 
-	let { class: className, ...props }: ComponentProps<typeof Input> = $props();
+	let { value = $bindable(), class: className, ...props }: ComponentProps<typeof Input> = $props();
 </script>
 
 <Input
@@ -12,5 +12,6 @@
 		"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
 		className
 	)}
+	bind:value
 	{...props}
 />

package/dist/components/ui/input-group/input-group-input.svelte.d.ts

@@ -6,6 +6,6 @@ declare const InputGroupInput: import("svelte").Component<(Omit<import("svelte/e
     files?: undefined;
 })) & {
     ref?: HTMLElement | null | undefined;
-}, {}, "">;
+}, {}, "value">;
 type InputGroupInput = ReturnType<typeof InputGroupInput>;
 export default InputGroupInput;

package/dist/components/ui/input-group/input-group-textarea.svelte

@@ -3,7 +3,7 @@
 	import { Textarea } from "../textarea/index.js";
 	import type { ComponentProps } from "svelte";
 
-	let { class: className, ...props }: ComponentProps<typeof Textarea> = $props();
+	let { value = $bindable(), class: className, ...props }: ComponentProps<typeof Textarea> = $props();
 </script>
 
 <Textarea
@@ -12,5 +12,6 @@
 		"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
 		className
 	)}
+	bind:value
 	{...props}
 />

package/dist/components/ui/input-group/input-group-textarea.svelte.d.ts

@@ -1,3 +1,3 @@
-declare const InputGroupTextarea: import("svelte").Component<Omit<import("../../../utils.js").WithElementRef<import("svelte/elements").HTMLTextareaAttributes>, "children">, {}, "">;
+declare const InputGroupTextarea: import("svelte").Component<Omit<import("../../../utils.js").WithElementRef<import("svelte/elements").HTMLTextareaAttributes>, "children">, {}, "value">;
 type InputGroupTextarea = ReturnType<typeof InputGroupTextarea>;
 export default InputGroupTextarea;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "1.1.18",
+  "version": "1.1.19",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -47,9 +47,9 @@
     "vaul-svelte": "1.0.0-next.7"
   },
   "devDependencies": {
-    "@lucide/svelte": "^0.544.0",
+    "@lucide/svelte": "^0.545.0",
     "@sveltejs/adapter-auto": "^6.1.1",
-    "@sveltejs/kit": "^2.44.0",
+    "@sveltejs/kit": "^2.46.4",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@tailwindcss/vite": "^4.1.14",
@@ -72,8 +72,8 @@
     "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.6.14",
     "publint": "^0.3.14",
-    "svelte": "5.39.9",
-    "svelte-check": "^4.3.2",
+    "svelte": "5.39.11",
+    "svelte-check": "^4.3.3",
     "sveltekit-superforms": "^2.27.2",
     "tailwindcss": "^4.1.14",
     "tslib": "^2.8.1",