@kayord/ui 3.0.10 → 3.0.12

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

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

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

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

package/dist/components/ui/menubar/menubar-shortcut.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),

package/dist/components/ui/menubar/menubar-shortcut.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 MenubarShortcut: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLSpanElement>>, {}, "ref">;
 type MenubarShortcut = ReturnType<typeof MenubarShortcut>;
 export default MenubarShortcut;

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

@@ -9,7 +9,7 @@
 	bind:ref
 	data-slot="menubar-sub-content"
 	class={cn(
-		"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-32 rounded-lg p-1 shadow-lg ring-1 duration-100",
+		"bg-popover text-popover-foreground ring-foreground/10 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 min-w-32 rounded-lg p-1 shadow-lg ring-1 duration-100",
 		className
 	)}
 	{...restProps}

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Menubar as MenubarPrimitive } from "bits-ui";
-	import { cn, type WithoutChild } from "../../../utils.js";
 	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { cn, type WithoutChild } from "../../../utils.js";
 
 	let {
 		ref = $bindable(null),

package/dist/components/ui/native-select/index.d.ts

@@ -1,4 +1,4 @@
-import Root from "./native-select.svelte";
-import Option from "./native-select-option.svelte";
 import OptGroup from "./native-select-opt-group.svelte";
+import Option from "./native-select-option.svelte";
+import Root from "./native-select.svelte";
 export { Root, Option, OptGroup, Root as NativeSelect, Option as NativeSelectOption, OptGroup as NativeSelectOptGroup };

package/dist/components/ui/native-select/index.js

@@ -1,4 +1,4 @@
-import Root from "./native-select.svelte";
-import Option from "./native-select-option.svelte";
 import OptGroup from "./native-select-opt-group.svelte";
+import Option from "./native-select-option.svelte";
+import Root from "./native-select.svelte";
 export { Root, Option, OptGroup, Root as NativeSelect, Option as NativeSelectOption, OptGroup as NativeSelectOptGroup };

package/dist/components/ui/native-select/native-select-opt-group.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLOptgroupAttributes } from "svelte/elements";
 	import type { WithElementRef } from "../../../utils.js";
+	import type { HTMLOptgroupAttributes } from "svelte/elements";
 
 	let { ref = $bindable(null), children, ...restProps }: WithElementRef<HTMLOptgroupAttributes> = $props();
 </script>

package/dist/components/ui/native-select/native-select-opt-group.svelte.d.ts

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

package/dist/components/ui/native-select/native-select-option.svelte

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

package/dist/components/ui/native-select/native-select-option.svelte.d.ts

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

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

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
 	import { cn, type WithElementRef } from "../../../utils.js";
 	import type { HTMLSelectAttributes } from "svelte/elements";
-	import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
 
 	type NativeSelectProps = Omit<WithElementRef<HTMLSelectAttributes>, "size"> & {
 		size?: "sm" | "default";
@@ -27,7 +27,7 @@
 		bind:this={ref}
 		data-slot="native-select"
 		data-size={size}
-		class="border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 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 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5"
+		class="border-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5"
 		{...restProps}
 	>
 		{@render children?.()}

package/dist/components/ui/navigation-menu/index.d.ts

@@ -1,4 +1,3 @@
-import Root from "./navigation-menu.svelte";
 import Content from "./navigation-menu-content.svelte";
 import Indicator from "./navigation-menu-indicator.svelte";
 import Item from "./navigation-menu-item.svelte";
@@ -6,4 +5,5 @@ import Link from "./navigation-menu-link.svelte";
 import List from "./navigation-menu-list.svelte";
 import Trigger from "./navigation-menu-trigger.svelte";
 import Viewport from "./navigation-menu-viewport.svelte";
+import Root from "./navigation-menu.svelte";
 export { Root, Content, Indicator, Item, Link, List, Trigger, Viewport, Root as NavigationMenuRoot, Content as NavigationMenuContent, Indicator as NavigationMenuIndicator, Item as NavigationMenuItem, Link as NavigationMenuLink, List as NavigationMenuList, Trigger as NavigationMenuTrigger, Viewport as NavigationMenuViewport, };

package/dist/components/ui/navigation-menu/index.js

@@ -1,4 +1,3 @@
-import Root from "./navigation-menu.svelte";
 import Content from "./navigation-menu-content.svelte";
 import Indicator from "./navigation-menu-indicator.svelte";
 import Item from "./navigation-menu-item.svelte";
@@ -6,6 +5,7 @@ import Link from "./navigation-menu-link.svelte";
 import List from "./navigation-menu-list.svelte";
 import Trigger from "./navigation-menu-trigger.svelte";
 import Viewport from "./navigation-menu-viewport.svelte";
+import Root from "./navigation-menu.svelte";
 export { Root, Content, Indicator, Item, Link, List, Trigger, Viewport, 
 //
 Root as NavigationMenuRoot, Content as NavigationMenuContent, Indicator as NavigationMenuIndicator, Item as NavigationMenuItem, Link as NavigationMenuLink, List as NavigationMenuList, Trigger as NavigationMenuTrigger, Viewport as NavigationMenuViewport, };

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

@@ -9,7 +9,7 @@
 	bind:ref
 	data-slot="navigation-menu-content"
 	class={cn(
-		"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:ring-foreground/10 top-0 left-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto",
+		"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 top-0 left-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/navigation-menu/navigation-menu-indicator.svelte

@@ -9,7 +9,7 @@
 	bind:ref
 	data-slot="navigation-menu-indicator"
 	class={cn(
-		"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+		"data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/navigation-menu/navigation-menu-link.svelte

@@ -9,7 +9,7 @@
 	bind:ref
 	data-slot="navigation-menu-link"
 	class={cn(
-		"data-active:focus:bg-muted data-active:hover:bg-muted data-active:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*='size-'])]:size-4",
+		"hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*='size-'])]:size-4",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/navigation-menu/navigation-menu-trigger.svelte

@@ -1,9 +1,9 @@
 <script lang="ts" module>
-	import { cn } from "../../../utils.js";
 	import { tv } from "tailwind-variants";
+	import { cn } from "../../../utils.js";
 
 	export const navigationMenuTriggerStyle = tv({
-		base: "hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all focus-visible:ring-3 focus-visible:outline-1 disabled:opacity-50 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none",
+		base: "rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none",
 	});
 </script>
 

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

@@ -1,4 +1,4 @@
-export declare const navigationMenuTriggerStyle: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all focus-visible:ring-3 focus-visible:outline-1 disabled:opacity-50 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all focus-visible:ring-3 focus-visible:outline-1 disabled:opacity-50 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none", unknown, unknown, undefined>>;
+export declare const navigationMenuTriggerStyle: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
 import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
 declare const NavigationMenuTrigger: import("svelte").Component<NavigationMenuPrimitive.TriggerProps, {}, "ref">;
 type NavigationMenuTrigger = ReturnType<typeof NavigationMenuTrigger>;

package/dist/components/ui/navigation-menu/navigation-menu-viewport.svelte

@@ -10,7 +10,7 @@
 		bind:ref
 		data-slot="navigation-menu-viewport"
 		class={cn(
-			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:zoom-out-90 data-open:zoom-in-90 ring-foreground/10 origin-top-center relative mt-1.5 h-[calc(var(--bits-navigation-menu-viewport-height)+1rem)] w-full overflow-hidden rounded-lg shadow ring-1 duration-100 md:w-[calc(var(--bits-navigation-menu-viewport-width)+1rem)]",
+			"bg-popover text-popover-foreground ring-foreground/10 data-open:animate-in data-open:zoom-in-90 data-closed:animate-out data-closed:zoom-out-90 origin-top-center relative mt-1.5 h-[calc(var(--bits-navigation-menu-viewport-height)+1rem)] w-full overflow-hidden rounded-lg shadow ring-1 duration-100 md:w-[calc(var(--bits-navigation-menu-viewport-width)+1rem)]",
 			className
 		)}
 		{...restProps}

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

@@ -1,12 +1,12 @@
-import Root from "./pagination.svelte";
 import Content from "./pagination-content.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
 import Item from "./pagination-item.svelte";
 import Link from "./pagination-link.svelte";
-import PrevButton from "./pagination-prev-button.svelte";
 import NextButton from "./pagination-next-button.svelte";
-import Ellipsis from "./pagination-ellipsis.svelte";
-import Previous from "./pagination-previous.svelte";
 import Next from "./pagination-next.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import Previous from "./pagination-previous.svelte";
+import Root from "./pagination.svelte";
 export { Root, Content, Item, Link, PrevButton, // old
 NextButton, // old
 Ellipsis, Previous, Next, Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, // old

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

@@ -1,12 +1,12 @@
-import Root from "./pagination.svelte";
 import Content from "./pagination-content.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
 import Item from "./pagination-item.svelte";
 import Link from "./pagination-link.svelte";
-import PrevButton from "./pagination-prev-button.svelte";
 import NextButton from "./pagination-next-button.svelte";
-import Ellipsis from "./pagination-ellipsis.svelte";
-import Previous from "./pagination-previous.svelte";
 import Next from "./pagination-next.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import Previous from "./pagination-previous.svelte";
+import Root from "./pagination.svelte";
 export { Root, Content, Item, Link, PrevButton, // old
 NextButton, // old
 Ellipsis, Previous, Next, 

package/dist/components/ui/pagination/pagination-content.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),

package/dist/components/ui/pagination/pagination-content.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 PaginationContent: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLUListElement>>, {}, "ref">;
 type PaginationContent = ReturnType<typeof PaginationContent>;
 export default PaginationContent;

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

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

package/dist/components/ui/pagination/pagination-ellipsis.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 PaginationEllipsis: import("svelte").Component<Omit<WithElementRef<HTMLAttributes<HTMLSpanElement>>, "children">, {}, "ref">;
 type PaginationEllipsis = ReturnType<typeof PaginationEllipsis>;
 export default PaginationEllipsis;

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

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLLiAttributes } from "svelte/elements";
 	import type { WithElementRef } from "../../../utils.js";
+	import type { HTMLLiAttributes } from "svelte/elements";
 
 	let { ref = $bindable(null), children, ...restProps }: WithElementRef<HTMLLiAttributes> = $props();
 </script>

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

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

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
 	import { buttonVariants, type ButtonSize } from "../button/index.js";
+	import { cn } from "../../../utils.js";
 	let {
 		ref = $bindable(null),
 		class: className,

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

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-	import { buttonVariants } from "../button/index.js";
 	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { buttonVariants } from "../button/index.js";
+	import { cn } from "../../../utils.js";
 
 	let { ref = $bindable(null), class: className, ...restProps }: PaginationPrimitive.NextButtonProps = $props();
 </script>

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

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-	import { buttonVariants } from "../button/index.js";
 	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
+	import { buttonVariants } from "../button/index.js";
+	import { cn } from "../../../utils.js";
 
 	let { ref = $bindable(null), class: className, ...restProps }: PaginationPrimitive.PrevButtonProps = $props();
 </script>

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

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
-
 	import { cn } from "../../../utils.js";
 
 	let {

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

@@ -1,9 +1,9 @@
-import Root from "./popover.svelte";
 import Close from "./popover-close.svelte";
 import Content from "./popover-content.svelte";
 import Description from "./popover-description.svelte";
 import Header from "./popover-header.svelte";
+import Portal from "./popover-portal.svelte";
 import Title from "./popover-title.svelte";
 import Trigger from "./popover-trigger.svelte";
-import Portal from "./popover-portal.svelte";
+import Root from "./popover.svelte";
 export { Root, Content, Description, Header, Title, Trigger, Close, Portal, Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };

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

@@ -1,11 +1,11 @@
-import Root from "./popover.svelte";
 import Close from "./popover-close.svelte";
 import Content from "./popover-content.svelte";
 import Description from "./popover-description.svelte";
 import Header from "./popover-header.svelte";
+import Portal from "./popover-portal.svelte";
 import Title from "./popover-title.svelte";
 import Trigger from "./popover-trigger.svelte";
-import Portal from "./popover-portal.svelte";
+import Root from "./popover.svelte";
 export { Root, Content, Description, Header, Title, Trigger, Close, Portal, 
 //
 Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Popover as PopoverPrimitive } from "bits-ui";
-	import PopoverPortal from "./popover-portal.svelte";
 	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+	import PopoverPortal from "./popover-portal.svelte";
 	import type { ComponentProps } from "svelte";
 
 	let {
@@ -23,7 +23,7 @@
 		{sideOffset}
 		{align}
 		class={cn(
-			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
+			"bg-popover text-popover-foreground ring-foreground/10 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
 			className
 		)}
 		{...restProps}

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

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

package/dist/components/ui/popover/popover-description.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),

package/dist/components/ui/popover/popover-description.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 PopoverDescription: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type PopoverDescription = ReturnType<typeof PopoverDescription>;
 export default PopoverDescription;

package/dist/components/ui/popover/popover-header.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),

package/dist/components/ui/popover/popover-header.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 PopoverHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type PopoverHeader = ReturnType<typeof PopoverHeader>;
 export default PopoverHeader;

package/dist/components/ui/popover/popover-title.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),

package/dist/components/ui/popover/popover-title.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 PopoverTitle: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type PopoverTitle = ReturnType<typeof PopoverTitle>;
 export default PopoverTitle;

package/dist/components/ui/popover/popover-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "../../../utils.js";
 	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
 
 	let { ref = $bindable(null), class: className, ...restProps }: PopoverPrimitive.TriggerProps = $props();
 </script>

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

@@ -1,3 +1,3 @@
-import Root from "./radio-group.svelte";
 import Item from "./radio-group-item.svelte";
+import Root from "./radio-group.svelte";
 export { Root, Item, Root as RadioGroup, Item as RadioGroupItem, };

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

@@ -1,5 +1,5 @@
-import Root from "./radio-group.svelte";
 import Item from "./radio-group-item.svelte";
+import Root from "./radio-group.svelte";
 export { Root, Item, 
 //
 Root as RadioGroup, Item as RadioGroupItem, };

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

@@ -14,7 +14,7 @@
 	bind:ref
 	data-slot="radio-group-item"
 	class={cn(
-		"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3",
+		"border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3",
 		className
 	)}
 	{...restProps}

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

@@ -1,19 +1,19 @@
-import Root from "./range-calendar.svelte";
+import Caption from "./range-calendar-caption.svelte";
 import Cell from "./range-calendar-cell.svelte";
 import Day from "./range-calendar-day.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
 import Grid from "./range-calendar-grid.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
 import Header from "./range-calendar-header.svelte";
-import Months from "./range-calendar-months.svelte";
-import GridRow from "./range-calendar-grid-row.svelte";
 import Heading from "./range-calendar-heading.svelte";
-import HeadCell from "./range-calendar-head-cell.svelte";
+import MonthSelect from "./range-calendar-month-select.svelte";
+import Month from "./range-calendar-month.svelte";
+import Months from "./range-calendar-months.svelte";
+import Nav from "./range-calendar-nav.svelte";
 import NextButton from "./range-calendar-next-button.svelte";
 import PrevButton from "./range-calendar-prev-button.svelte";
-import MonthSelect from "./range-calendar-month-select.svelte";
 import YearSelect from "./range-calendar-year-select.svelte";
-import Caption from "./range-calendar-caption.svelte";
-import Nav from "./range-calendar-nav.svelte";
-import Month from "./range-calendar-month.svelte";
-import GridBody from "./range-calendar-grid-body.svelte";
-import GridHead from "./range-calendar-grid-head.svelte";
+import Root from "./range-calendar.svelte";
 export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, MonthSelect, YearSelect, Caption, Nav, Month, Root as RangeCalendar, };

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

@@ -1,21 +1,21 @@
-import Root from "./range-calendar.svelte";
+import Caption from "./range-calendar-caption.svelte";
 import Cell from "./range-calendar-cell.svelte";
 import Day from "./range-calendar-day.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
 import Grid from "./range-calendar-grid.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
 import Header from "./range-calendar-header.svelte";
-import Months from "./range-calendar-months.svelte";
-import GridRow from "./range-calendar-grid-row.svelte";
 import Heading from "./range-calendar-heading.svelte";
-import HeadCell from "./range-calendar-head-cell.svelte";
+import MonthSelect from "./range-calendar-month-select.svelte";
+import Month from "./range-calendar-month.svelte";
+import Months from "./range-calendar-months.svelte";
+import Nav from "./range-calendar-nav.svelte";
 import NextButton from "./range-calendar-next-button.svelte";
 import PrevButton from "./range-calendar-prev-button.svelte";
-import MonthSelect from "./range-calendar-month-select.svelte";
 import YearSelect from "./range-calendar-year-select.svelte";
-import Caption from "./range-calendar-caption.svelte";
-import Nav from "./range-calendar-nav.svelte";
-import Month from "./range-calendar-month.svelte";
-import GridBody from "./range-calendar-grid-body.svelte";
-import GridHead from "./range-calendar-grid-head.svelte";
+import Root from "./range-calendar.svelte";
 export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, MonthSelect, YearSelect, Caption, Nav, Month, 
 //
 Root as RangeCalendar, };

package/dist/components/ui/range-calendar/range-calendar-caption.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import type { ComponentProps } from "svelte";
-	import type RangeCalendar from "./range-calendar.svelte";
+	import { DateFormatter, getLocalTimeZone, type DateValue } from "@internationalized/date";
 	import RangeCalendarMonthSelect from "./range-calendar-month-select.svelte";
 	import RangeCalendarYearSelect from "./range-calendar-year-select.svelte";
-	import { DateFormatter, getLocalTimeZone, type DateValue } from "@internationalized/date";
+	import type RangeCalendar from "./range-calendar.svelte";
+	import type { ComponentProps } from "svelte";
 
 	let {
 		captionLayout,

package/dist/components/ui/range-calendar/range-calendar-caption.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { ComponentProps } from "svelte";
-import type RangeCalendar from "./range-calendar.svelte";
+import { type DateValue } from "@internationalized/date";
 import RangeCalendarMonthSelect from "./range-calendar-month-select.svelte";
 import RangeCalendarYearSelect from "./range-calendar-year-select.svelte";
-import { type DateValue } from "@internationalized/date";
+import type RangeCalendar from "./range-calendar.svelte";
+import type { ComponentProps } from "svelte";
 type $$ComponentProps = {
     captionLayout: ComponentProps<typeof RangeCalendar>["captionLayout"];
     months: ComponentProps<typeof RangeCalendarMonthSelect>["months"];