@kayord/ui 0.8.4 → 0.8.5

package/dist/components/ui/accordion/accordion-content.svelte

@@ -1,6 +1,6 @@
 <script>import { Accordion as AccordionPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
 import { slide } from "svelte/transition";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let transition = slide;
 export let transitionConfig = {

package/dist/components/ui/alert/alert.svelte

@@ -1,5 +1,5 @@
-<script>import { cn } from "../../../utils.js";
-import { alertVariants } from "./index.js";
+<script>import { alertVariants } from "./index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let variant = "default";
 export { className as class };

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 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11", import("tailwind-variants/dist/config").TVConfig<{
+}, 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<{
     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 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11", import("tailwind-variants/dist/config").TVConfig<{
+}, 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<{
     variant: {
         default: string;
         destructive: string;

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

@@ -3,11 +3,11 @@ 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 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11",
+    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",
     variants: {
         variant: {
             default: "bg-background text-foreground",
-            destructive: "text-destructive border-destructive/50 dark:border-destructive [&>svg]:text-destructive text-destructive",
+            destructive: "border-destructive/50 text-destructive text-destructive dark:border-destructive [&>svg]:text-destructive",
         },
     },
     defaultVariants: {

package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte

@@ -1,6 +1,6 @@
 <script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
 import { fade } from "svelte/transition";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let transition = fade;
 export let transitionConfig = {

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

@@ -1,6 +1,4 @@
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-declare const Root: typeof AlertDialogPrimitive.Root;
-declare const Trigger: typeof AlertDialogPrimitive.Trigger;
 import Title from "./alert-dialog-title.svelte";
 import Action from "./alert-dialog-action.svelte";
 import Cancel from "./alert-dialog-cancel.svelte";
@@ -10,4 +8,6 @@ import Header from "./alert-dialog-header.svelte";
 import Overlay from "./alert-dialog-overlay.svelte";
 import Content from "./alert-dialog-content.svelte";
 import Description from "./alert-dialog-description.svelte";
+declare const Root: typeof AlertDialogPrimitive.Root;
+declare const Trigger: typeof AlertDialogPrimitive.Trigger;
 export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription, };

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

@@ -1,6 +1,4 @@
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-const Root = AlertDialogPrimitive.Root;
-const Trigger = AlertDialogPrimitive.Trigger;
 import Title from "./alert-dialog-title.svelte";
 import Action from "./alert-dialog-action.svelte";
 import Cancel from "./alert-dialog-cancel.svelte";
@@ -10,6 +8,8 @@ import Header from "./alert-dialog-header.svelte";
 import Overlay from "./alert-dialog-overlay.svelte";
 import Content from "./alert-dialog-content.svelte";
 import Description from "./alert-dialog-description.svelte";
+const Root = AlertDialogPrimitive.Root;
+const Trigger = AlertDialogPrimitive.Trigger;
 export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, 
 //
 Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription, };

package/dist/components/ui/badge/badge.svelte

@@ -1,5 +1,5 @@
-<script>import { cn } from "../../../utils.js";
-import { badgeVariants } from "./index.js";
+<script>import { badgeVariants } from "./index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let href = void 0;
 export let variant = "default";

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

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

@@ -1,5 +1,5 @@
-<script>import { cn } from "../../../utils.js";
-import Ellipsis from "lucide-svelte/icons/ellipsis";
+<script>import Ellipsis from "lucide-svelte/icons/ellipsis";
+import { cn } from "../../../utils.js";
 export let el = void 0;
 let className = void 0;
 export { className as class };

package/dist/components/ui/button/button.svelte

@@ -1,6 +1,6 @@
 <script>import { Button as ButtonPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
 import { buttonVariants } from "./index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let variant = "default";
 export let size = "default";

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

@@ -1,6 +1,6 @@
-import Root from "./button.svelte";
 import { type VariantProps } from "tailwind-variants";
 import type { Button as ButtonPrimitive } from "bits-ui";
+import Root from "./button.svelte";
 declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -16,7 +16,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
         icon: string;
     };
-}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<{
+}, 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<{
     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 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", import("tailwind-variants/dist/config").TVConfig<{
+}, 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<{
     variant: {
         default: string;
         destructive: string;

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

@@ -1,7 +1,7 @@
-import Root from "./button.svelte";
 import { tv } 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 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 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",
     variants: {
         variant: {
             default: "bg-primary text-primary-foreground hover:bg-primary/90",

package/dist/components/ui/carousel/carousel-content.svelte

@@ -1,6 +1,6 @@
-<script>import { cn } from "../../../utils.js";
+<script>import emblaCarouselSvelte from "embla-carousel-svelte";
 import { getEmblaContext } from "./context.js";
-import emblaCarouselSvelte from "embla-carousel-svelte";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 const { orientation, options, plugins, onInit } = getEmblaContext("<Carousel.Content/>");

package/dist/components/ui/carousel/carousel-item.svelte

@@ -1,5 +1,5 @@
-<script>import { cn } from "../../../utils.js";
-import { getEmblaContext } from "./context.js";
+<script>import { getEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 const { orientation } = getEmblaContext("<Carousel.Item/>");

package/dist/components/ui/carousel/carousel-next.svelte

@@ -1,7 +1,7 @@
-<script>import { Button, buttonVariants } from "../button/index.js";
-import { cn } from "../../../utils.js";
-import ArrowRight from "lucide-svelte/icons/arrow-right";
+<script>import ArrowRight from "lucide-svelte/icons/arrow-right";
 import { getEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
+import { Button } from "../button/index.js";
 let className = void 0;
 export { className as class };
 export let variant = "outline";

package/dist/components/ui/carousel/carousel-previous.svelte

@@ -1,7 +1,7 @@
-<script>import { Button, buttonVariants } from "../button/index.js";
-import { cn } from "../../../utils.js";
-import ArrowLeft from "lucide-svelte/icons/arrow-left";
+<script>import ArrowLeft from "lucide-svelte/icons/arrow-left";
 import { getEmblaContext } from "./context.js";
+import { cn } from "../../../utils.js";
+import { Button } from "../button/index.js";
 let className = void 0;
 export { className as class };
 export let variant = "outline";

package/dist/components/ui/carousel/carousel.svelte

@@ -1,7 +1,7 @@
-<script>import { setEmblaContex } from "./context.js";
-import { cn } from "../../../utils.js";
-import { writable } from "svelte/store";
+<script>import { writable } from "svelte/store";
 import { onDestroy } from "svelte";
+import { setEmblaContex } from "./context.js";
+import { cn } from "../../../utils.js";
 export let opts = {};
 export let plugins = [];
 export let api = void 0;

package/dist/components/ui/carousel/context.d.ts

@@ -2,7 +2,7 @@
 import type { EmblaCarouselSvelteType } from "embla-carousel-svelte";
 import type emblaCarouselSvelte from "embla-carousel-svelte";
 import type { HTMLAttributes } from "svelte/elements";
-import type { Writable, Readable } from "svelte/store";
+import type { Readable, Writable } from "svelte/store";
 export type CarouselAPI = NonNullable<NonNullable<EmblaCarouselSvelteType["$$_attributes"]>["on:emblaInit"]> extends (evt: CustomEvent<infer CarouselAPI>) => void ? CarouselAPI : never;
 type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
 export type CarouselOptions = EmblaCarouselConfig["options"];

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

@@ -1,6 +1,6 @@
 <script>import { Dialog as DialogPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
 import { fade } from "svelte/transition";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let transition = fade;
 export let transitionConfig = {

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

@@ -1,6 +1,4 @@
 import { Dialog as DialogPrimitive } from "bits-ui";
-declare const Root: typeof DialogPrimitive.Root;
-declare const Trigger: typeof DialogPrimitive.Trigger;
 import Title from "./dialog-title.svelte";
 import Portal from "./dialog-portal.svelte";
 import Footer from "./dialog-footer.svelte";
@@ -8,4 +6,6 @@ import Header from "./dialog-header.svelte";
 import Overlay from "./dialog-overlay.svelte";
 import Content from "./dialog-content.svelte";
 import Description from "./dialog-description.svelte";
+declare const Root: typeof DialogPrimitive.Root;
+declare const Trigger: typeof DialogPrimitive.Trigger;
 export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, Root as Dialog, Title as DialogTitle, Portal as DialogPortal, Footer as DialogFooter, Header as DialogHeader, Trigger as DialogTrigger, Overlay as DialogOverlay, Content as DialogContent, Description as DialogDescription, };

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

@@ -1,6 +1,4 @@
 import { Dialog as DialogPrimitive } from "bits-ui";
-const Root = DialogPrimitive.Root;
-const Trigger = DialogPrimitive.Trigger;
 import Title from "./dialog-title.svelte";
 import Portal from "./dialog-portal.svelte";
 import Footer from "./dialog-footer.svelte";
@@ -8,6 +6,8 @@ import Header from "./dialog-header.svelte";
 import Overlay from "./dialog-overlay.svelte";
 import Content from "./dialog-content.svelte";
 import Description from "./dialog-description.svelte";
+const Root = DialogPrimitive.Root;
+const Trigger = DialogPrimitive.Trigger;
 export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, 
 //
 Root as Dialog, Title as DialogTitle, Portal as DialogPortal, Footer as DialogFooter, Header as DialogHeader, Trigger as DialogTrigger, Overlay as DialogOverlay, Content as DialogContent, Description as DialogDescription, };

package/dist/components/ui/pagination/pagination-ellipsis.svelte

@@ -1,5 +1,5 @@
-<script>import { cn } from "../../../utils.js";
-import Ellipsis from "lucide-svelte/icons/ellipsis";
+<script>import Ellipsis from "lucide-svelte/icons/ellipsis";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

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

@@ -1,4 +1,4 @@
+import { Pane } from "paneforge";
 import Handle from "./resizable-handle.svelte";
 import PaneGroup from "./resizable-pane-group.svelte";
-import { Pane } from "paneforge";
 export { PaneGroup, Pane, Handle, PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

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

@@ -1,6 +1,6 @@
+import { Pane } from "paneforge";
 import Handle from "./resizable-handle.svelte";
 import PaneGroup from "./resizable-pane-group.svelte";
-import { Pane } from "paneforge";
 export { PaneGroup, Pane, Handle, 
 //
 PaneGroup as ResizablePaneGroup, Pane as ResizablePane, Handle as ResizableHandle, };

package/dist/components/ui/scroll-area/index.d.ts

@@ -1,3 +1,3 @@
-import { default as Scrollbar } from "./scroll-area-scrollbar.svelte";
-import { default as Root } from "./scroll-area.svelte";
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
 export { Root, Scrollbar, Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };

package/dist/components/ui/scroll-area/index.js

@@ -1,5 +1,5 @@
-import { default as Scrollbar } from "./scroll-area-scrollbar.svelte";
-import { default as Root } from "./scroll-area.svelte";
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
 export { Root, Scrollbar, 
 //,
 Root as ScrollArea, Scrollbar as ScrollAreaScrollbar, };

package/dist/components/ui/scroll-area/scroll-area.svelte

@@ -1,6 +1,6 @@
 <script>import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
 import { Scrollbar } from "./index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 export let orientation = "vertical";

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

@@ -1,6 +1,6 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils.js";
 import { scale } from "svelte/transition";
+import { cn, flyAndScale } from "../../../utils.js";
 export let sideOffset = 4;
 export let inTransition = flyAndScale;
 export let inTransitionConfig = void 0;

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

@@ -1,6 +1,6 @@
-<script>import { cn } from "../../../utils.js";
-import Check from "lucide-svelte/icons/check";
+<script>import Check from "lucide-svelte/icons/check";
 import { Select as SelectPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value;
 export let label = void 0;
@@ -30,6 +30,6 @@ export { className as class };
 		</SelectPrimitive.ItemIndicator>
 	</span>
 	<slot>
-		{label ? label : value}
+		{label || value}
 	</slot>
 </SelectPrimitive.Item>

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

@@ -1,15 +1,15 @@
 <script>import { Dialog as SheetPrimitive } from "bits-ui";
 import X from "lucide-svelte/icons/x";
+import { fly } from "svelte/transition";
 import { SheetOverlay, SheetPortal, sheetTransitions, sheetVariants } from "./index.js";
 import { cn } from "../../../utils.js";
-import { fly } from "svelte/transition";
 let className = void 0;
 export let side = "right";
 export { className as class };
 export let inTransition = fly;
-export let inTransitionConfig = sheetTransitions[side ? side : "right"]["in"];
+export let inTransitionConfig = sheetTransitions[side ?? "right"].in;
 export let outTransition = fly;
-export let outTransitionConfig = sheetTransitions[side ? side : "right"]["out"];
+export let outTransitionConfig = sheetTransitions[side ?? "right"].out;
 </script>
 
 <SheetPortal>

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

@@ -1,6 +1,6 @@
 <script>import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
 import { fade } from "svelte/transition";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let transition = fade;
 export let transitionConfig = {

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

@@ -1,5 +1,5 @@
-import Root from "./toggle.svelte";
 import { type VariantProps } from "tailwind-variants";
+import Root from "./toggle.svelte";
 export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         default: string;
@@ -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 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", import("tailwind-variants/dist/config").TVConfig<{
+}, 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<{
     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 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", import("tailwind-variants/dist/config").TVConfig<{
+}, 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<{
     variant: {
         default: string;
         outline: string;

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

@@ -1,11 +1,11 @@
-import Root from "./toggle.svelte";
 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 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 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",
     variants: {
         variant: {
             default: "bg-transparent",
-            outline: "bg-transparent border border-input hover:bg-accent hover:text-accent-foreground",
+            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
         },
         size: {
             default: "h-10 px-3",

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 import { Toggle as TogglePrimitive } from "bits-ui";
-import { type Variant, type Size } from "./index.js";
+import { type Size, type Variant } from "./index.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;

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

@@ -1,7 +1,7 @@
 import type { VariantProps } from "tailwind-variants";
-import type { toggleVariants } from "../toggle/index.js";
 import Root from "./toggle-group.svelte";
 import Item from "./toggle-group-item.svelte";
+import type { toggleVariants } from "../toggle/index.js";
 export type ToggleVariants = VariantProps<typeof toggleVariants>;
 export declare function setToggleGroupCtx(props: ToggleVariants): void;
 export declare function getToggleGroupCtx(): ToggleVariants;

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

@@ -1,6 +1,6 @@
 <script>import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
 import { getToggleGroupCtx } from "./index.js";
+import { cn } from "../../../utils.js";
 import { toggleVariants } from "../toggle/index.js";
 let className = void 0;
 export { className as class };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.8.4",
+  "version": "0.8.5",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -35,12 +35,12 @@
     "cmdk-sv": "^0.0.17",
     "embla-carousel-svelte": "8.0.0",
     "formsnap": "^1.0.0",
-    "lucide-svelte": "^0.363.0",
+    "lucide-svelte": "^0.364.0",
     "mode-watcher": "^0.3.0",
     "paneforge": "^0.0.2",
     "svelte-headless-table": "^0.18.2",
-    "svelte-sonner": "^0.3.19",
-    "sveltekit-superforms": "^2.12.0",
+    "svelte-sonner": "^0.3.21",
+    "sveltekit-superforms": "^2.12.2",
     "tailwind-merge": "^2.2.2",
     "tailwind-variants": "^0.2.1",
     "vaul-svelte": "^0.3.0",