@kayord/ui 3.0.10 → 3.0.12

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

@@ -1,5 +1,5 @@
-import Root from "./hover-card.svelte";
 import Content from "./hover-card-content.svelte";
-import Trigger from "./hover-card-trigger.svelte";
 import Portal from "./hover-card-portal.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Root from "./hover-card.svelte";
 export { Root, Content, Trigger, Portal, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal, };

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

@@ -1,5 +1,5 @@
-import Root from "./hover-card.svelte";
 import Content from "./hover-card-content.svelte";
-import Trigger from "./hover-card-trigger.svelte";
 import Portal from "./hover-card-portal.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Root from "./hover-card.svelte";
 export { Root, Content, Trigger, Portal, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger, Portal as HoverCardPortal, };

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
 	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
 
 	type InputType = Exclude<HTMLInputTypeAttribute, "file">;
 
@@ -24,7 +24,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
+			"border-input focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
 			className
 		)}
 		type="file"
@@ -37,7 +37,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
+			"border-input focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
 			className
 		)}
 		{type}

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

@@ -1,5 +1,5 @@
-import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
 import { type WithElementRef } from "../../../utils.js";
+import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
 type InputType = Exclude<HTMLInputTypeAttribute, "file">;
 type Props = WithElementRef<Omit<HTMLInputAttributes, "type"> & ({
     type: "file";

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

@@ -1,7 +1,7 @@
-import Root from "./input-group.svelte";
 import Addon from "./input-group-addon.svelte";
 import Button from "./input-group-button.svelte";
 import Input from "./input-group-input.svelte";
 import Text from "./input-group-text.svelte";
 import Textarea from "./input-group-textarea.svelte";
+import Root from "./input-group.svelte";
 export { Root, Addon, Button, Input, Text, Textarea, Root as InputGroup, Addon as InputGroupAddon, Button as InputGroupButton, Input as InputGroupInput, Text as InputGroupText, Textarea as InputGroupTextarea, };

package/dist/components/ui/input-group/index.js

@@ -1,9 +1,9 @@
-import Root from "./input-group.svelte";
 import Addon from "./input-group-addon.svelte";
 import Button from "./input-group-button.svelte";
 import Input from "./input-group-input.svelte";
 import Text from "./input-group-text.svelte";
 import Textarea from "./input-group-textarea.svelte";
+import Root from "./input-group.svelte";
 export { Root, Addon, Button, Input, Text, Textarea, 
 //
 Root as InputGroup, Addon as InputGroupAddon, Button as InputGroupButton, Input as InputGroupInput, Text as InputGroupText, Textarea as InputGroupTextarea, };

package/dist/components/ui/input-group/input-group-addon.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>
 	import { tv, type VariantProps } from "tailwind-variants";
 	export const inputGroupAddonVariants = tv({
-		base: "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
+		base: "h-auto gap-2 py-1.5 text-sm font-medium text-muted-foreground group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
 		variants: {
 			align: {
 				"inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",

package/dist/components/ui/input-group/input-group-addon.svelte.d.ts

@@ -1,26 +1,26 @@
 import { type VariantProps } from "tailwind-variants";
 export declare const inputGroupAddonVariants: import("tailwind-variants").TVReturnType<{
     align: {
-        "inline-start": string;
-        "inline-end": string;
-        "block-start": string;
-        "block-end": string;
+        "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first";
+        "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last";
+        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start";
+        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start";
     };
-}, undefined, "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
+}, undefined, "h-auto gap-2 py-1.5 text-sm font-medium text-muted-foreground group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
     align: {
-        "inline-start": string;
-        "inline-end": string;
-        "block-start": string;
-        "block-end": string;
+        "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first";
+        "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last";
+        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start";
+        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     align: {
-        "inline-start": string;
-        "inline-end": string;
-        "block-start": string;
-        "block-end": string;
+        "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first";
+        "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last";
+        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start";
+        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start";
     };
-}, undefined, "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", unknown, unknown, undefined>>;
+}, undefined>>;
 export type InputGroupAddonAlign = VariantProps<typeof inputGroupAddonVariants>["align"];
 import { type WithElementRef } from "../../../utils.js";
 import type { HTMLAttributes } from "svelte/elements";

package/dist/components/ui/input-group/input-group-button.svelte

@@ -20,9 +20,9 @@
 </script>
 
 <script lang="ts">
+	import { Button } from "../button/index.js";
 	import { cn } from "../../../utils.js";
 	import type { ComponentProps } from "svelte";
-	import { Button } from "../button/index.js";
 
 	let {
 		ref = $bindable(null),

package/dist/components/ui/input-group/input-group-button.svelte.d.ts

@@ -1,29 +1,29 @@
 import { type VariantProps } from "tailwind-variants";
 declare const inputGroupButtonVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        xs: string;
-        sm: string;
-        "icon-xs": string;
-        "icon-sm": string;
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5";
+        sm: "cn-input-group-button-size-sm";
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0";
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0";
     };
 }, undefined, "gap-2 text-sm flex items-center shadow-none", {
     size: {
-        xs: string;
-        sm: string;
-        "icon-xs": string;
-        "icon-sm": string;
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5";
+        sm: "cn-input-group-button-size-sm";
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0";
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     size: {
-        xs: string;
-        sm: string;
-        "icon-xs": string;
-        "icon-sm": string;
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5";
+        sm: "cn-input-group-button-size-sm";
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0";
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0";
     };
-}, undefined, "gap-2 text-sm flex items-center shadow-none", unknown, unknown, undefined>>;
+}, undefined>>;
 export type InputGroupButtonSize = VariantProps<typeof inputGroupButtonVariants>["size"];
-import type { ComponentProps } from "svelte";
 import { Button } from "../button/index.js";
+import type { ComponentProps } from "svelte";
 type $$ComponentProps = Omit<ComponentProps<typeof Button>, "href" | "size"> & {
     size?: InputGroupButtonSize;
 };

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

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { Input } from "../input/index.js";
 	import { cn } from "../../../utils.js";
 	import type { ComponentProps } from "svelte";
-	import { Input } from "../input/index.js";
 
 	let {
 		ref = $bindable(null),

package/dist/components/ui/input-group/input-group-input.svelte.d.ts

@@ -2,7 +2,7 @@ declare const InputGroupInput: import("svelte").Component<(Omit<import("svelte/e
     type: "file";
     files?: FileList;
 } | {
-    type?: "number" | "submit" | "reset" | "button" | "search" | "checkbox" | "radio" | (string & {}) | "text" | "tel" | "url" | "email" | "hidden" | "color" | "date" | "time" | "datetime-local" | "image" | "month" | "password" | "range" | "week";
+    type?: "number" | "hidden" | "color" | "search" | "button" | "checkbox" | "radio" | (string & {}) | "text" | "tel" | "url" | "email" | "date" | "time" | "submit" | "reset" | "datetime-local" | "image" | "month" | "password" | "range" | "week";
     files?: undefined;
 })) & {
     ref?: HTMLElement | null | undefined;

package/dist/components/ui/input-group/input-group-textarea.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "../../../utils.js";
 	import { Textarea } from "../textarea/index.js";
+	import { cn } from "../../../utils.js";
 	import type { ComponentProps } from "svelte";
 
 	let {

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

@@ -15,7 +15,7 @@
 	data-slot="input-group"
 	role="group"
 	class={cn(
-		"group/input-group border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+		"group/input-group border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
 		className
 	)}
 	{...props}

package/dist/components/ui/input-otp/index.d.ts

@@ -1,5 +1,5 @@
-import Root from "./input-otp.svelte";
 import Group from "./input-otp-group.svelte";
-import Slot from "./input-otp-slot.svelte";
 import Separator from "./input-otp-separator.svelte";
+import Slot from "./input-otp-slot.svelte";
+import Root from "./input-otp.svelte";
 export { Root, Group, Slot, Separator, Root as InputOTP, Group as InputOTPGroup, Slot as InputOTPSlot, Separator as InputOTPSeparator, };

package/dist/components/ui/input-otp/index.js

@@ -1,5 +1,5 @@
-import Root from "./input-otp.svelte";
 import Group from "./input-otp-group.svelte";
-import Slot from "./input-otp-slot.svelte";
 import Separator from "./input-otp-separator.svelte";
+import Slot from "./input-otp-slot.svelte";
+import Root from "./input-otp.svelte";
 export { Root, Group, Slot, Separator, Root as InputOTP, Group as InputOTPGroup, Slot as InputOTPSlot, Separator as InputOTPSeparator, };

package/dist/components/ui/input-otp/input-otp-group.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
 	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="input-otp-group"
 	class={cn(
-		"has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive flex items-center rounded-lg has-aria-invalid:ring-3",
+		"has-aria-invalid:border-destructive has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 flex items-center rounded-lg has-aria-invalid:ring-3",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/input-otp/input-otp-group.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from "svelte/elements";
 import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
 declare const InputOtpGroup: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type InputOtpGroup = ReturnType<typeof InputOtpGroup>;
 export default InputOtpGroup;

package/dist/components/ui/input-otp/input-otp-separator.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
+	import MinusIcon from "@lucide/svelte/icons/minus";
 	import type { WithElementRef } from "../../../utils.js";
 	import { cn } from "../../../utils.js";
-	import MinusIcon from "@lucide/svelte/icons/minus";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),

package/dist/components/ui/input-otp/input-otp-separator.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from "svelte/elements";
 import type { WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
 declare const InputOtpSeparator: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type InputOtpSeparator = ReturnType<typeof InputOtpSeparator>;
 export default InputOtpSeparator;

package/dist/components/ui/input-otp/input-otp-slot.svelte

@@ -10,7 +10,7 @@
 	bind:ref
 	data-slot="input-otp-slot"
 	class={cn(
-		"dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive relative flex size-8 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3",
+		"border-input aria-invalid:border-destructive data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40 relative flex size-8 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3",
 		className
 	)}
 	{...restProps}

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

@@ -1,11 +1,11 @@
-import Root from "./item.svelte";
-import Group from "./item-group.svelte";
-import Separator from "./item-separator.svelte";
-import Header from "./item-header.svelte";
-import Footer from "./item-footer.svelte";
+import Actions from "./item-actions.svelte";
 import Content from "./item-content.svelte";
-import Title from "./item-title.svelte";
 import Description from "./item-description.svelte";
-import Actions from "./item-actions.svelte";
+import Footer from "./item-footer.svelte";
+import Group from "./item-group.svelte";
+import Header from "./item-header.svelte";
 import Media from "./item-media.svelte";
+import Separator from "./item-separator.svelte";
+import Title from "./item-title.svelte";
+import Root from "./item.svelte";
 export { Root, Group, Separator, Header, Footer, Content, Title, Description, Actions, Media, Root as Item, Group as ItemGroup, Separator as ItemSeparator, Header as ItemHeader, Footer as ItemFooter, Content as ItemContent, Title as ItemTitle, Description as ItemDescription, Actions as ItemActions, Media as ItemMedia, };

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

@@ -1,13 +1,13 @@
-import Root from "./item.svelte";
-import Group from "./item-group.svelte";
-import Separator from "./item-separator.svelte";
-import Header from "./item-header.svelte";
-import Footer from "./item-footer.svelte";
+import Actions from "./item-actions.svelte";
 import Content from "./item-content.svelte";
-import Title from "./item-title.svelte";
 import Description from "./item-description.svelte";
-import Actions from "./item-actions.svelte";
+import Footer from "./item-footer.svelte";
+import Group from "./item-group.svelte";
+import Header from "./item-header.svelte";
 import Media from "./item-media.svelte";
+import Separator from "./item-separator.svelte";
+import Title from "./item-title.svelte";
+import Root from "./item.svelte";
 export { Root, Group, Separator, Header, Footer, Content, Title, Description, Actions, Media, 
 //
 Root as Item, Group as ItemGroup, Separator as ItemSeparator, Header as ItemHeader, Footer as ItemFooter, Content as ItemContent, Title as ItemTitle, Description as ItemDescription, Actions as ItemActions, Media as ItemMedia, };

package/dist/components/ui/item/item-media.svelte.d.ts

@@ -1,23 +1,23 @@
 import { type VariantProps } from "tailwind-variants";
 export declare const itemMediaVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        icon: string;
-        image: string;
+        default: "bg-transparent";
+        icon: "[&_svg:not([class*='size-'])]:size-4";
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover";
     };
 }, undefined, "gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", {
     variant: {
-        default: string;
-        icon: string;
-        image: string;
+        default: "bg-transparent";
+        icon: "[&_svg:not([class*='size-'])]:size-4";
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        icon: string;
-        image: string;
+        default: "bg-transparent";
+        icon: "[&_svg:not([class*='size-'])]:size-4";
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover";
     };
-}, undefined, "gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none", unknown, unknown, undefined>>;
+}, undefined>>;
 export type ItemMediaVariant = VariantProps<typeof itemMediaVariants>["variant"];
 import { type WithElementRef } from "../../../utils.js";
 import type { HTMLAttributes } from "svelte/elements";

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

@@ -2,12 +2,12 @@
 	import { tv, type VariantProps } from "tailwind-variants";
 
 	export const itemVariants = tv({
-		base: "[a]:hover:bg-muted rounded-lg border text-sm group/item focus-visible:border-ring focus-visible:ring-ring/50 flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors",
+		base: "rounded-lg border text-sm [a]:hover:bg-muted group/item flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors",
 		variants: {
 			variant: {
 				default: "border-transparent",
 				outline: "border-border",
-				muted: "bg-muted/50 border-transparent",
+				muted: "border-transparent bg-muted/50",
 			},
 			size: {
 				default: "gap-2.5 px-3 py-2.5",
@@ -27,8 +27,8 @@
 
 <script lang="ts">
 	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
 	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,43 +1,43 @@
 import { type VariantProps } from "tailwind-variants";
 export declare const itemVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        default: string;
-        outline: string;
-        muted: string;
+        default: "border-transparent";
+        outline: "border-border";
+        muted: "border-transparent bg-muted/50";
     };
     size: {
-        default: string;
-        sm: string;
-        xs: string;
+        default: "gap-2.5 px-3 py-2.5";
+        sm: "gap-2.5 px-3 py-2.5";
+        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0";
     };
-}, undefined, "[a]:hover:bg-muted rounded-lg border text-sm group/item focus-visible:border-ring focus-visible:ring-ring/50 flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors", {
+}, undefined, "rounded-lg border text-sm [a]:hover:bg-muted group/item flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors", {
     variant: {
-        default: string;
-        outline: string;
-        muted: string;
+        default: "border-transparent";
+        outline: "border-border";
+        muted: "border-transparent bg-muted/50";
     };
     size: {
-        default: string;
-        sm: string;
-        xs: string;
+        default: "gap-2.5 px-3 py-2.5";
+        sm: "gap-2.5 px-3 py-2.5";
+        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        default: string;
-        outline: string;
-        muted: string;
+        default: "border-transparent";
+        outline: "border-border";
+        muted: "border-transparent bg-muted/50";
     };
     size: {
-        default: string;
-        sm: string;
-        xs: string;
+        default: "gap-2.5 px-3 py-2.5";
+        sm: "gap-2.5 px-3 py-2.5";
+        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0";
     };
-}, undefined, "[a]:hover:bg-muted rounded-lg border text-sm group/item focus-visible:border-ring focus-visible:ring-ring/50 flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:ring-[3px] [a]:transition-colors", unknown, unknown, undefined>>;
+}, undefined>>;
 export type ItemSize = VariantProps<typeof itemVariants>["size"];
 export type ItemVariant = VariantProps<typeof itemVariants>["variant"];
 import { type WithElementRef } from "../../../utils.js";
-import type { HTMLAttributes } from "svelte/elements";
 import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
 type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
     child?: Snippet<[{
         props: Record<string, unknown>;

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

@@ -1,3 +1,3 @@
-import Root from "./kbd.svelte";
 import Group from "./kbd-group.svelte";
+import Root from "./kbd.svelte";
 export { Root, Group, Root as Kbd, Group as KbdGroup, };

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

@@ -1,5 +1,5 @@
-import Root from "./kbd.svelte";
 import Group from "./kbd-group.svelte";
+import Root from "./kbd.svelte";
 export { Root, Group, 
 //
 Root as Kbd, Group as KbdGroup, };

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

@@ -1,18 +1,18 @@
-import Root from "./menubar.svelte";
-import Menu from "./menubar-menu.svelte";
-import Sub from "./menubar-sub.svelte";
-import RadioGroup from "./menubar-radio-group.svelte";
 import CheckboxItem from "./menubar-checkbox-item.svelte";
 import Content from "./menubar-content.svelte";
-import Item from "./menubar-item.svelte";
+import GroupHeading from "./menubar-group-heading.svelte";
 import Group from "./menubar-group.svelte";
+import Item from "./menubar-item.svelte";
+import Label from "./menubar-label.svelte";
+import Menu from "./menubar-menu.svelte";
+import Portal from "./menubar-portal.svelte";
+import RadioGroup from "./menubar-radio-group.svelte";
 import RadioItem from "./menubar-radio-item.svelte";
 import Separator from "./menubar-separator.svelte";
 import Shortcut from "./menubar-shortcut.svelte";
 import SubContent from "./menubar-sub-content.svelte";
 import SubTrigger from "./menubar-sub-trigger.svelte";
+import Sub from "./menubar-sub.svelte";
 import Trigger from "./menubar-trigger.svelte";
-import Label from "./menubar-label.svelte";
-import GroupHeading from "./menubar-group-heading.svelte";
-import Portal from "./menubar-portal.svelte";
+import Root from "./menubar.svelte";
 export { Root, CheckboxItem, Content, Item, RadioItem, Separator, Shortcut, SubContent, SubTrigger, Trigger, Menu, Group, Sub, RadioGroup, Label, GroupHeading, Portal, Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, RadioItem as MenubarRadioItem, Separator as MenubarSeparator, Shortcut as MenubarShortcut, SubContent as MenubarSubContent, SubTrigger as MenubarSubTrigger, Trigger as MenubarTrigger, Menu as MenubarMenu, Group as MenubarGroup, Sub as MenubarSub, RadioGroup as MenubarRadioGroup, Label as MenubarLabel, GroupHeading as MenubarGroupHeading, Portal as MenubarPortal, };

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

@@ -1,20 +1,20 @@
-import Root from "./menubar.svelte";
-import Menu from "./menubar-menu.svelte";
-import Sub from "./menubar-sub.svelte";
-import RadioGroup from "./menubar-radio-group.svelte";
 import CheckboxItem from "./menubar-checkbox-item.svelte";
 import Content from "./menubar-content.svelte";
-import Item from "./menubar-item.svelte";
+import GroupHeading from "./menubar-group-heading.svelte";
 import Group from "./menubar-group.svelte";
+import Item from "./menubar-item.svelte";
+import Label from "./menubar-label.svelte";
+import Menu from "./menubar-menu.svelte";
+import Portal from "./menubar-portal.svelte";
+import RadioGroup from "./menubar-radio-group.svelte";
 import RadioItem from "./menubar-radio-item.svelte";
 import Separator from "./menubar-separator.svelte";
 import Shortcut from "./menubar-shortcut.svelte";
 import SubContent from "./menubar-sub-content.svelte";
 import SubTrigger from "./menubar-sub-trigger.svelte";
+import Sub from "./menubar-sub.svelte";
 import Trigger from "./menubar-trigger.svelte";
-import Label from "./menubar-label.svelte";
-import GroupHeading from "./menubar-group-heading.svelte";
-import Portal from "./menubar-portal.svelte";
+import Root from "./menubar.svelte";
 export { Root, CheckboxItem, Content, Item, RadioItem, Separator, Shortcut, SubContent, SubTrigger, Trigger, Menu, Group, Sub, RadioGroup, Label, GroupHeading, Portal, 
 //
 Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, RadioItem as MenubarRadioItem, Separator as MenubarSeparator, Shortcut as MenubarShortcut, SubContent as MenubarSubContent, SubTrigger as MenubarSubTrigger, Trigger as MenubarTrigger, Menu as MenubarMenu, Group as MenubarGroup, Sub as MenubarSub, RadioGroup as MenubarRadioGroup, Label as MenubarLabel, GroupHeading as MenubarGroupHeading, Portal as MenubarPortal, };

package/dist/components/ui/menubar/menubar-checkbox-item.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
-	import type { Snippet } from "svelte";
 	import MinusIcon from "@lucide/svelte/icons/minus";
 	import CheckIcon from "@lucide/svelte/icons/check";
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+	import type { Snippet } from "svelte";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import MenubarPortal from "./menubar-portal.svelte";
 	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+	import MenubarPortal from "./menubar-portal.svelte";
 	import type { ComponentProps } from "svelte";
 
 	let {

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

@@ -1,6 +1,6 @@
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import MenubarPortal from "./menubar-portal.svelte";
 import { type WithoutChildrenOrChild } from "../../../utils.js";
+import MenubarPortal from "./menubar-portal.svelte";
 import type { ComponentProps } from "svelte";
 type $$ComponentProps = MenubarPrimitive.ContentProps & {
     portalProps?: WithoutChildrenOrChild<ComponentProps<typeof MenubarPortal>>;

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "../../../utils.js";
 	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
 	import type { ComponentProps } from "svelte";
 
 	let {

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

@@ -20,7 +20,7 @@
 	data-inset={inset}
 	data-variant={variant}
 	class={cn(
-		"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground group/menubar-item flex items-center gap-1.5 rounded-md px-1.5 py-1 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4",
+		"focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:*:[svg]:text-destructive! group/menubar-item flex items-center gap-1.5 rounded-md px-1.5 py-1 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4",
 		className
 	)}
 	{...restProps}