@kayord/ui 0.13.21 → 0.14.0

package/dist/components/custom/combobox/Combobox.svelte

@@ -74,7 +74,7 @@
 
 	<input hidden bind:value {name} />
 
-	<Popover.Content class="w-[--bits-floating-anchor-width] p-0" align="start">
+	<Popover.Content class="w-(--bits-floating-anchor-width) p-0" align="start">
 		<Command.Root {shouldFilter}>
 			<Command.Input autofocus placeholder={`Search ${name}...`} class="h-9" bind:value={search} />
 			<Command.List>

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

@@ -76,7 +76,7 @@
 <div
 	class={cn(
 		"w-full",
-		tableStore.isFullscreen ? "absolute left-0 top-0 z-10 h-screen bg-background transition-all" : "w-full",
+		tableStore.isFullscreen ? "bg-background absolute top-0 left-0 z-10 h-screen transition-all" : "w-full",
 		className
 	)}
 >

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

@@ -28,7 +28,7 @@
 					{:else if header.column.getIsSorted() == "desc"}
 						<ArrowUpIcon class="size-4" />
 					{:else}
-						<ArrowUpDownIcon class="size-4 text-muted" />
+						<ArrowUpDownIcon class="text-muted size-4" />
 					{/if}
 				</button>
 			{/if}

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

@@ -17,7 +17,7 @@
 </script>
 
 <div class="flex items-center justify-between py-2">
-	<div class="flex-1 text-sm text-muted-foreground">
+	<div class="text-muted-foreground flex-1 text-sm">
 		{#if table.options.enableRowSelection}
 			{table.getFilteredSelectedRowModel().rows.length} of
 			{table.getFilteredRowModel().rows.length} row(s) selected.

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

@@ -10,8 +10,8 @@
 	let { class: className = undefined, ...rest }: Props = $props();
 </script>
 
-<Progress.Root class={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)} {...rest}>
-	<div class="progressbar-infinite h-full w-full flex-1 bg-primary transition-all"></div>
+<Progress.Root class={cn("bg-secondary relative h-4 w-full overflow-hidden rounded-full", className)} {...rest}>
+	<div class="progressbar-infinite bg-primary h-full w-full flex-1 transition-all"></div>
 </Progress.Root>
 
 <style>

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

@@ -13,12 +13,12 @@
 <AccordionPrimitive.Content
 	bind:ref
 	class={cn(
-		"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+		"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
 		className
 	)}
 	{...restProps}
 >
-	<div class="pb-4 pt-0">
+	<div class="pt-0 pb-4">
 		{@render children?.()}
 	</div>
 </AccordionPrimitive.Content>

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

@@ -18,7 +18,7 @@
 	role="heading"
 	aria-level={level}
 	bind:this={ref}
-	class={cn("mb-1 font-medium leading-none tracking-tight", className)}
+	class={cn("mb-1 leading-none font-medium tracking-tight", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -18,7 +18,7 @@
 	<AlertDialogPrimitive.Content
 		bind:ref
 		class={cn(
-			"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+			"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
 			className
 		)}
 		{...restProps}

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

@@ -5,4 +5,4 @@
 	let { ref = $bindable(null), class: className, ...restProps }: AlertDialogPrimitive.DescriptionProps = $props();
 </script>
 
-<AlertDialogPrimitive.Description bind:ref class={cn("text-sm text-muted-foreground", className)} {...restProps} />
+<AlertDialogPrimitive.Description bind:ref class={cn("text-muted-foreground text-sm", className)} {...restProps} />

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

@@ -8,7 +8,7 @@
 <AlertDialogPrimitive.Overlay
 	bind:ref
 	class={cn(
-		"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",
 		className
 	)}
 	{...restProps}

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

@@ -7,6 +7,6 @@
 
 <AvatarPrimitive.Fallback
 	bind:ref
-	class={cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className)}
+	class={cn("bg-muted flex size-full items-center justify-center", className)}
 	{...restProps}
 />

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

@@ -5,4 +5,4 @@
 	let { ref = $bindable(null), class: className, ...restProps }: AvatarPrimitive.ImageProps = $props();
 </script>
 
-<AvatarPrimitive.Image bind:ref class={cn("aspect-square h-full w-full", className)} {...restProps} />
+<AvatarPrimitive.Image bind:ref class={cn("aspect-square size-full", className)} {...restProps} />

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

@@ -8,7 +8,7 @@
 
 <ol
 	bind:this={ref}
-	class={cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className)}
+	class={cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -16,7 +16,7 @@
 	role="link"
 	aria-disabled="true"
 	aria-current="page"
-	class={cn("font-normal text-foreground", className)}
+	class={cn("text-foreground font-normal", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -8,7 +8,7 @@
 <CalendarPrimitive.Cell
 	bind:ref
 	class={cn(
-		"relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50",
+		"[&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50 relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md",
 		className
 	)}
 	{...restProps}

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

@@ -13,13 +13,13 @@
 		"size-9 p-0 font-normal",
 		"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
 		// Selected
-		"data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground",
+		"data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground data-[selected]:opacity-100",
 		// Disabled
 		"data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
 		// Unavailable
 		"data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through",
 		// Outside months
-		"data-[outside-month]:pointer-events-none data-[outside-month]:text-muted-foreground data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground [&[data-outside-month][data-selected]]:opacity-30",
+		"data-[outside-month]:text-muted-foreground [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground data-[outside-month]:pointer-events-none data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:opacity-30",
 		className
 	)}
 	{...restProps}

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

@@ -7,6 +7,6 @@
 
 <CalendarPrimitive.HeadCell
 	bind:ref
-	class={cn("w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground", className)}
+	class={cn("text-muted-foreground w-9 rounded-md text-[0.8rem] font-normal", className)}
 	{...restProps}
 />

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

@@ -13,7 +13,7 @@
 
 <div
 	bind:this={ref}
-	class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0", className)}
+	class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-y-0 sm:space-x-4", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
 </script>
 
-<p bind:this={ref} class={cn("text-sm text-muted-foreground", className)} {...restProps}>
+<p bind:this={ref} class={cn("text-muted-foreground text-sm", className)} {...restProps}>
 	{@render children?.()}
 </p>

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

@@ -18,7 +18,7 @@
 	role="heading"
 	aria-level={level}
 	bind:this={ref}
-	class={cn("text-2xl font-semibold leading-none tracking-tight", className)}
+	class={cn("text-2xl leading-none font-semibold tracking-tight", className)}
 	{...restProps}
 >
 	{@render children?.()}

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

@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} class={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...restProps}>
+<div bind:this={ref} class={cn("bg-card text-card-foreground rounded-lg border shadow-sm", className)} {...restProps}>
 	{@render children?.()}
 </div>

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

@@ -22,7 +22,7 @@
 	class={cn(
 		"absolute size-8 touch-manipulation rounded-full",
 		emblaCtx.orientation === "horizontal"
-			? "-right-12 top-1/2 -translate-y-1/2"
+			? "top-1/2 -right-12 -translate-y-1/2"
 			: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
 		className
 	)}

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

@@ -22,7 +22,7 @@
 	class={cn(
 		"absolute size-8 touch-manipulation rounded-full",
 		emblaCtx.orientation === "horizontal"
-			? "-left-12 top-1/2 -translate-y-1/2"
+			? "top-1/2 -left-12 -translate-y-1/2"
 			: "-top-12 left-1/2 -translate-x-1/2 rotate-90",
 		className
 	)}

package/dist/components/ui/checkbox/checkbox.svelte

@@ -16,7 +16,7 @@
 <CheckboxPrimitive.Root
 	bind:ref
 	class={cn(
-		"peer box-content size-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[disabled=true]:opacity-50",
+		"border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content size-4 shrink-0 rounded-sm border focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
 		className
 	)}
 	bind:checked

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

@@ -21,7 +21,7 @@
 <Dialog.Root bind:open {...restProps}>
 	<Dialog.Content class="overflow-hidden p-0 shadow-lg" {portalProps}>
 		<Command
-			class="[&_[data-command-group]:not([hidden])_~[data-command-group]]:pt-0 [&_[data-command-group]]:px-2 [&_[data-command-input-wrapper]_svg]:h-5 [&_[data-command-input-wrapper]_svg]:w-5 [&_[data-command-input]]:h-12 [&_[data-command-item]]:px-2 [&_[data-command-item]]:py-3 [&_[data-command-item]_svg]:h-5 [&_[data-command-item]_svg]:w-5"
+			class="[&_[data-command-group]]:px-2 [&_[data-command-group]:not([hidden])_~[data-command-group]]:pt-0 [&_[data-command-input-wrapper]_svg]:h-5 [&_[data-command-input-wrapper]_svg]:w-5 [&_[data-command-input]]:h-12 [&_[data-command-item]]:px-2 [&_[data-command-item]]:py-3 [&_[data-command-item]_svg]:h-5 [&_[data-command-item]_svg]:w-5"
 			{...restProps}
 			bind:value
 			bind:ref

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

@@ -13,9 +13,9 @@
 	} = $props();
 </script>
 
-<CommandPrimitive.Group class={cn("overflow-hidden p-1 text-foreground", className)} bind:ref {...restProps}>
+<CommandPrimitive.Group class={cn("text-foreground overflow-hidden p-1", className)} bind:ref {...restProps}>
 	{#if heading}
-		<CommandPrimitive.GroupHeading class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
+		<CommandPrimitive.GroupHeading class="text-muted-foreground px-2 py-1.5 text-xs font-medium">
 			{heading}
 		</CommandPrimitive.GroupHeading>
 	{/if}

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

@@ -15,7 +15,7 @@
 	<Search class="mr-2 size-4 shrink-0 opacity-50" />
 	<CommandPrimitive.Input
 		class={cn(
-			"flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+			"placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			className
 		)}
 		bind:ref

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

@@ -7,7 +7,7 @@
 
 <CommandPrimitive.Item
 	class={cn(
-		"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
 		className
 	)}
 	bind:ref

package/dist/components/ui/command/command-link-item.svelte

@@ -7,7 +7,7 @@
 
 <CommandPrimitive.LinkItem
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	bind:ref

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

@@ -6,7 +6,7 @@
 </script>
 
 <CommandPrimitive.List
-	class={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+	class={cn("max-h-[300px] overflow-x-hidden overflow-y-auto", className)}
 	{...restProps}
 	bind:ref
 />

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

@@ -5,4 +5,4 @@
 	let { ref = $bindable(null), class: className, ...restProps }: CommandPrimitive.SeparatorProps = $props();
 </script>
 
-<CommandPrimitive.Separator class={cn("-mx-1 h-px bg-border", className)} bind:ref {...restProps} />
+<CommandPrimitive.Separator class={cn("bg-border -mx-1 h-px", className)} bind:ref {...restProps} />

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

@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
 </script>
 
-<span bind:this={ref} class={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)} {...restProps}>
+<span bind:this={ref} class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...restProps}>
 	{@render children?.()}
 </span>

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

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

package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte

@@ -22,7 +22,7 @@
 	bind:checked
 	bind:indeterminate
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...restProps}

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

@@ -16,7 +16,7 @@
 	<ContextMenuPrimitive.Content
 		bind:ref
 		class={cn(
-			"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
+			"bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
 			className
 		)}
 		{...restProps}

package/dist/components/ui/context-menu/context-menu-group-heading.svelte

@@ -14,6 +14,6 @@
 
 <ContextMenuPrimitive.GroupHeading
 	bind:ref
-	class={cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className)}
+	class={cn("text-foreground px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)}
 	{...restProps}
 />

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

@@ -15,7 +15,7 @@
 <ContextMenuPrimitive.Item
 	bind:ref
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}

package/dist/components/ui/context-menu/context-menu-radio-item.svelte

@@ -14,7 +14,7 @@
 <ContextMenuPrimitive.RadioItem
 	bind:ref
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...restProps}

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

@@ -5,4 +5,4 @@
 	let { ref = $bindable(null), class: className, ...restProps }: ContextMenuPrimitive.SeparatorProps = $props();
 </script>
 
-<ContextMenuPrimitive.Separator bind:ref class={cn("-mx-1 my-1 h-px bg-border", className)} {...restProps} />
+<ContextMenuPrimitive.Separator bind:ref class={cn("bg-border -mx-1 my-1 h-px", className)} {...restProps} />

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

@@ -11,6 +11,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
 </script>
 
-<span bind:this={ref} class={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)} {...restProps}>
+<span bind:this={ref} class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)} {...restProps}>
 	{@render children?.()}
 </span>

package/dist/components/ui/context-menu/context-menu-sub-content.svelte

@@ -8,7 +8,7 @@
 <ContextMenuPrimitive.SubContent
 	bind:ref
 	class={cn(
-		"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
+		"bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md focus:outline-none",
 		className
 	)}
 	{...restProps}

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

@@ -17,7 +17,7 @@
 <ContextMenuPrimitive.SubTrigger
 	bind:ref
 	class={cn(
-		"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground",
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none",
 		inset && "pl-8",
 		className
 	)}

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

@@ -22,14 +22,14 @@
 	<DialogPrimitive.Content
 		bind:ref
 		class={cn(
-			"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] bg-background fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
 			className
 		)}
 		{...restProps}
 	>
 		{@render children?.()}
 		<DialogPrimitive.Close
-			class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"
+			class="ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none"
 		>
 			<X class="size-4" />
 			<span class="sr-only">Close</span>

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

@@ -5,4 +5,4 @@
 	let { ref = $bindable(null), class: className, ...restProps }: DialogPrimitive.DescriptionProps = $props();
 </script>
 
-<DialogPrimitive.Description bind:ref class={cn("text-sm text-muted-foreground", className)} {...restProps} />
+<DialogPrimitive.Description bind:ref class={cn("text-muted-foreground text-sm", className)} {...restProps} />

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

@@ -8,7 +8,7 @@
 <DialogPrimitive.Overlay
 	bind:ref
 	class={cn(
-		"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",
 		className
 	)}
 	{...restProps}

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

@@ -7,6 +7,6 @@
 
 <DialogPrimitive.Title
 	bind:ref
-	class={cn("text-lg font-semibold leading-none tracking-tight", className)}
+	class={cn("text-lg leading-none font-semibold tracking-tight", className)}
 	{...restProps}
 />

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

@@ -19,12 +19,12 @@
 	<DrawerPrimitive.Content
 		bind:ref
 		class={cn(
-			"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+			"bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border",
 			className
 		)}
 		{...restProps}
 	>
-		<div class="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"></div>
+		<div class="bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full"></div>
 		{@render children?.()}
 	</DrawerPrimitive.Content>
 </DrawerPrimitive.Portal>

package/dist/components/ui/drawer/drawer-description.svelte

@@ -5,4 +5,4 @@
 	let { ref = $bindable(null), class: className, ...restProps }: DrawerPrimitive.DescriptionProps = $props();
 </script>
 
-<DrawerPrimitive.Description bind:ref class={cn("text-sm text-muted-foreground", className)} {...restProps} />
+<DrawerPrimitive.Description bind:ref class={cn("text-muted-foreground text-sm", className)} {...restProps} />

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

@@ -7,6 +7,6 @@
 
 <DrawerPrimitive.Title
 	bind:ref
-	class={cn("text-lg font-semibold leading-none tracking-tight", className)}
+	class={cn("text-lg leading-none font-semibold tracking-tight", className)}
 	{...restProps}
 />

package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -22,7 +22,7 @@
 	bind:checked
 	bind:indeterminate
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -18,7 +18,7 @@
 		bind:ref
 		{sideOffset}
 		class={cn(
-			"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md outline-none",
 			className
 		)}
 		{...restProps}

package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -15,7 +15,7 @@
 <DropdownMenuPrimitive.Item
 	bind:ref
 	class={cn(
-		"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
 		inset && "pl-8",
 		className
 	)}

package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -14,7 +14,7 @@
 <DropdownMenuPrimitive.RadioItem
 	bind:ref
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -5,4 +5,4 @@
 	let { ref = $bindable(null), class: className, ...restProps }: DropdownMenuPrimitive.SeparatorProps = $props();
 </script>
 
-<DropdownMenuPrimitive.Separator bind:ref class={cn("-mx-1 my-1 h-px bg-muted", className)} {...restProps} />
+<DropdownMenuPrimitive.Separator bind:ref class={cn("bg-muted -mx-1 my-1 h-px", className)} {...restProps} />

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -8,7 +8,7 @@
 <DropdownMenuPrimitive.SubContent
 	bind:ref
 	class={cn(
-		"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-lg focus:outline-none",
+		"bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-lg focus:outline-none",
 		className
 	)}
 	{...restProps}

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

@@ -17,7 +17,7 @@
 <DropdownMenuPrimitive.SubTrigger
 	bind:ref
 	class={cn(
-		"flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
 		inset && "pl-8",
 		className
 	)}

package/dist/components/ui/form/form-description.svelte

@@ -10,4 +10,4 @@
 	}: WithoutChild<FormPrimitive.DescriptionProps> = $props();
 </script>
 
-<FormPrimitive.Description bind:ref class={cn("text-sm text-muted-foreground", className)} {...restProps} />
+<FormPrimitive.Description bind:ref class={cn("text-muted-foreground text-sm", className)} {...restProps} />

package/dist/components/ui/form/form-field-errors.svelte

@@ -14,7 +14,7 @@
 	} = $props();
 </script>
 
-<FormPrimitive.FieldErrors bind:ref class={cn("text-sm font-medium text-destructive", className)} {...restProps}>
+<FormPrimitive.FieldErrors bind:ref class={cn("text-destructive text-sm font-medium", className)} {...restProps}>
 	{#snippet children({ errors, errorProps })}
 		{#if childrenProp}
 			{@render childrenProp({ errors, errorProps })}

package/dist/components/ui/form/form-legend.svelte

@@ -8,6 +8,6 @@
 
 <FormPrimitive.Legend
 	bind:ref
-	class={cn("text-sm font-medium leading-none data-[fs-error]:text-destructive", className)}
+	class={cn("data-[fs-error]:text-destructive text-sm leading-none font-medium", className)}
 	{...restProps}
 />