sv5ui-plus 5.0.4 → 5.0.6

package/dist/components/NavigationMenu/NavigationMenu.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { NavigationMenuProps } from './navigation-menu.types.js';
+import type { NavigationMenuProps } from "./navigation-menu.types.js";
 export type Props = NavigationMenuProps;
 declare const NavigationMenu: import("svelte").Component<NavigationMenuProps, {}, "value" | "ref" | "drawerOpen">;
 type NavigationMenu = ReturnType<typeof NavigationMenu>;

package/dist/components/NavigationMenu/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SvelteKitNavigationMenu } from './NavigationMenu.svelte';
-export type { NavigationMenuProps as SvelteKitNavigationMenuProps, NavigationMenuItem as SvelteKitNavigationMenuItem, NavigationMenuChildItem as SvelteKitNavigationMenuChildItem, NavigationMenuValue as SvelteKitNavigationMenuValue } from './navigation-menu.types.js';
+export { default as SvelteKitNavigationMenu } from "./NavigationMenu.svelte";
+export type { NavigationMenuProps as SvelteKitNavigationMenuProps, NavigationMenuItem as SvelteKitNavigationMenuItem, NavigationMenuChildItem as SvelteKitNavigationMenuChildItem, NavigationMenuValue as SvelteKitNavigationMenuValue, } from "./navigation-menu.types.js";

package/dist/components/NavigationMenu/index.js

@@ -1 +1 @@
-export { default as SvelteKitNavigationMenu } from './NavigationMenu.svelte';
+export { default as SvelteKitNavigationMenu } from "./NavigationMenu.svelte";

package/dist/components/NavigationMenu/navigation-menu.types.d.ts

@@ -1,13 +1,13 @@
-import type { Snippet } from 'svelte';
-import type { ClassNameValue } from 'tailwind-merge';
-import type { HTMLAttributes } from 'svelte/elements';
-import type { NavigationMenuSlots, NavigationMenuVariantProps } from './navigation-menu.variants.js';
-import type { AvatarProps } from 'sv5ui';
-import type { BadgeProps } from 'sv5ui';
-import type { ChipProps } from 'sv5ui';
-import type { TooltipProps } from 'sv5ui';
-import type { PopoverProps } from 'sv5ui';
-import type { DrawerProps } from 'sv5ui';
+import type { Snippet } from "svelte";
+import type { ClassNameValue } from "tailwind-merge";
+import type { HTMLAttributes } from "svelte/elements";
+import type { NavigationMenuSlots, NavigationMenuVariantProps } from "./navigation-menu.variants.js";
+import type { AvatarProps } from "sv5ui";
+import type { BadgeProps } from "sv5ui";
+import type { ChipProps } from "sv5ui";
+import type { TooltipProps } from "sv5ui";
+import type { PopoverProps } from "sv5ui";
+import type { DrawerProps } from "sv5ui";
 /**
  * The open value(s) of the menu.
  * A single value string when `type='single'`, an array when `type='multiple'`
@@ -15,7 +15,7 @@ import type { DrawerProps } from 'sv5ui';
  */
 export type NavigationMenuValue = string | string[];
 /** Per-item semantic role. Defaults to `'link'`. */
-export type NavigationMenuItemType = 'label' | 'trigger' | 'link';
+export type NavigationMenuItemType = "label" | "trigger" | "link";
 /**
  * A leaf entry inside a dropdown / mega-menu (an item's `children`).
  */
@@ -127,7 +127,7 @@ export interface NavigationMenuContentSlotProps {
  * real anchor links (SEO), a nav landmark, and an optional baked-in mobile
  * drawer below a breakpoint.
  */
-export interface NavigationMenuProps extends Omit<HTMLAttributes<HTMLElement>, 'class' | 'children' | 'onselect' | 'popover' | 'dir'> {
+export interface NavigationMenuProps extends Omit<HTMLAttributes<HTMLElement>, "class" | "children" | "onselect" | "popover" | "dir"> {
     /** Bindable reference to the root element. */
     ref?: HTMLElement | null;
     /** The root element for the vertical path. @default 'nav' */
@@ -136,7 +136,7 @@ export interface NavigationMenuProps extends Omit<HTMLAttributes<HTMLElement>, '
      * Selection model for vertical inline disclosures.
      * `'multiple'` allows several open at once. @default 'multiple'
      */
-    type?: 'single' | 'multiple';
+    type?: "single" | "multiple";
     /** Open value(s). Use `bind:value` for two-way binding. */
     value?: NavigationMenuValue;
     /** Initial open value(s) when uncontrolled. */
@@ -146,7 +146,7 @@ export interface NavigationMenuProps extends Omit<HTMLAttributes<HTMLElement>, '
     /** Top-level items, or an array of arrays to render separated groups. */
     items?: NavigationMenuItem[] | NavigationMenuItem[][];
     /** Layout direction. @default 'horizontal' */
-    orientation?: NonNullable<NavigationMenuVariantProps['orientation']>;
+    orientation?: NonNullable<NavigationMenuVariantProps["orientation"]>;
     /** Icons-only rail (vertical). Labels/children surface via tooltip/popover. */
     collapsed?: boolean;
     /** Whether expandable groups can be toggled (vertical). @default true */
@@ -165,9 +165,9 @@ export interface NavigationMenuProps extends Omit<HTMLAttributes<HTMLElement>, '
      */
     stacked?: boolean;
     /** Visual style of items. @default 'pill' */
-    variant?: NonNullable<NavigationMenuVariantProps['variant']>;
+    variant?: NonNullable<NavigationMenuVariantProps["variant"]>;
     /** Color for active/highlight state and focus ring. @default 'primary' */
-    color?: NonNullable<NavigationMenuVariantProps['color']>;
+    color?: NonNullable<NavigationMenuVariantProps["color"]>;
     /** Iconify name for the dropdown chevron. @default icons.chevronDown */
     trailingIcon?: string;
     /** External-link icon; `true` uses the default, a string overrides, `false` hides. */
@@ -179,7 +179,7 @@ export interface NavigationMenuProps extends Omit<HTMLAttributes<HTMLElement>, '
     /** Default popover config for collapsed items. */
     popover?: boolean | PopoverProps;
     /** Layout of the mega-menu content (horizontal only). @default 'horizontal' */
-    contentOrientation?: NonNullable<NavigationMenuVariantProps['contentOrientation']>;
+    contentOrientation?: NonNullable<NavigationMenuVariantProps["contentOrientation"]>;
     /** Item field used as the label. @default 'label' */
     labelKey?: string;
     /**

package/dist/components/NavigationMenu/navigation-menu.variants.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'tailwind-variants';
+import { type VariantProps } from "tailwind-variants";
 export declare const navigationMenuVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         pill: "";

package/dist/components/NavigationMenu/navigation-menu.variants.js

@@ -1,287 +1,287 @@
-import { tv } from 'tailwind-variants';
+import { tv } from "tailwind-variants";
 export const navigationMenuVariants = tv({
     slots: {
-        root: 'relative',
-        list: 'relative isolate min-w-0',
-        highlight: 'absolute z-0 rounded-full transition-all duration-200',
-        item: 'min-w-0',
-        label: 'w-full flex items-center gap-1.5 px-2.5 pt-3 pb-1 font-semibold text-sm text-on-surface-variant',
-        separator: 'shrink-0 bg-outline-variant',
+        root: "relative",
+        list: "relative isolate min-w-0",
+        highlight: "absolute z-0 rounded-full transition-all duration-200",
+        item: "min-w-0",
+        label: "w-full flex items-center gap-1.5 px-2.5 pt-3 pb-1 font-semibold text-sm text-on-surface-variant",
+        separator: "shrink-0 bg-outline-variant",
         link: [
-            'group relative w-full flex items-center gap-1.5 font-medium text-sm rounded-md',
-            'text-on-surface-variant',
-            'transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset',
-            'data-disabled:cursor-not-allowed data-disabled:opacity-60'
+            "group relative w-full flex items-center gap-1.5 font-medium text-sm rounded-md",
+            "text-on-surface-variant",
+            "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset",
+            "data-disabled:cursor-not-allowed data-disabled:opacity-60",
         ],
-        linkLeadingIcon: 'shrink-0',
-        linkLeadingAvatar: 'shrink-0',
-        linkLabel: 'truncate',
-        linkLabelExternalIcon: 'size-3.5 shrink-0 text-on-surface-variant/70',
-        linkTrailing: 'ms-auto inline-flex items-center gap-1.5',
-        linkTrailingBadge: 'shrink-0',
-        linkTrailingIcon: 'size-5 shrink-0 transform transition-transform duration-200',
-        childList: 'grid gap-0.5 p-2',
-        childLabel: 'font-semibold text-sm text-on-surface-variant px-2 py-1.5',
-        childItem: 'min-w-0',
+        linkLeadingIcon: "shrink-0",
+        linkLeadingAvatar: "shrink-0",
+        linkLabel: "truncate",
+        linkLabelExternalIcon: "size-3.5 shrink-0 text-on-surface-variant/70",
+        linkTrailing: "ms-auto inline-flex items-center gap-1.5",
+        linkTrailingBadge: "shrink-0",
+        linkTrailingIcon: "size-5 shrink-0 transform transition-transform duration-200",
+        childList: "grid gap-0.5 p-2",
+        childLabel: "font-semibold text-sm text-on-surface-variant px-2 py-1.5",
+        childItem: "min-w-0",
         childLink: [
-            'group relative w-full flex items-start gap-2.5 px-2.5 py-2 rounded-lg',
-            'text-sm text-on-surface-variant',
-            'transition-colors hover:bg-surface-container-high hover:text-on-surface',
-            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary',
-            'data-[active]:bg-surface-container-high data-[active]:text-on-surface'
+            "group relative w-full flex items-start gap-2.5 px-2.5 py-2 rounded-lg",
+            "text-sm text-on-surface-variant",
+            "transition-colors hover:bg-surface-container-high hover:text-on-surface",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary",
+            "data-[active]:bg-surface-container-high data-[active]:text-on-surface",
         ],
-        childLinkWrapper: 'min-w-0 flex flex-col gap-0.5',
-        childLinkIcon: 'size-5 shrink-0 mt-0.5 text-on-surface-variant group-hover:text-primary',
-        childLinkLabel: 'font-medium text-on-surface truncate',
-        childLinkDescription: 'text-xs text-on-surface-variant/80 line-clamp-2',
-        childGroup: 'min-w-0',
-        childGroupLabel: 'px-2.5 pt-1 pb-1.5 font-semibold text-sm text-on-surface-variant',
-        childGroupList: 'grid gap-0.5',
-        linkBadgeDot: 'absolute top-1 end-1 size-2 rounded-full bg-error ring-2 ring-surface',
-        itemActions: 'absolute end-1.5 top-1/2 z-10 -translate-y-1/2 inline-flex items-center opacity-0 transition-opacity focus-within:opacity-100 group-hover/nav-row:opacity-100 has-[[data-state=open]]:opacity-100',
-        labelActions: 'ms-auto inline-flex items-center',
+        childLinkWrapper: "min-w-0 flex flex-col gap-0.5",
+        childLinkIcon: "size-5 shrink-0 mt-0.5 text-on-surface-variant group-hover:text-primary",
+        childLinkLabel: "font-medium text-on-surface truncate",
+        childLinkDescription: "text-xs text-on-surface-variant/80 line-clamp-2",
+        childGroup: "min-w-0",
+        childGroupLabel: "px-2.5 pt-1 pb-1.5 font-semibold text-sm text-on-surface-variant",
+        childGroupList: "grid gap-0.5",
+        linkBadgeDot: "absolute top-1 end-1 size-2 rounded-full bg-error ring-2 ring-surface",
+        itemActions: "absolute end-1.5 top-1/2 z-10 -translate-y-1/2 inline-flex items-center opacity-0 transition-opacity focus-within:opacity-100 group-hover/nav-row:opacity-100 has-[[data-state=open]]:opacity-100",
+        labelActions: "ms-auto inline-flex items-center",
         content: [
-            'top-0 left-0 w-full sm:absolute sm:w-auto',
-            'data-[motion=from-start]:animate-[nav-from-start_250ms_ease]',
-            'data-[motion=from-end]:animate-[nav-from-end_250ms_ease]',
-            'data-[motion=to-start]:animate-[nav-to-start_250ms_ease]',
-            'data-[motion=to-end]:animate-[nav-to-end_250ms_ease]'
+            "top-0 left-0 w-full sm:absolute sm:w-auto",
+            "data-[motion=from-start]:animate-[nav-from-start_250ms_ease]",
+            "data-[motion=from-end]:animate-[nav-from-end_250ms_ease]",
+            "data-[motion=to-start]:animate-[nav-to-start_250ms_ease]",
+            "data-[motion=to-end]:animate-[nav-to-end_250ms_ease]",
         ],
-        viewportWrapper: 'absolute top-full left-0 z-50 flex w-full justify-start pt-1.5 [perspective:2000px]',
+        viewportWrapper: "absolute top-full left-0 z-50 flex w-full justify-start pt-1.5 [perspective:2000px]",
         viewport: [
-            'relative h-(--bits-navigation-menu-viewport-height) w-full origin-[top_center] overflow-hidden sm:w-(--bits-navigation-menu-viewport-width)',
-            'rounded-xl border border-outline-variant bg-surface-container-low shadow-lg',
-            'transition-[width,height] duration-200',
-            'data-[state=open]:animate-[nav-scale-in_200ms_ease]',
-            'data-[state=closed]:animate-[nav-scale-out_200ms_ease]'
+            "relative h-(--bits-navigation-menu-viewport-height) w-full origin-[top_center] overflow-hidden sm:w-(--bits-navigation-menu-viewport-width)",
+            "rounded-xl border border-outline-variant bg-surface-container-low shadow-lg",
+            "transition-[width,height] duration-200",
+            "data-[state=open]:animate-[nav-scale-in_200ms_ease]",
+            "data-[state=closed]:animate-[nav-scale-out_200ms_ease]",
         ],
         indicator: [
-            'top-full z-50 flex h-2 items-end justify-center overflow-hidden',
-            'data-[state=visible]:animate-[fade-in_150ms_ease]',
-            'data-[state=hidden]:animate-[fade-out_150ms_ease]'
+            "top-full z-50 flex h-2 items-end justify-center overflow-hidden",
+            "data-[state=visible]:animate-[fade-in_150ms_ease]",
+            "data-[state=hidden]:animate-[fade-out_150ms_ease]",
         ],
-        arrow: 'relative top-[60%] size-2 rotate-45 rounded-tl-sm border-t border-l border-outline-variant bg-surface-container-low',
-        toggle: '',
-        childTrigger: 'group ms-auto inline-flex items-center justify-center transition-transform duration-200'
+        arrow: "relative top-[60%] size-2 rotate-45 rounded-tl-sm border-t border-l border-outline-variant bg-surface-container-low",
+        toggle: "",
+        childTrigger: "group ms-auto inline-flex items-center justify-center transition-transform duration-200",
     },
     variants: {
         variant: {
-            pill: '',
-            link: ''
+            pill: "",
+            link: "",
         },
         color: {
-            primary: { highlight: 'bg-primary' },
-            secondary: { highlight: 'bg-secondary' },
-            tertiary: { highlight: 'bg-tertiary' },
-            success: { highlight: 'bg-success' },
-            warning: { highlight: 'bg-warning' },
-            error: { highlight: 'bg-error' },
-            info: { highlight: 'bg-info' },
-            surface: { highlight: 'bg-on-surface-variant' }
+            primary: { highlight: "bg-primary" },
+            secondary: { highlight: "bg-secondary" },
+            tertiary: { highlight: "bg-tertiary" },
+            success: { highlight: "bg-success" },
+            warning: { highlight: "bg-warning" },
+            error: { highlight: "bg-error" },
+            info: { highlight: "bg-info" },
+            surface: { highlight: "bg-on-surface-variant" },
         },
         orientation: {
             horizontal: {
-                root: 'w-full',
-                list: 'flex items-center gap-1 overflow-x-auto scrollbar-thin',
-                separator: 'mx-1 h-5 w-px self-center',
-                highlight: 'bottom-0 h-0.5'
+                root: "w-full",
+                list: "flex items-center gap-1 overflow-x-auto scrollbar-thin",
+                separator: "mx-1 h-5 w-px self-center",
+                highlight: "bottom-0 h-0.5",
             },
             vertical: {
-                root: 'w-full',
-                list: 'flex flex-col gap-0.5',
-                item: 'flex flex-col',
-                separator: 'my-1 h-px w-full',
-                childList: 'ms-3.5 mt-0.5 gap-0.5 border-s border-outline-variant p-0 ps-2',
-                highlight: 'start-0 w-0.5'
-            }
+                root: "w-full",
+                list: "flex flex-col gap-0.5",
+                item: "flex flex-col",
+                separator: "my-1 h-px w-full",
+                childList: "ms-3.5 mt-0.5 gap-0.5 border-s border-outline-variant p-0 ps-2",
+                highlight: "start-0 w-0.5",
+            },
         },
         highlight: {
-            true: '',
-            false: ''
+            true: "",
+            false: "",
         },
         collapsed: {
             true: {
-                link: 'justify-center',
-                linkLabel: 'sr-only',
-                linkTrailing: 'hidden'
+                link: "justify-center",
+                linkLabel: "sr-only",
+                linkTrailing: "hidden",
             },
-            false: ''
+            false: "",
         },
         stacked: {
-            true: '',
-            false: ''
+            true: "",
+            false: "",
         },
         contentOrientation: {
             horizontal: {},
-            vertical: {}
+            vertical: {},
         },
         disabled: {
-            true: '',
-            false: ''
-        }
+            true: "",
+            false: "",
+        },
     },
     compoundVariants: [
         {
-            orientation: 'horizontal',
+            orientation: "horizontal",
             class: {
-                item: 'shrink-0',
-                link: 'w-auto px-2.5 py-1.5',
-                label: 'w-auto shrink-0 whitespace-nowrap',
-                childList: 'min-w-60'
-            }
+                item: "shrink-0",
+                link: "w-auto px-2.5 py-1.5",
+                label: "w-auto shrink-0 whitespace-nowrap",
+                childList: "min-w-60",
+            },
         },
         {
-            orientation: 'horizontal',
-            contentOrientation: 'horizontal',
-            class: { childList: 'sm:w-128 sm:grid-cols-2' }
+            orientation: "horizontal",
+            contentOrientation: "horizontal",
+            class: { childList: "sm:w-128 sm:grid-cols-2" },
         },
         {
-            orientation: 'vertical',
-            class: { link: 'px-2.5 py-1.5' }
+            orientation: "vertical",
+            class: { link: "px-2.5 py-1.5" },
         },
         {
             stacked: true,
             class: {
-                link: 'flex-col justify-center gap-1 py-2',
-                linkLabel: 'text-xs leading-tight',
-                linkTrailing: 'hidden'
-            }
+                link: "flex-col justify-center gap-1 py-2",
+                linkLabel: "text-xs leading-tight",
+                linkTrailing: "hidden",
+            },
         },
         {
-            orientation: 'horizontal',
+            orientation: "horizontal",
             stacked: true,
             class: {
-                list: 'justify-around overflow-visible',
-                item: 'flex-1',
-                link: 'w-full'
-            }
+                list: "justify-around overflow-visible",
+                item: "flex-1",
+                link: "w-full",
+            },
         },
         {
             collapsed: true,
             stacked: true,
-            class: { linkLabel: 'not-sr-only text-xs leading-tight' }
+            class: { linkLabel: "not-sr-only text-xs leading-tight" },
         },
         {
-            variant: 'pill',
+            variant: "pill",
             class: {
-                link: 'hover:bg-surface-container-high hover:text-on-surface data-[state=open]:bg-surface-container-high'
-            }
+                link: "hover:bg-surface-container-high hover:text-on-surface data-[state=open]:bg-surface-container-high",
+            },
         },
         {
-            variant: 'link',
+            variant: "link",
             class: {
-                link: 'hover:text-on-surface data-[state=open]:text-on-surface'
-            }
+                link: "hover:text-on-surface data-[state=open]:text-on-surface",
+            },
         },
         {
-            variant: 'pill',
-            color: 'primary',
+            variant: "pill",
+            color: "primary",
             class: {
-                link: 'data-[active]:bg-primary-container data-[active]:text-on-primary-container focus-visible:ring-primary'
-            }
+                link: "data-[active]:bg-primary-container data-[active]:text-on-primary-container focus-visible:ring-primary",
+            },
         },
         {
-            variant: 'pill',
-            color: 'secondary',
+            variant: "pill",
+            color: "secondary",
             class: {
-                link: 'data-[active]:bg-secondary-container data-[active]:text-on-secondary-container focus-visible:ring-secondary'
-            }
+                link: "data-[active]:bg-secondary-container data-[active]:text-on-secondary-container focus-visible:ring-secondary",
+            },
         },
         {
-            variant: 'pill',
-            color: 'tertiary',
+            variant: "pill",
+            color: "tertiary",
             class: {
-                link: 'data-[active]:bg-tertiary-container data-[active]:text-on-tertiary-container focus-visible:ring-tertiary'
-            }
+                link: "data-[active]:bg-tertiary-container data-[active]:text-on-tertiary-container focus-visible:ring-tertiary",
+            },
         },
         {
-            variant: 'pill',
-            color: 'success',
+            variant: "pill",
+            color: "success",
             class: {
-                link: 'data-[active]:bg-success-container data-[active]:text-on-success-container focus-visible:ring-success'
-            }
+                link: "data-[active]:bg-success-container data-[active]:text-on-success-container focus-visible:ring-success",
+            },
         },
         {
-            variant: 'pill',
-            color: 'warning',
+            variant: "pill",
+            color: "warning",
             class: {
-                link: 'data-[active]:bg-warning-container data-[active]:text-on-warning-container focus-visible:ring-warning'
-            }
+                link: "data-[active]:bg-warning-container data-[active]:text-on-warning-container focus-visible:ring-warning",
+            },
         },
         {
-            variant: 'pill',
-            color: 'error',
+            variant: "pill",
+            color: "error",
             class: {
-                link: 'data-[active]:bg-error-container data-[active]:text-on-error-container focus-visible:ring-error'
-            }
+                link: "data-[active]:bg-error-container data-[active]:text-on-error-container focus-visible:ring-error",
+            },
         },
         {
-            variant: 'pill',
-            color: 'info',
+            variant: "pill",
+            color: "info",
             class: {
-                link: 'data-[active]:bg-info-container data-[active]:text-on-info-container focus-visible:ring-info'
-            }
+                link: "data-[active]:bg-info-container data-[active]:text-on-info-container focus-visible:ring-info",
+            },
         },
         {
-            variant: 'pill',
-            color: 'surface',
+            variant: "pill",
+            color: "surface",
             class: {
-                link: 'data-[active]:bg-surface-container-high data-[active]:text-on-surface focus-visible:ring-outline'
-            }
+                link: "data-[active]:bg-surface-container-high data-[active]:text-on-surface focus-visible:ring-outline",
+            },
         },
         {
-            variant: 'link',
-            color: 'primary',
-            class: { link: 'data-[active]:text-primary focus-visible:ring-primary' }
+            variant: "link",
+            color: "primary",
+            class: { link: "data-[active]:text-primary focus-visible:ring-primary" },
         },
         {
-            variant: 'link',
-            color: 'secondary',
-            class: { link: 'data-[active]:text-secondary focus-visible:ring-secondary' }
+            variant: "link",
+            color: "secondary",
+            class: { link: "data-[active]:text-secondary focus-visible:ring-secondary" },
         },
         {
-            variant: 'link',
-            color: 'tertiary',
-            class: { link: 'data-[active]:text-tertiary focus-visible:ring-tertiary' }
+            variant: "link",
+            color: "tertiary",
+            class: { link: "data-[active]:text-tertiary focus-visible:ring-tertiary" },
         },
         {
-            variant: 'link',
-            color: 'success',
-            class: { link: 'data-[active]:text-success focus-visible:ring-success' }
+            variant: "link",
+            color: "success",
+            class: { link: "data-[active]:text-success focus-visible:ring-success" },
         },
         {
-            variant: 'link',
-            color: 'warning',
-            class: { link: 'data-[active]:text-warning focus-visible:ring-warning' }
+            variant: "link",
+            color: "warning",
+            class: { link: "data-[active]:text-warning focus-visible:ring-warning" },
         },
         {
-            variant: 'link',
-            color: 'error',
-            class: { link: 'data-[active]:text-error focus-visible:ring-error' }
+            variant: "link",
+            color: "error",
+            class: { link: "data-[active]:text-error focus-visible:ring-error" },
         },
         {
-            variant: 'link',
-            color: 'info',
-            class: { link: 'data-[active]:text-info focus-visible:ring-info' }
+            variant: "link",
+            color: "info",
+            class: { link: "data-[active]:text-info focus-visible:ring-info" },
         },
         {
-            variant: 'link',
-            color: 'surface',
-            class: { link: 'data-[active]:text-on-surface focus-visible:ring-outline' }
-        }
+            variant: "link",
+            color: "surface",
+            class: { link: "data-[active]:text-on-surface focus-visible:ring-outline" },
+        },
     ],
     defaultVariants: {
-        variant: 'pill',
-        color: 'primary',
-        orientation: 'horizontal',
+        variant: "pill",
+        color: "primary",
+        orientation: "horizontal",
         highlight: false,
         collapsed: false,
         stacked: false,
-        contentOrientation: 'horizontal',
-        disabled: false
-    }
+        contentOrientation: "horizontal",
+        disabled: false,
+    },
 });
 export const navigationMenuDefaults = {
     defaultVariants: navigationMenuVariants.defaultVariants,
-    slots: {}
+    slots: {},
 };

package/dist/components/NumberTicker/NumberTicker.svelte

@@ -93,10 +93,6 @@ let formattedValue = $derived(new Intl.NumberFormat("en-US", {
 }).format(displayValue));
 </script>
 
-<span
-	bind:this={nodeRef}
-	class={twMerge(styles.base() as string, className)}
-	{...restProps}
->
+<span bind:this={nodeRef} class={twMerge(styles.base() as string, className)} {...restProps}>
 	{formattedValue}
 </span>

package/dist/components/NumberTicker/NumberTicker.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { NumberTickerProps } from './number-ticker.types.js';
+import type { NumberTickerProps } from "./number-ticker.types.js";
 declare const NumberTicker: import("svelte").Component<NumberTickerProps, {}, "">;
 type NumberTicker = ReturnType<typeof NumberTicker>;
 export default NumberTicker;

package/dist/components/NumberTicker/index.d.ts

@@ -1,4 +1,4 @@
-import NumberTicker from './NumberTicker.svelte';
+import NumberTicker from "./NumberTicker.svelte";
 export { NumberTicker };
-export * from './number-ticker.types.js';
-export * from './number-ticker.variants.js';
+export * from "./number-ticker.types.js";
+export * from "./number-ticker.variants.js";

package/dist/components/NumberTicker/index.js

@@ -1,4 +1,4 @@
-import NumberTicker from './NumberTicker.svelte';
+import NumberTicker from "./NumberTicker.svelte";
 export { NumberTicker };
-export * from './number-ticker.types.js';
-export * from './number-ticker.variants.js';
+export * from "./number-ticker.types.js";
+export * from "./number-ticker.variants.js";

package/dist/components/NumberTicker/number-ticker.types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'svelte/elements';
+import type { HTMLAttributes } from "svelte/elements";
 export interface NumberTickerProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * The target number to animate to.

package/dist/components/NumberTicker/number-ticker.variants.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'tailwind-variants';
+import { type VariantProps } from "tailwind-variants";
 export declare const numberTickerVariants: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {