@kayord/ui 0.3.3 → 0.3.4

package/README.md

@@ -35,10 +35,10 @@ pnpm i
 // postcss.config.cjs
 
 module.exports = {
- plugins: {
-  tailwindcss: {},
-  autoprefixer: {}
- }
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
 };
 ```
 
@@ -47,19 +47,18 @@ module.exports = {
 
 import type { Config } from "tailwindcss";
 import { fontFamily } from "tailwindcss/defaultTheme";
-import { kayordPlugin } from '@kayord/tw-plugin';
+import { kayordPlugin } from "@kayord/tw-plugin";
 
 export default {
- darkMode: ["class"],
- content: ["./src/**/*.{html,js,svelte,ts}", "./node_modules/@kayord/ui/**/*.{html,js,svelte,ts}"],
- theme: {
-  extend: {
-   fontFamily: {
-    sans: [...fontFamily.sans],
-   },
-  },
- },
- plugins: [kayordPlugin],
+	darkMode: ["class"],
+	content: ["./src/**/*.{html,js,svelte,ts}", "./node_modules/@kayord/ui/**/*.{html,js,svelte,ts}"],
+	theme: {
+		extend: {
+			fontFamily: {
+				sans: [...fontFamily.sans],
+			},
+		},
+	},
+	plugins: [kayordPlugin],
 } satisfies Config;
-
 ```

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

@@ -116,7 +116,11 @@ const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
 						</Pagination.Item>
 					{:else}
 						<Pagination.Item>
-							<Pagination.Link {page} isActive={currentPage == page.value} on:click={() => ($pageIndex = page.value - 1)}>
+							<Pagination.Link
+								{page}
+								isActive={currentPage == page.value}
+								on:click={() => ($pageIndex = page.value - 1)}
+							>
 								{page.value}
 							</Pagination.Link>
 						</Pagination.Item>

package/dist/components/custom/progress-loading/ProgressLoading.svelte

@@ -4,7 +4,10 @@ let className = void 0;
 export { className as class };
 </script>
 
-<ProgressPrimitive.Root class={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)} {...$$restProps}>
+<ProgressPrimitive.Root
+	class={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)}
+	{...$$restProps}
+>
 	<div class="progressbar-infinite h-full w-full flex-1 bg-primary transition-all" />
 </ProgressPrimitive.Root>
 

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

@@ -5,10 +5,6 @@ export let value;
 export { className as class };
 </script>
 
-<AccordionPrimitive.Item
-	{value}
-	class={cn("border-b", className)}
-	{...$$restProps}
->
+<AccordionPrimitive.Item {value} class={cn("border-b", className)} {...$$restProps}>
 	<slot />
 </AccordionPrimitive.Item>

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

@@ -3,4 +3,4 @@ import Content from "./accordion-content.svelte";
 import Item from "./accordion-item.svelte";
 import Trigger from "./accordion-trigger.svelte";
 declare const Root: typeof AccordionPrimitive.Root;
-export { Root, Content, Item, Trigger, Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger };
+export { Root, Content, Item, Trigger, Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

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

@@ -5,4 +5,4 @@ import Trigger from "./accordion-trigger.svelte";
 const Root = AccordionPrimitive.Root;
 export { Root, Content, Item, Trigger, 
 //
-Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger };
+Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

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

@@ -4,10 +4,6 @@ export let level = "h5";
 export { className as class };
 </script>
 
-<svelte:element
-	this={level}
-	class={cn("mb-1 font-medium leading-none tracking-tight", className)}
-	{...$$restProps}
->
+<svelte:element this={level} class={cn("mb-1 font-medium leading-none tracking-tight", className)} {...$$restProps}>
 	<slot />
 </svelte:element>

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

@@ -5,10 +5,6 @@ export let variant = "default";
 export { className as class };
 </script>
 
-<div
-	class={cn(alertVariants({ variant }), className)}
-	{...$$restProps}
-	role="alert"
->
+<div class={cn(alertVariants({ variant }), className)} {...$$restProps} role="alert">
 	<slot />
 </div>

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

@@ -40,4 +40,4 @@ export declare const alertVariants: import("tailwind-variants").TVReturnType<{
 }>, unknown, unknown, undefined>>;
 export type Variant = VariantProps<typeof alertVariants>["variant"];
 export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export { Root, Description, Title, Root as Alert, Description as AlertDescription, Title as AlertTitle };
+export { Root, Description, Title, Root as Alert, Description as AlertDescription, Title as AlertTitle, };

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

@@ -7,13 +7,13 @@ export const alertVariants = tv({
     variants: {
         variant: {
             default: "bg-background text-foreground",
-            destructive: "text-destructive border-destructive/50 dark:border-destructive [&>svg]:text-destructive text-destructive"
-        }
+            destructive: "text-destructive border-destructive/50 dark:border-destructive [&>svg]:text-destructive text-destructive",
+        },
     },
     defaultVariants: {
-        variant: "default"
-    }
+        variant: "default",
+    },
 });
 export { Root, Description, Title, 
 //
-Root as Alert, Description as AlertDescription, Title as AlertTitle };
+Root as Alert, Description as AlertDescription, Title as AlertTitle, };

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

@@ -5,12 +5,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<AlertDialogPrimitive.Action
-	class={cn(buttonVariants(), className)}
-	{...$$restProps}
-	on:click
-	on:keydown
-	let:builder
->
+<AlertDialogPrimitive.Action class={cn(buttonVariants(), className)} {...$$restProps} on:click on:keydown let:builder>
 	<slot {builder} />
 </AlertDialogPrimitive.Action>

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

@@ -6,11 +6,7 @@ export { className as class };
 </script>
 
 <AlertDialogPrimitive.Cancel
-	class={cn(
-		buttonVariants({ variant: "outline" }),
-		"mt-2 sm:mt-0",
-		className
-	)}
+	class={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
 	{...$$restProps}
 	on:click
 	on:keydown

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

@@ -4,9 +4,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<AlertDialogPrimitive.Description
-	class={cn("text-sm text-muted-foreground", className)}
-	{...$$restProps}
->
+<AlertDialogPrimitive.Description class={cn("text-sm text-muted-foreground", className)} {...$$restProps}>
 	<slot />
 </AlertDialogPrimitive.Description>

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

@@ -3,12 +3,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<div
-	class={cn(
-		"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-		className
-	)}
-	{...$$restProps}
->
+<div class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)} {...$$restProps}>
 	<slot />
 </div>

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

@@ -3,9 +3,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<div
-	class={cn("flex flex-col space-y-2 text-center sm:text-left", className)}
-	{...$$restProps}
->
+<div class={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...$$restProps}>
 	<slot />
 </div>

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

@@ -12,9 +12,6 @@ export { className as class };
 <AlertDialogPrimitive.Overlay
 	{transition}
 	{transitionConfig}
-	class={cn(
-		"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ",
-		className
-	)}
+	class={cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm ", className)}
 	{...$$restProps}
 />

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

@@ -5,10 +5,6 @@ export let level = "h3";
 export { className as class };
 </script>
 
-<AlertDialogPrimitive.Title
-	class={cn("text-lg font-semibold", className)}
-	{level}
-	{...$$restProps}
->
+<AlertDialogPrimitive.Title class={cn("text-lg font-semibold", className)} {level} {...$$restProps}>
 	<slot />
 </AlertDialogPrimitive.Title>

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

@@ -10,4 +10,4 @@ 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";
-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 };
+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

@@ -12,4 +12,4 @@ import Content from "./alert-dialog-content.svelte";
 import Description from "./alert-dialog-description.svelte";
 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 };
+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/avatar/avatar-fallback.svelte

@@ -5,10 +5,7 @@ export { className as class };
 </script>
 
 <AvatarPrimitive.Fallback
-	class={cn(
-		"flex h-full w-full items-center justify-center rounded-full bg-muted",
-		className
-	)}
+	class={cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className)}
 	{...$$restProps}
 >
 	<slot />

package/dist/components/ui/avatar/avatar-image.svelte

@@ -6,9 +6,4 @@ export let alt = void 0;
 export { className as class };
 </script>
 
-<AvatarPrimitive.Image
-	{src}
-	{alt}
-	class={cn("aspect-square h-full w-full", className)}
-	{...$$restProps}
-/>
+<AvatarPrimitive.Image {src} {alt} class={cn("aspect-square h-full w-full", className)} {...$$restProps} />

package/dist/components/ui/avatar/avatar.svelte

@@ -7,10 +7,7 @@ export { className as class };
 
 <AvatarPrimitive.Root
 	{delayMs}
-	class={cn(
-		"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-		className
-	)}
+	class={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)}
 	{...$$restProps}
 >
 	<slot />

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

@@ -1,4 +1,4 @@
 import Root from "./avatar.svelte";
 import Image from "./avatar-image.svelte";
 import Fallback from "./avatar-fallback.svelte";
-export { Root, Image, Fallback, Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback };
+export { Root, Image, Fallback, Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback, };

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

@@ -3,4 +3,4 @@ import Image from "./avatar-image.svelte";
 import Fallback from "./avatar-fallback.svelte";
 export { Root, Image, Fallback, 
 //
-Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback };
+Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback, };

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

@@ -6,11 +6,6 @@ export let variant = "default";
 export { className as class };
 </script>
 
-<svelte:element
-	this={href ? "a" : "span"}
-	{href}
-	class={cn(badgeVariants({ variant, className }))}
-	{...$$restProps}
->
+<svelte:element this={href ? "a" : "span"} {href} class={cn(badgeVariants({ variant, className }))} {...$$restProps}>
 	<slot />
 </svelte:element>

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

@@ -7,10 +7,10 @@ export const badgeVariants = tv({
             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",
-            outline: "text-foreground"
-        }
+            outline: "text-foreground",
+        },
     },
     defaultVariants: {
-        variant: "default"
-    }
+        variant: "default",
+    },
 });

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

@@ -114,4 +114,4 @@ type Props = ButtonPrimitive.Props & {
     size?: Size;
 };
 type Events = ButtonPrimitive.Events;
-export { Root, type Props, type Events, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants };
+export { Root, type Props, type Events, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants, };

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

@@ -9,20 +9,20 @@ const buttonVariants = tv({
             outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
             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"
+            link: "text-primary underline-offset-4 hover:underline",
         },
         size: {
             default: "h-10 px-4 py-2",
             sm: "h-9 rounded-md px-3",
             lg: "h-11 rounded-md px-8",
-            icon: "h-10 w-10"
-        }
+            icon: "h-10 w-10",
+        },
     },
     defaultVariants: {
         variant: "default",
-        size: "default"
-    }
+        size: "default",
+    },
 });
 export { Root, 
 //
-Root as Button, buttonVariants };
+Root as Button, buttonVariants, };

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

@@ -4,9 +4,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<CalendarPrimitive.Grid
-	class={cn("w-full border-collapse space-y-1", className)}
-	{...$$restProps}
->
+<CalendarPrimitive.Grid class={cn("w-full border-collapse space-y-1", className)} {...$$restProps}>
 	<slot />
 </CalendarPrimitive.Grid>

package/dist/components/ui/calendar/calendar-head-cell.svelte

@@ -5,10 +5,7 @@ export { className as class };
 </script>
 
 <CalendarPrimitive.HeadCell
-	class={cn(
-		"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-		className
-	)}
+	class={cn("text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]", className)}
 	{...$$restProps}
 >
 	<slot />

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

@@ -5,10 +5,7 @@ export { className as class };
 </script>
 
 <CalendarPrimitive.Header
-	class={cn(
-		"flex justify-between pt-1 relative items-center w-full",
-		className
-	)}
+	class={cn("flex justify-between pt-1 relative items-center w-full", className)}
 	{...$$restProps}
 >
 	<slot />

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

@@ -4,11 +4,7 @@ let className = void 0;
 export { className as class };
 </script>
 
-<CalendarPrimitive.Heading
-	let:headingValue
-	class={cn("text-sm font-medium", className)}
-	{...$$restProps}
->
+<CalendarPrimitive.Heading let:headingValue class={cn("text-sm font-medium", className)} {...$$restProps}>
 	<slot {headingValue}>
 		{headingValue}
 	</slot>

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

@@ -3,12 +3,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<div
-	class={cn(
-		"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0 mt-4",
-		className
-	)}
-	{...$$restProps}
->
+<div class={cn("flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0 mt-4", className)} {...$$restProps}>
 	<slot />
 </div>

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

@@ -11,4 +11,4 @@ import GridHead from "./calendar-grid-head.svelte";
 import HeadCell from "./calendar-head-cell.svelte";
 import NextButton from "./calendar-next-button.svelte";
 import PrevButton from "./calendar-prev-button.svelte";
-export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Root as Calendar };
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Root as Calendar, };

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

@@ -13,4 +13,4 @@ import NextButton from "./calendar-next-button.svelte";
 import PrevButton from "./calendar-prev-button.svelte";
 export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, 
 //
-Root as Calendar };
+Root as Calendar, };

package/dist/components/ui/card/card-title.svelte

@@ -4,10 +4,6 @@ export let tag = "h3";
 export { className as class };
 </script>
 
-<svelte:element
-	this={tag}
-	class={cn("text-lg font-semibold leading-none tracking-tight", className)}
-	{...$$restProps}
->
+<svelte:element this={tag} class={cn("text-lg font-semibold leading-none tracking-tight", className)} {...$$restProps}>
 	<slot />
 </svelte:element>

package/dist/components/ui/card/card.svelte

@@ -3,12 +3,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<div
-	class={cn(
-		"rounded-lg border bg-card text-card-foreground shadow-sm",
-		className
-	)}
-	{...$$restProps}
->
+<div class={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...$$restProps}>
 	<slot />
 </div>

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

@@ -4,5 +4,5 @@ import Description from "./card-description.svelte";
 import Footer from "./card-footer.svelte";
 import Header from "./card-header.svelte";
 import Title from "./card-title.svelte";
-export { Root, Content, Description, Footer, Header, Title, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle };
+export { Root, Content, Description, Footer, Header, Title, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };
 export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";

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

@@ -6,4 +6,4 @@ import Header from "./card-header.svelte";
 import Title from "./card-title.svelte";
 export { Root, Content, Description, Footer, Header, Title, 
 //
-Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle };
+Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };

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

@@ -1,2 +1,2 @@
 import Root from "./checkbox.svelte";
-export { Root, Root as Checkbox };
+export { Root, Root as Checkbox, };

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

@@ -1,4 +1,4 @@
 import Root from "./checkbox.svelte";
 export { Root, 
 //
-Root as Checkbox };
+Root as Checkbox, };

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

@@ -2,4 +2,4 @@ import { Collapsible as CollapsiblePrimitive } from "bits-ui";
 import Content from "./collapsible-content.svelte";
 declare const Root: typeof CollapsiblePrimitive.Root;
 declare const Trigger: typeof CollapsiblePrimitive.Trigger;
-export { Root, Content, Trigger, Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger };
+export { Root, Content, Trigger, Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger, };

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

@@ -4,4 +4,4 @@ const Root = CollapsiblePrimitive.Root;
 const Trigger = CollapsiblePrimitive.Trigger;
 export { Root, Content, Trigger, 
 //
-Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger };
+Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger, };

package/dist/components/ui/command/command-empty.svelte

@@ -4,9 +4,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<CommandPrimitive.Empty
-	class={cn("py-6 text-center text-sm", className)}
-	{...$$restProps}
->
+<CommandPrimitive.Empty class={cn("py-6 text-center text-sm", className)} {...$$restProps}>
 	<slot />
 </CommandPrimitive.Empty>

package/dist/components/ui/command/command-list.svelte

@@ -4,9 +4,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<CommandPrimitive.List
-	class={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
-	{...$$restProps}
->
+<CommandPrimitive.List class={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)} {...$$restProps}>
 	<slot />
 </CommandPrimitive.List>

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

@@ -4,7 +4,4 @@ let className = void 0;
 export { className as class };
 </script>
 
-<CommandPrimitive.Separator
-	class={cn("-mx-1 h-px bg-border", className)}
-	{...$$restProps}
-/>
+<CommandPrimitive.Separator class={cn("-mx-1 h-px bg-border", className)} {...$$restProps} />

package/dist/components/ui/command/command-shortcut.svelte

@@ -3,12 +3,6 @@ let className = void 0;
 export { className as class };
 </script>
 
-<span
-	class={cn(
-		"ml-auto text-xs tracking-widest text-muted-foreground",
-		className
-	)}
-	{...$$restProps}
->
+<span class={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)} {...$$restProps}>
 	<slot />
 </span>

package/dist/components/ui/command/command.svelte

@@ -6,10 +6,7 @@ export { className as class };
 </script>
 
 <CommandPrimitive.Root
-	class={cn(
-		"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-		className
-	)}
+	class={cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className)}
 	bind:value
 	{...$$restProps}
 >

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

@@ -9,4 +9,4 @@ import List from "./command-list.svelte";
 import Separator from "./command-separator.svelte";
 import Shortcut from "./command-shortcut.svelte";
 declare const Loading: typeof CommandPrimitive.Loading;
-export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading };
+export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading, };

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

@@ -11,4 +11,4 @@ import Shortcut from "./command-shortcut.svelte";
 const Loading = CommandPrimitive.Loading;
 export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, 
 //
-Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading };
+Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading, };

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

@@ -6,11 +6,7 @@ export { className as class };
 </script>
 
 <ContextMenuPrimitive.Label
-	class={cn(
-		"px-2 py-1.5 text-sm font-semibold text-foreground",
-		inset && "pl-8",
-		className
-	)}
+	class={cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className)}
 	{...$$restProps}
 >
 	<slot />