@kayord/ui 0.20.0 → 1.0.0

package/dist/components/ui/range-calendar/range-calendar-next-button.svelte

@@ -1,15 +1,18 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants, type ButtonVariant } from "../button/index.js";
 	import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),
 		class: className,
 		children,
+		variant = "ghost",
 		...restProps
-	}: RangeCalendarPrimitive.NextButtonProps = $props();
+	}: RangeCalendarPrimitive.NextButtonProps & {
+		variant?: ButtonVariant;
+	} = $props();
 </script>
 
 {#snippet Fallback()}
@@ -19,8 +22,8 @@
 <RangeCalendarPrimitive.NextButton
 	bind:ref
 	class={cn(
-		buttonVariants({ variant: "outline" }),
-		"size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		buttonVariants({ variant }),
+		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180",
 		className
 	)}
 	children={children || Fallback}

package/dist/components/ui/range-calendar/range-calendar-next-button.svelte.d.ts

@@ -1,4 +1,8 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-declare const RangeCalendarNextButton: import("svelte").Component<RangeCalendarPrimitive.NextButtonProps, {}, "ref">;
+import { type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = RangeCalendarPrimitive.NextButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const RangeCalendarNextButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type RangeCalendarNextButton = ReturnType<typeof RangeCalendarNextButton>;
 export default RangeCalendarNextButton;

package/dist/components/ui/range-calendar/range-calendar-prev-button.svelte

@@ -1,15 +1,18 @@
 <script lang="ts">
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
-	import { buttonVariants } from "../button/index.js";
+	import { buttonVariants, type ButtonVariant } from "../button/index.js";
 	import { cn } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),
 		class: className,
 		children,
+		variant = "ghost",
 		...restProps
-	}: RangeCalendarPrimitive.PrevButtonProps = $props();
+	}: RangeCalendarPrimitive.PrevButtonProps & {
+		variant?: ButtonVariant;
+	} = $props();
 </script>
 
 {#snippet Fallback()}
@@ -19,8 +22,8 @@
 <RangeCalendarPrimitive.PrevButton
 	bind:ref
 	class={cn(
-		buttonVariants({ variant: "outline" }),
-		"size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+		buttonVariants({ variant }),
+		"size-(--cell-size) bg-transparent p-0 select-none disabled:opacity-50 rtl:rotate-180",
 		className
 	)}
 	children={children || Fallback}

package/dist/components/ui/range-calendar/range-calendar-prev-button.svelte.d.ts

@@ -1,4 +1,8 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-declare const RangeCalendarPrevButton: import("svelte").Component<RangeCalendarPrimitive.PrevButtonProps, {}, "ref">;
+import { type ButtonVariant } from "../button/index.js";
+type $$ComponentProps = RangeCalendarPrimitive.PrevButtonProps & {
+    variant?: ButtonVariant;
+};
+declare const RangeCalendarPrevButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
 type RangeCalendarPrevButton = ReturnType<typeof RangeCalendarPrevButton>;
 export default RangeCalendarPrevButton;

package/dist/components/ui/range-calendar/range-calendar-year-select.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+	import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value,
+		...restProps
+	}: WithoutChildrenOrChild<RangeCalendarPrimitive.YearSelectProps> = $props();
+</script>
+
+<span
+	class={cn(
+		"has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]",
+		className
+	)}
+>
+	<RangeCalendarPrimitive.YearSelect bind:ref class="absolute inset-0 opacity-0" {...restProps}>
+		{#snippet child({ props, yearItems, selectedYearItem })}
+			<select {...props} {value}>
+				{#each yearItems as yearItem (yearItem.value)}
+					<option
+						value={yearItem.value}
+						selected={value !== undefined ? yearItem.value === value : yearItem.value === selectedYearItem.value}
+					>
+						{yearItem.label}
+					</option>
+				{/each}
+			</select>
+			<span
+				class="[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm font-medium select-none [&>svg]:size-3.5"
+				aria-hidden="true"
+			>
+				{yearItems.find((item) => item.value === value)?.label || selectedYearItem.label}
+				<ChevronDownIcon class="size-4" />
+			</span>
+		{/snippet}
+	</RangeCalendarPrimitive.YearSelect>
+</span>

package/dist/components/ui/range-calendar/range-calendar-year-select.svelte.d.ts

@@ -0,0 +1,4 @@
+import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
+declare const RangeCalendarYearSelect: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.YearSelectProps, "child">, "children">, {}, "ref">;
+type RangeCalendarYearSelect = ReturnType<typeof RangeCalendarYearSelect>;
+export default RangeCalendarYearSelect;

package/dist/components/ui/range-calendar/range-calendar.svelte

@@ -2,6 +2,9 @@
 	import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 	import * as RangeCalendar from "./index.js";
 	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+	import type { ButtonVariant } from "../button/index.js";
+	import type { Snippet } from "svelte";
+	import { isEqualMonth, type DateValue } from "@internationalized/date";
 
 	let {
 		ref = $bindable(null),
@@ -9,8 +12,31 @@
 		placeholder = $bindable(),
 		weekdayFormat = "short",
 		class: className,
+		buttonVariant = "ghost",
+		captionLayout = "label",
+		locale = "en-US",
+		months: monthsProp,
+		years,
+		monthFormat: monthFormatProp,
+		yearFormat = "numeric",
+		day,
+		disableDaysOutsideMonth = false,
 		...restProps
-	}: WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> = $props();
+	}: WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> & {
+		buttonVariant?: ButtonVariant;
+		captionLayout?: "dropdown" | "dropdown-months" | "dropdown-years" | "label";
+		months?: RangeCalendarPrimitive.MonthSelectProps["months"];
+		years?: RangeCalendarPrimitive.YearSelectProps["years"];
+		monthFormat?: RangeCalendarPrimitive.MonthSelectProps["monthFormat"];
+		yearFormat?: RangeCalendarPrimitive.YearSelectProps["yearFormat"];
+		day?: Snippet<[{ day: DateValue; outsideMonth: boolean }]>;
+	} = $props();
+
+	const monthFormat = $derived.by(() => {
+		if (monthFormatProp) return monthFormatProp;
+		if (captionLayout.startsWith("dropdown")) return "short";
+		return "long";
+	});
 </script>
 
 <RangeCalendarPrimitive.Root
@@ -18,39 +44,68 @@
 	bind:value
 	bind:placeholder
 	{weekdayFormat}
-	class={cn("p-3", className)}
+	{disableDaysOutsideMonth}
+	class={cn(
+		"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+		className
+	)}
+	{locale}
+	{monthFormat}
+	{yearFormat}
 	{...restProps}
 >
 	{#snippet children({ months, weekdays })}
-		<RangeCalendar.Header>
-			<RangeCalendar.PrevButton />
-			<RangeCalendar.Heading />
-			<RangeCalendar.NextButton />
-		</RangeCalendar.Header>
 		<RangeCalendar.Months>
-			{#each months as month (month)}
-				<RangeCalendar.Grid>
-					<RangeCalendar.GridHead>
-						<RangeCalendar.GridRow class="flex">
-							{#each weekdays as weekday (weekday)}
-								<RangeCalendar.HeadCell>
-									{weekday.slice(0, 2)}
-								</RangeCalendar.HeadCell>
-							{/each}
-						</RangeCalendar.GridRow>
-					</RangeCalendar.GridHead>
-					<RangeCalendar.GridBody>
-						{#each month.weeks as weekDates (weekDates)}
-							<RangeCalendar.GridRow class="mt-2 w-full">
-								{#each weekDates as date (date)}
-									<RangeCalendar.Cell {date} month={month.value}>
-										<RangeCalendar.Day />
-									</RangeCalendar.Cell>
+			<RangeCalendar.Nav>
+				<RangeCalendar.PrevButton variant={buttonVariant} />
+				<RangeCalendar.NextButton variant={buttonVariant} />
+			</RangeCalendar.Nav>
+			{#each months as month, monthIndex (month)}
+				<RangeCalendar.Month>
+					<RangeCalendar.Header>
+						<RangeCalendar.Caption
+							{captionLayout}
+							months={monthsProp}
+							{monthFormat}
+							{years}
+							{yearFormat}
+							month={month.value}
+							bind:placeholder
+							{locale}
+							{monthIndex}
+						/>
+					</RangeCalendar.Header>
+
+					<RangeCalendar.Grid>
+						<RangeCalendar.GridHead>
+							<RangeCalendar.GridRow class="select-none">
+								{#each weekdays as weekday (weekday)}
+									<RangeCalendar.HeadCell>
+										{weekday.slice(0, 2)}
+									</RangeCalendar.HeadCell>
 								{/each}
 							</RangeCalendar.GridRow>
-						{/each}
-					</RangeCalendar.GridBody>
-				</RangeCalendar.Grid>
+						</RangeCalendar.GridHead>
+						<RangeCalendar.GridBody>
+							{#each month.weeks as weekDates (weekDates)}
+								<RangeCalendar.GridRow class="mt-2 w-full">
+									{#each weekDates as date (date)}
+										<RangeCalendar.Cell {date} month={month.value}>
+											{#if day}
+												{@render day({
+													day: date,
+													outsideMonth: !isEqualMonth(date, month.value),
+												})}
+											{:else}
+												<RangeCalendar.Day />
+											{/if}
+										</RangeCalendar.Cell>
+									{/each}
+								</RangeCalendar.GridRow>
+							{/each}
+						</RangeCalendar.GridBody>
+					</RangeCalendar.Grid>
+				</RangeCalendar.Month>
 			{/each}
 		</RangeCalendar.Months>
 	{/snippet}

package/dist/components/ui/range-calendar/range-calendar.svelte.d.ts

@@ -1,5 +1,21 @@
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 import * as RangeCalendar from "./index.js";
-declare const RangeCalendar: import("svelte").Component<Omit<Omit<RangeCalendarPrimitive.RootProps, "child">, "children">, {}, "value" | "placeholder" | "ref">;
+import { type WithoutChildrenOrChild } from "../../../utils.js";
+import type { ButtonVariant } from "../button/index.js";
+import type { Snippet } from "svelte";
+import { type DateValue } from "@internationalized/date";
+type $$ComponentProps = WithoutChildrenOrChild<RangeCalendarPrimitive.RootProps> & {
+    buttonVariant?: ButtonVariant;
+    captionLayout?: "dropdown" | "dropdown-months" | "dropdown-years" | "label";
+    months?: RangeCalendarPrimitive.MonthSelectProps["months"];
+    years?: RangeCalendarPrimitive.YearSelectProps["years"];
+    monthFormat?: RangeCalendarPrimitive.MonthSelectProps["monthFormat"];
+    yearFormat?: RangeCalendarPrimitive.YearSelectProps["yearFormat"];
+    day?: Snippet<[{
+        day: DateValue;
+        outsideMonth: boolean;
+    }]>;
+};
+declare const RangeCalendar: import("svelte").Component<$$ComponentProps, {}, "value" | "placeholder" | "ref">;
 type RangeCalendar = ReturnType<typeof RangeCalendar>;
 export default RangeCalendar;

package/dist/components/ui/select/index.d.ts

@@ -6,5 +6,6 @@ import Trigger from "./select-trigger.svelte";
 import Separator from "./select-separator.svelte";
 import ScrollDownButton from "./select-scroll-down-button.svelte";
 import ScrollUpButton from "./select-scroll-up-button.svelte";
+import GroupHeading from "./select-group-heading.svelte";
 declare const Root: import("svelte").Component<import("bits-ui").SelectRootPropsWithoutHTML, {}, "value" | "open">;
-export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, };
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading, };

package/dist/components/ui/select/index.js

@@ -7,7 +7,8 @@ import Trigger from "./select-trigger.svelte";
 import Separator from "./select-separator.svelte";
 import ScrollDownButton from "./select-scroll-down-button.svelte";
 import ScrollUpButton from "./select-scroll-up-button.svelte";
+import GroupHeading from "./select-group-heading.svelte";
 const Root = SelectPrimitive.Root;
-export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, 
+export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, 
 //
-Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, };
+Root as Select, Group as SelectGroup, Label as SelectLabel, Item as SelectItem, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, GroupHeading as SelectGroupHeading, };

package/dist/components/ui/select/select-group-heading.svelte

@@ -1,8 +1,21 @@
 <script lang="ts">
 	import { Select as SelectPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
+	import type { ComponentProps } from "svelte";
 
-	let { ref = $bindable(null), class: className, ...restProps }: SelectPrimitive.GroupHeadingProps = $props();
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
 </script>
 
-<SelectPrimitive.GroupHeading bind:ref class={cn("py-1.5 pr-2 pl-8 text-sm font-semibold", className)} {...restProps} />
+<SelectPrimitive.GroupHeading
+	bind:ref
+	data-slot="select-group-heading"
+	class={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</SelectPrimitive.GroupHeading>

package/dist/components/ui/select/select-group-heading.svelte.d.ts

@@ -1,4 +1,10 @@
-import { Select as SelectPrimitive } from "bits-ui";
-declare const SelectGroupHeading: import("svelte").Component<SelectPrimitive.GroupHeadingProps, {}, "ref">;
+declare const SelectGroupHeading: import("svelte").Component<Omit<{}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").ComboboxGroupHeadingPropsWithoutHTML>, {}, "ref">;
 type SelectGroupHeading = ReturnType<typeof SelectGroupHeading>;
 export default SelectGroupHeading;

package/dist/components/ui/select/select-trigger.svelte

@@ -19,7 +19,7 @@
 	data-slot="select-trigger"
 	data-size={size}
 	class={cn(
-		"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none select-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/separator/separator.svelte

@@ -7,7 +7,7 @@
 
 <SeparatorPrimitive.Root
 	bind:ref
-	data-slot="separator-root"
+	data-slot="separator"
 	class={cn(
 		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
 		className

package/dist/components/ui/sheet/sheet-overlay.svelte

@@ -3,8 +3,6 @@
 	import { cn } from "../../../utils.js";
 
 	let { ref = $bindable(null), class: className, ...restProps }: SheetPrimitive.OverlayProps = $props();
-
-	export { className as class };
 </script>
 
 <SheetPrimitive.Overlay

package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts

@@ -1,6 +1,4 @@
 import { Dialog as SheetPrimitive } from "bits-ui";
-declare const SheetOverlay: import("svelte").Component<SheetPrimitive.OverlayProps, {
-    class: import("svelte/elements").ClassValue | null | undefined;
-}, "ref">;
+declare const SheetOverlay: import("svelte").Component<SheetPrimitive.OverlayProps, {}, "ref">;
 type SheetOverlay = ReturnType<typeof SheetOverlay>;
 export default SheetOverlay;

package/dist/hooks/is-mobile.svelte.d.ts

@@ -1,4 +1,4 @@
 import { MediaQuery } from "svelte/reactivity";
 export declare class IsMobile extends MediaQuery {
-    constructor();
+    constructor(breakpoint?: number);
 }

package/dist/hooks/is-mobile.svelte.js

@@ -1,7 +1,7 @@
 import { MediaQuery } from "svelte/reactivity";
-const MOBILE_BREAKPOINT = 768;
+const DEFAULT_MOBILE_BREAKPOINT = 768;
 export class IsMobile extends MediaQuery {
-    constructor() {
-        super(`max-width: ${MOBILE_BREAKPOINT - 1}px`);
+    constructor(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
+        super(`max-width: ${breakpoint - 1}px`);
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.20.0",
+  "version": "1.0.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -34,8 +34,8 @@
     "zod": "^3.23.8"
   },
   "dependencies": {
-    "@internationalized/date": "^3.8.1",
-    "bits-ui": "2.4.1",
+    "@internationalized/date": "^3.8.2",
+    "bits-ui": "2.5.0",
     "clsx": "^2.1.1",
     "embla-carousel-svelte": "8.6.0",
     "formsnap": "2.0.1",
@@ -47,38 +47,39 @@
     "vaul-svelte": "1.0.0-next.7"
   },
   "devDependencies": {
-    "@lucide/svelte": "^0.511.0",
+    "@lucide/svelte": "^0.513.0",
     "@sveltejs/adapter-auto": "^6.0.1",
-    "@sveltejs/kit": "^2.21.1",
+    "@sveltejs/kit": "^2.21.3",
     "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
     "@tailwindcss/vite": "^4.1.8",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.8",
+    "@testing-library/user-event": "^14.6.1",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.7",
-    "@typescript-eslint/eslint-plugin": "^8.33.0",
-    "@typescript-eslint/parser": "^8.33.0",
+    "@typescript-eslint/eslint-plugin": "^8.33.1",
+    "@typescript-eslint/parser": "^8.33.1",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
     "eslint": "^9.28.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-svelte": "^3.9.1",
-    "happy-dom": "^17.5.6",
+    "happy-dom": "^17.6.3",
     "layerchart": "2.0.0-next.6",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.4.0",
     "prettier-plugin-tailwindcss": "^0.6.12",
     "publint": "^0.3.12",
-    "svelte": "5.33.13",
+    "svelte": "5.33.18",
     "svelte-check": "^4.2.1",
     "tailwindcss": "^4.1.8",
     "tslib": "^2.8.1",
-    "tw-animate-css": "1.3.3",
+    "tw-animate-css": "1.3.4",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
-    "vitest": "^3.1.4",
-    "zod": "^3.25.46"
+    "vitest": "^3.2.3",
+    "zod": "^3.25.56"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -95,8 +96,7 @@
     "lint": "prettier --check . && eslint .",
     "format": "prettier --write .",
     "test:unit": "vitest",
-    "lib": "pnpm dlx shadcn-svelte@next add -a -y -o --no-deps && pnpm format && pnpm version --no-git-tag-version patch",
-    "libOld": "pnpm dlx shadcn-svelte@next add -a -y -o --no-deps && pnpm format && pnpm version --no-git-tag-version patch && ./tw.sh",
+    "lib": "pnpm dlx shadcn-svelte@latest add -a -y -o --no-deps && pnpm format && pnpm version --no-git-tag-version patch",
     "next": "./next.sh"
   }
 }