@kayord/ui 0.9.9 → 0.9.12

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

@@ -46,7 +46,7 @@
 </script>
 
 <div class="w-full">
-	<div class="rounded-md border m-2">
+	<div class="m-2 rounded-md border">
 		{#if isLoading}
 			<span in:fade={{ duration: 300 }}>
 				<ProgressLoading class="h-1" />
@@ -55,11 +55,11 @@
 			<div class="h-1"></div>
 		{/if}
 		{#if $$slots.header || title.length > 0}
-			<div class="rounded-t-md overflow-hidden">
+			<div class="overflow-hidden rounded-t-md">
 				{#if $$slots.header}
 					<slot name="header" />
 				{:else}
-					<h1 class="text-lg text-center p-2">
+					<h1 class="p-2 text-center text-lg">
 						{title}
 					</h1>
 				{/if}
@@ -146,7 +146,7 @@
 		{/if}
 	</div>
 	<div class="flex items-center">
-		<div class="flex-1 text-sm text-muted-foreground px-2">
+		<div class="flex-1 px-2 text-sm text-muted-foreground">
 			{#if isSelectEnabled && showSelected}
 				{Object.keys($selectedDataIds).length} of {serverItemCount ?? $rows.length} row(s) selected.
 			{/if}
@@ -157,7 +157,7 @@
 	</div>
 
 	{#if $$slots.footer}
-		<div class="rounded-b-md overflow-hidden">
+		<div class="overflow-hidden rounded-b-md">
 			<slot name="footer" />
 		</div>
 	{/if}

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

@@ -7,9 +7,9 @@
 
 <DropdownMenu.Root>
 	<DropdownMenu.Trigger asChild let:builder>
-		<Button variant="ghost" builders={[builder]} size="icon" class="relative w-8 h-8 p-0">
+		<Button variant="ghost" builders={[builder]} size="icon" class="relative h-8 w-8 p-0">
 			<span class="sr-only">Open menu</span>
-			<MoreHorizontalIcon class="w-4 h-4" />
+			<MoreHorizontalIcon class="h-4 w-4" />
 		</Button>
 	</DropdownMenu.Trigger>
 	<DropdownMenu.Content>

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

@@ -12,7 +12,7 @@
 	const { hasNextPage, hasPreviousPage, pageIndex, pageCount, pageSize } = pluginStates.page;
 </script>
 
-<div class="flex items-center space-x-6 lg:space-x-8 justify-end px-2">
+<div class="flex items-center justify-end space-x-6 px-2 lg:space-x-8">
 	{#if showRowsPerPage}
 		<div class="flex items-center space-x-2">
 			<p class="text-sm font-medium">Rows per page</p>

package/dist/components/custom/loader/Loader.svelte

@@ -22,6 +22,6 @@
 
 {#if isLoading}
 	<div class="flex justify-center" in:scale={{ duration: 350 }} out:scale={{ duration: 200 }}>
-		<LoaderCircleIcon class={cn("h-8 w-8 animate-spin m-2", className)} {...iconProps} />
+		<LoaderCircleIcon class={cn("m-2 h-8 w-8 animate-spin", className)} {...iconProps} />
 	</div>
 {/if}

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

@@ -7,7 +7,7 @@ export declare const alertVariants: import("tailwind-variants").TVReturnType<{
         default: string;
         destructive: string;
     };
-}, undefined, "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "[&>svg]:text-foreground relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         destructive: string;
@@ -27,7 +27,7 @@ export declare const alertVariants: import("tailwind-variants").TVReturnType<{
         default: string;
         destructive: string;
     };
-}, undefined, "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "[&>svg]:text-foreground relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         destructive: string;

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

@@ -3,7 +3,7 @@ import Root from "./alert.svelte";
 import Description from "./alert-description.svelte";
 import Title from "./alert-title.svelte";
 export const alertVariants = tv({
-    base: "relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+    base: "[&>svg]:text-foreground relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",
     variants: {
         variant: {
             default: "bg-background text-foreground",

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

@@ -7,7 +7,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         destructive: string;
         outline: string;
     };
-}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         secondary: string;
@@ -35,7 +35,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         destructive: string;
         outline: string;
     };
-}, undefined, "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         secondary: string;

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

@@ -1,12 +1,12 @@
 import { tv } from "tailwind-variants";
 export { default as Badge } from "./badge.svelte";
 export const badgeVariants = tv({
-    base: "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+    base: "focus:ring-ring inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
     variants: {
         variant: {
-            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+            default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent",
             outline: "text-foreground",
         },
     },

package/dist/components/ui/breadcrumb/breadcrumb-link.svelte

@@ -16,7 +16,7 @@
 	let attrs: Record<string, unknown>;
 
 	$: attrs = {
-		class: cn("transition-colors hover:text-foreground", className),
+		class: cn("hover:text-foreground transition-colors", className),
 		href,
 		...$$restProps,
 	};

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

@@ -16,7 +16,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
         icon: string;
     };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium 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", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         destructive: string;
@@ -76,7 +76,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
         icon: string;
     };
-}, undefined, "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium 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", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         destructive: string;

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

@@ -1,12 +1,12 @@
 import { tv } from "tailwind-variants";
 import Root from "./button.svelte";
 const buttonVariants = tv({
-    base: "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium 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: "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
     variants: {
         variant: {
             default: "bg-primary text-primary-foreground hover:bg-primary/90",
             destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            outline: "border-input bg-background hover:bg-accent hover:text-accent-foreground border",
             secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
             ghost: "hover:bg-accent hover:text-accent-foreground",
             link: "text-primary underline-offset-4 hover:underline",

package/dist/components/ui/command/command-dialog.svelte.d.ts

@@ -14,24 +14,24 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const CommandDialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    preventScroll?: boolean;
-    closeOnEscape?: boolean;
-    closeOnOutsideClick?: boolean;
-    onOutsideClick?: (event: PointerEvent | MouseEvent | TouchEvent) => void;
-    portal?: HTMLElement | string | null;
-    open?: (boolean | undefined) & {};
-    onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean>;
-    openFocus?: import("bits-ui").FocusProp;
-    closeFocus?: import("bits-ui").FocusProp;
+    preventScroll?: boolean | undefined;
+    closeOnEscape?: boolean | undefined;
+    closeOnOutsideClick?: boolean | undefined;
+    onOutsideClick?: ((event: PointerEvent | MouseEvent | TouchEvent) => void) | undefined;
+    portal?: (HTMLElement | string | null) | undefined;
+    open?: ((boolean | undefined) & {}) | undefined;
+    onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
+    openFocus?: import("bits-ui").FocusProp | undefined;
+    closeFocus?: import("bits-ui").FocusProp | undefined;
 } & {
-    state?: import("svelte/store").Writable<import("cmdk-sv").State>;
-    label?: string;
-    shouldFilter?: boolean;
-    filter?: (value: string, search: string) => number;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    ids?: Partial<import("cmdk-sv").CommandIds>;
+    state?: import("svelte/store").Writable<import("cmdk-sv").State> | undefined;
+    label?: string | undefined;
+    shouldFilter?: boolean | undefined;
+    filter?: ((value: string, search: string) => number) | undefined;
+    value?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    loop?: boolean | undefined;
+    ids?: Partial<import("cmdk-sv").CommandIds> | undefined;
 } & import("cmdk-sv/dist/internal").HTMLDivAttributes & {
     onKeydown?: (e: KeyboardEvent) => void;
     asChild?: boolean;

package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts

@@ -14,7 +14,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const ContextMenuLabel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    asChild?: boolean;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & import("bits-ui/dist/internal").HTMLDivAttributes & {
     inset?: boolean;

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts

@@ -15,8 +15,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const ContextMenuSubTrigger: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    disabled?: boolean;
-    asChild?: boolean;
+    disabled?: boolean | undefined;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & import("bits-ui/dist/internal").HTMLDivAttributes & {
     inset?: boolean;

package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts

@@ -14,7 +14,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const DropdownMenuLabel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    asChild?: boolean;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & import("bits-ui/dist/internal").HTMLDivAttributes & {
     inset?: boolean;

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts

@@ -15,8 +15,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const DropdownMenuSubTrigger: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    disabled?: boolean;
-    asChild?: boolean;
+    disabled?: boolean | undefined;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & import("bits-ui/dist/internal").HTMLDivAttributes & {
     inset?: boolean;

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

@@ -6,7 +6,7 @@ export * as Avatar from "./avatar/index.js";
 export { Badge, type Variant as BadgeVariant, badgeVariants } from "./badge/index.js";
 export { Button, type ButtonEvents, type ButtonProps, buttonVariants } from "./button/index.js";
 export * as Breadcrumb from "./breadcrumb/index.js";
-export * as Calendar from "./calendar/index.js";
+export { Calendar } from "./calendar/index.js";
 export * as Card from "./card/index.js";
 export * as Carousel from "./carousel/index.js";
 export { Checkbox } from "./checkbox/index.js";

package/dist/components/ui/index.js

@@ -6,7 +6,7 @@ export * as Avatar from "./avatar/index.js";
 export { Badge, badgeVariants } from "./badge/index.js";
 export { Button, buttonVariants } from "./button/index.js";
 export * as Breadcrumb from "./breadcrumb/index.js";
-export * as Calendar from "./calendar/index.js";
+export { Calendar } from "./calendar/index.js";
 export * as Card from "./card/index.js";
 export * as Carousel from "./carousel/index.js";
 export { Checkbox } from "./checkbox/index.js";

package/dist/components/ui/menubar/menubar-label.svelte.d.ts

@@ -14,7 +14,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const MenubarLabel: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    asChild?: boolean;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & import("bits-ui/dist/internal").HTMLDivAttributes & {
     inset?: boolean;

package/dist/components/ui/menubar/menubar-sub-trigger.svelte.d.ts

@@ -15,8 +15,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const MenubarSubTrigger: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    disabled?: boolean;
-    asChild?: boolean;
+    disabled?: boolean | undefined;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & import("bits-ui/dist/internal").HTMLDivAttributes & {
     inset?: boolean;

package/dist/components/ui/pagination/pagination-link.svelte.d.ts

@@ -17,7 +17,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 declare const PaginationLink: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     page: import("bits-ui").Page;
 } & {
-    asChild?: boolean;
+    asChild?: boolean | undefined;
     el?: HTMLButtonElement | undefined;
 } & (import("svelte/elements").HTMLButtonAttributes & Props & {
     isActive: boolean;

package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte.d.ts

@@ -14,7 +14,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const ScrollAreaScrollbar: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    asChild?: boolean;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & {
     orientation: "horizontal" | "vertical";

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

@@ -18,7 +18,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "fixed z-50 gap-4 bg-background p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
     side: {
         top: string;
         bottom: string;
@@ -46,7 +46,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "fixed z-50 gap-4 bg-background p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config").TVConfig<{
     side: {
         top: string;
         bottom: string;

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

@@ -14,7 +14,7 @@ export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title,
 //
 Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
 export const sheetVariants = tv({
-    base: "fixed z-50 gap-4 bg-background p-6 shadow-lg",
+    base: "bg-background fixed z-50 gap-4 p-6 shadow-lg",
     variants: {
         side: {
             top: "inset-x-0 top-0 border-b",

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

@@ -21,7 +21,7 @@ declare const SheetContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_Pr
     inTransitionConfig?: any;
     outTransition?: import("bits-ui/dist/internal/types.js").Transition | undefined;
     outTransitionConfig?: any;
-    asChild?: boolean;
+    asChild?: boolean | undefined;
     el?: HTMLDivElement | undefined;
 } & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
     side?: Side;

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

@@ -10,7 +10,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
         sm: string;
         lg: string;
     };
-}, undefined, "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-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 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         outline: string;
@@ -50,7 +50,7 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
         sm: string;
         lg: string;
     };
-}, undefined, "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-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 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         default: string;
         outline: string;

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

@@ -1,11 +1,11 @@
 import { tv } from "tailwind-variants";
 import Root from "./toggle.svelte";
 export const toggleVariants = tv({
-    base: "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-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 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+    base: "ring-offset-background hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
     variants: {
         variant: {
             default: "bg-transparent",
-            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
+            outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent",
         },
         size: {
             default: "h-10 px-3",

package/dist/components/ui/toggle/toggle.svelte.d.ts

@@ -16,10 +16,10 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const Toggle: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    disabled?: boolean;
-    pressed?: boolean;
-    onPressedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean>;
-    asChild?: boolean;
+    disabled?: boolean | undefined;
+    pressed?: boolean | undefined;
+    onPressedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean> | undefined;
+    asChild?: boolean | undefined;
     el?: HTMLButtonElement | undefined;
 } & import("svelte/elements.js").HTMLButtonAttributes & {
     variant?: Variant;

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -16,8 +16,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } : {});
 declare const ToggleGroupItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     value: string;
-    disabled?: boolean;
-    asChild?: boolean;
+    disabled?: boolean | undefined;
+    asChild?: boolean | undefined;
     el?: HTMLButtonElement | undefined;
 } & import("svelte/elements.js").HTMLButtonAttributes & ToggleVariants, {
     default: {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.9.9",
+  "version": "0.9.12",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.5.5",
-    "bits-ui": "^0.21.12",
+    "bits-ui": "^0.21.13",
     "clsx": "^2.1.1",
     "cmdk-sv": "^0.0.18",
     "embla-carousel-svelte": "8.1.7",
     "formsnap": "^1.0.1",
-    "mode-watcher": "^0.4.0",
+    "mode-watcher": "^0.4.1",
     "paneforge": "^0.0.5",
     "svelte-headless-table": "^0.18.2",
     "svelte-sonner": "^0.3.27",
@@ -51,27 +51,27 @@
     "@sveltejs/kit": "^2.5.18",
     "@sveltejs/package": "^2.3.2",
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/svelte": "^5.2.0",
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
-    "@typescript-eslint/parser": "^7.17.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/svelte": "^5.2.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.43.0",
     "happy-dom": "^14.12.3",
-    "lucide-svelte": "^0.414.0",
-    "postcss": "^8.4.39",
-    "postcss-load-config": "^5.1.0",
+    "lucide-svelte": "^0.417.0",
+    "postcss": "^8.4.40",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
+    "prettier-plugin-tailwindcss": "^0.6.4",
     "publint": "^0.2.9",
     "svelte": "5.0.0-next.158",
     "svelte-check": "^3.8.4",
-    "tailwindcss": "^3.4.6",
+    "tailwindcss": "^3.4.7",
     "tslib": "^2.6.3",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.4",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.5",
     "vitest": "^2.0.4"
   },
   "svelte": "./dist/index.js",