@casinogate/ui 1.11.14 → 2.0.0

package/dist/primitives/navigation/components/navigation.sub-trigger.svelte.d.ts

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

package/dist/primitives/navigation/components/navigation.sub.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { Collapsible as CollapsiblePrimitive } from '../../collapsible/index.js';
+  import { Dropdown as DropdownPrimitive } from '../../dropdown/index.js';
+  import { cn, useId } from '../../../internal/utils/common.js';
+  import { boxWith, mergeProps } from 'svelte-toolbelt';
+  import { navigationSubStyles } from '../styles.js';
+  import type { NavigationSubProps } from '../types.js';
+  import { NavigationSubState } from './navigation.svelte.js';
+
+  const uid = $props.id();
+
+  let {
+    ref = $bindable(null),
+    id = useId(uid),
+    open = $bindable(false),
+    children,
+    child,
+    class: className,
+    ...restProps
+  }: NavigationSubProps = $props();
+
+  const subState = NavigationSubState.create({
+    ref: boxWith(
+      () => ref,
+      (v) => (ref = v)
+    ),
+    id: boxWith(() => id),
+    open: boxWith(
+      () => open,
+      (v) => (open = v)
+    ),
+  });
+
+  const mergedProps = $derived(mergeProps(restProps, subState.props, { class: cn(navigationSubStyles(), className) }));
+</script>
+
+{#if child}
+  {@render child({ props: mergedProps, open })}
+{:else if subState.root.isCompact}
+  <!-- Compact mode: use Dropdown -->
+  <DropdownPrimitive.Root bind:open>
+    <li {...mergedProps}>
+      {@render children?.({ open })}
+    </li>
+  </DropdownPrimitive.Root>
+{:else}
+  <!-- Expanded mode: use Collapsible -->
+  <CollapsiblePrimitive.Root bind:open variant="none">
+    {#snippet child({ props: collapsibleProps })}
+      <li {...mergedProps} {...collapsibleProps}>
+        {@render children?.({ open })}
+      </li>
+    {/snippet}
+  </CollapsiblePrimitive.Root>
+{/if}

package/dist/primitives/navigation/components/navigation.sub.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationSubProps } from '../types.js';
+declare const Navigation: import("svelte").Component<NavigationSubProps, {}, "ref" | "open">;
+type Navigation = ReturnType<typeof Navigation>;
+export default Navigation;

package/dist/primitives/navigation/components/navigation.svelte.d.ts

@@ -0,0 +1,122 @@
+import type { RefAttachment } from '../../../internal/types/common.js';
+import { Context } from 'runed';
+import { type ReadableBoxedValues, type WithRefProps, type WritableBoxedValues } from 'svelte-toolbelt';
+import type { NavigationRootProps } from '../types.js';
+export declare const NavigationSubStateCtx: Context<NavigationSubState>;
+type NavigationRootStateOpts = WithRefProps<ReadableBoxedValues<{
+    compact: boolean;
+    dropdownProps: NavigationRootProps['dropdownProps'];
+}>>;
+export declare class NavigationRootState {
+    static create(opts: NavigationRootStateOpts): NavigationRootState;
+    readonly opts: NavigationRootStateOpts;
+    readonly attachment: RefAttachment;
+    readonly isCompact: boolean;
+    constructor(opts: NavigationRootStateOpts);
+    readonly props: {
+        readonly id: string;
+        readonly "data-slot": "root";
+        readonly role: "navigation";
+        readonly 'data-compact': boolean;
+    };
+}
+type NavigationContentStateOpts = WithRefProps<{}>;
+export declare class NavigationContentState {
+    static create(opts: NavigationContentStateOpts): NavigationContentState;
+    readonly opts: NavigationContentStateOpts;
+    readonly attachment: RefAttachment;
+    readonly root: NavigationRootState;
+    constructor(opts: NavigationContentStateOpts, root: NavigationRootState);
+    readonly props: {
+        readonly id: string;
+        readonly "data-slot": "content";
+        readonly role: "list";
+    };
+}
+type NavigationItemStateOpts = WithRefProps<{}>;
+export declare class NavigationItemState {
+    static create(opts: NavigationItemStateOpts): NavigationItemState;
+    readonly opts: NavigationItemStateOpts;
+    readonly attachment: RefAttachment;
+    readonly root: NavigationRootState;
+    constructor(opts: NavigationItemStateOpts, root: NavigationRootState);
+    readonly props: {
+        readonly id: string;
+        readonly "data-slot": "item";
+        readonly 'data-compact': boolean;
+        readonly role: "listitem";
+    };
+}
+type NavigationTriggerStateOpts = WithRefProps<ReadableBoxedValues<{
+    disabled: boolean;
+    active: boolean;
+}>>;
+export declare class NavigationTriggerState {
+    static create(opts: NavigationTriggerStateOpts): NavigationTriggerState;
+    readonly opts: NavigationTriggerStateOpts;
+    readonly attachment: RefAttachment;
+    readonly root: NavigationRootState;
+    constructor(opts: NavigationTriggerStateOpts, root: NavigationRootState);
+    readonly props: {
+        readonly id: string;
+        readonly "data-slot": "trigger";
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-active': "" | undefined;
+    };
+}
+type NavigationSubStateOpts = WithRefProps<WritableBoxedValues<{
+    open: boolean;
+}>>;
+export declare class NavigationSubState {
+    static create(opts: NavigationSubStateOpts): NavigationSubState;
+    readonly opts: NavigationSubStateOpts;
+    readonly attachment: RefAttachment;
+    readonly root: NavigationRootState;
+    readonly isOpen: boolean;
+    constructor(opts: NavigationSubStateOpts, root: NavigationRootState);
+    setOpen(value: boolean): void;
+    toggle(): void;
+    readonly props: {
+        readonly id: string;
+        readonly "data-slot": "sub";
+        readonly 'data-compact': boolean;
+        readonly 'data-state': "open" | "closed";
+    };
+}
+type NavigationSubTriggerStateOpts = WithRefProps<ReadableBoxedValues<{
+    disabled: boolean;
+    active: boolean;
+}>>;
+export declare class NavigationSubTriggerState {
+    static create(opts: NavigationSubTriggerStateOpts): NavigationSubTriggerState;
+    readonly opts: NavigationSubTriggerStateOpts;
+    readonly attachment: RefAttachment;
+    readonly root: NavigationRootState;
+    readonly sub: NavigationSubState;
+    constructor(opts: NavigationSubTriggerStateOpts, root: NavigationRootState, sub: NavigationSubState);
+    readonly props: {
+        readonly id: string;
+        readonly "data-slot": "sub-trigger";
+        readonly 'data-disabled': "" | undefined;
+        readonly 'data-active': "" | undefined;
+        readonly 'data-state': "open" | "closed";
+        readonly 'aria-expanded': boolean;
+        readonly 'aria-haspopup': "menu";
+    };
+}
+type NavigationSubContentStateOpts = WithRefProps<{}>;
+export declare class NavigationSubContentState {
+    static create(opts: NavigationSubContentStateOpts): NavigationSubContentState;
+    readonly opts: NavigationSubContentStateOpts;
+    readonly attachment: RefAttachment;
+    readonly root: NavigationRootState;
+    readonly sub: NavigationSubState;
+    constructor(opts: NavigationSubContentStateOpts, root: NavigationRootState, sub: NavigationSubState);
+    readonly props: {
+        readonly id: string;
+        readonly "data-slot": "sub-content";
+        readonly 'data-compact': boolean;
+        readonly role: "list";
+    };
+}
+export {};

package/dist/primitives/navigation/components/navigation.svelte.js

@@ -0,0 +1,174 @@
+import { SLOT_ATTR_NAME } from '../../../internal/constants/attrs.js';
+import { boolAttr } from '../../../internal/utils/attrs.js';
+import { keyWithPrefix } from '../../../internal/utils/common.js';
+import { Context, watch } from 'runed';
+import { attachRef } from 'svelte-toolbelt';
+const NavigationRootStateCtx = new Context(keyWithPrefix('navigation-root'));
+const NavigationItemStateCtx = new Context(keyWithPrefix('navigation-item'));
+export const NavigationSubStateCtx = new Context(keyWithPrefix('navigation-sub'));
+const SLOT_ATTR_VALUES = {
+    root: 'root',
+    content: 'content',
+    item: 'item',
+    trigger: 'trigger',
+    sub: 'sub',
+    subTrigger: 'sub-trigger',
+    subContent: 'sub-content',
+};
+export class NavigationRootState {
+    static create(opts) {
+        return NavigationRootStateCtx.set(new NavigationRootState(opts));
+    }
+    opts;
+    attachment;
+    isCompact = $derived.by(() => this.opts.compact.current);
+    constructor(opts) {
+        this.opts = opts;
+        this.attachment = attachRef(opts.ref);
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        [SLOT_ATTR_NAME]: SLOT_ATTR_VALUES.root,
+        role: 'navigation',
+        'data-compact': this.isCompact,
+        ...this.attachment,
+    }));
+}
+export class NavigationContentState {
+    static create(opts) {
+        return new NavigationContentState(opts, NavigationRootStateCtx.get());
+    }
+    opts;
+    attachment;
+    root;
+    constructor(opts, root) {
+        this.opts = opts;
+        this.root = root;
+        this.attachment = attachRef(opts.ref);
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        [SLOT_ATTR_NAME]: SLOT_ATTR_VALUES.content,
+        role: 'list',
+        ...this.attachment,
+    }));
+}
+export class NavigationItemState {
+    static create(opts) {
+        return NavigationItemStateCtx.set(new NavigationItemState(opts, NavigationRootStateCtx.get()));
+    }
+    opts;
+    attachment;
+    root;
+    constructor(opts, root) {
+        this.opts = opts;
+        this.root = root;
+        this.attachment = attachRef(opts.ref);
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        [SLOT_ATTR_NAME]: SLOT_ATTR_VALUES.item,
+        'data-compact': this.root.isCompact,
+        role: 'listitem',
+        ...this.attachment,
+    }));
+}
+export class NavigationTriggerState {
+    static create(opts) {
+        return new NavigationTriggerState(opts, NavigationRootStateCtx.get());
+    }
+    opts;
+    attachment;
+    root;
+    constructor(opts, root) {
+        this.opts = opts;
+        this.root = root;
+        this.attachment = attachRef(opts.ref);
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        [SLOT_ATTR_NAME]: SLOT_ATTR_VALUES.trigger,
+        'data-disabled': boolAttr(this.opts.disabled.current),
+        'data-active': boolAttr(this.opts.active.current),
+        ...this.attachment,
+    }));
+}
+export class NavigationSubState {
+    static create(opts) {
+        return NavigationSubStateCtx.set(new NavigationSubState(opts, NavigationRootStateCtx.get()));
+    }
+    opts;
+    attachment;
+    root;
+    isOpen = $derived.by(() => this.opts.open.current);
+    constructor(opts, root) {
+        this.opts = opts;
+        this.root = root;
+        this.attachment = attachRef(opts.ref);
+        watch(() => this.root.isCompact, () => {
+            if (this.isOpen && this.root.isCompact) {
+                this.opts.open.current = false;
+            }
+        });
+    }
+    setOpen(value) {
+        this.opts.open.current = value;
+    }
+    toggle() {
+        this.opts.open.current = !this.opts.open.current;
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        [SLOT_ATTR_NAME]: SLOT_ATTR_VALUES.sub,
+        'data-compact': this.root.isCompact,
+        'data-state': this.isOpen ? 'open' : 'closed',
+        ...this.attachment,
+    }));
+}
+export class NavigationSubTriggerState {
+    static create(opts) {
+        return new NavigationSubTriggerState(opts, NavigationRootStateCtx.get(), NavigationSubStateCtx.get());
+    }
+    opts;
+    attachment;
+    root;
+    sub;
+    constructor(opts, root, sub) {
+        this.opts = opts;
+        this.root = root;
+        this.sub = sub;
+        this.attachment = attachRef(opts.ref);
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        [SLOT_ATTR_NAME]: SLOT_ATTR_VALUES.subTrigger,
+        'data-disabled': boolAttr(this.opts.disabled.current),
+        'data-active': boolAttr(this.opts.active.current),
+        'data-state': this.sub.isOpen ? 'open' : 'closed',
+        'aria-expanded': this.sub.isOpen,
+        'aria-haspopup': 'menu',
+        ...this.attachment,
+    }));
+}
+export class NavigationSubContentState {
+    static create(opts) {
+        return new NavigationSubContentState(opts, NavigationRootStateCtx.get(), NavigationSubStateCtx.get());
+    }
+    opts;
+    attachment;
+    root;
+    sub;
+    constructor(opts, root, sub) {
+        this.opts = opts;
+        this.root = root;
+        this.sub = sub;
+        this.attachment = attachRef(opts.ref);
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id.current,
+        [SLOT_ATTR_NAME]: SLOT_ATTR_VALUES.subContent,
+        'data-compact': this.root.isCompact,
+        role: 'list',
+        ...this.attachment,
+    }));
+}

package/dist/primitives/navigation/components/navigation.trigger.svelte

@@ -0,0 +1,88 @@
+<script lang="ts">
+  import { cn, useId } from '../../../internal/utils/common.js';
+  import { boxWith, mergeProps } from 'svelte-toolbelt';
+  import { cubicInOut } from 'svelte/easing';
+  import { slide } from 'svelte/transition';
+  import { navigationTriggerStyles } from '../styles.js';
+  import type { NavigationTriggerProps } from '../types.js';
+  import { NavigationSubStateCtx, NavigationTriggerState } from './navigation.svelte.js';
+
+  const uid = $props.id();
+
+  let {
+    ref = $bindable(null),
+    id = useId(uid),
+    child,
+    icon,
+    label,
+    class: className,
+    href,
+    disabled = false,
+    active = false,
+    ...restProps
+  }: NavigationTriggerProps = $props();
+
+  const subState = NavigationSubStateCtx.getOr(null);
+  const isInsideSub = $derived(subState !== null);
+
+  const triggerState = NavigationTriggerState.create({
+    ref: boxWith(
+      () => ref,
+      (v) => (ref = v)
+    ),
+    id: boxWith(() => id),
+    disabled: boxWith(() => disabled),
+    active: boxWith(() => active),
+  });
+
+  const mergedProps = $derived(
+    mergeProps(restProps, triggerState.props, { class: cn(navigationTriggerStyles(), className) })
+  );
+
+  const attrs = $derived({
+    compact: triggerState.root.isCompact,
+  });
+
+  const shouldShowLabel = $derived(!triggerState.root.isCompact || isInsideSub);
+</script>
+
+{#snippet content()}
+  {#if icon}
+    <span
+      data-slot="icon"
+      class={cn('cgui:inline-flex cgui:items-center cgui:justify-center cgui:shrink-0 cgui:empty:hidden')}
+    >
+      {@render icon?.()}
+    </span>
+  {/if}
+
+  {#if label}
+    {#if typeof label === 'string'}
+      {#if shouldShowLabel}
+        <span
+          data-slot="label"
+          class="cgui:min-w-0 cgui:text-left cgui:whitespace-nowrap cgui:overflow-hidden cgui:flex-1"
+          transition:slide={{ axis: 'x', duration: 250, easing: cubicInOut }}
+        >
+          <span class="cgui:inline-block" transition:slide={{ axis: 'x', duration: 150, easing: cubicInOut }}>
+            {label}
+          </span>
+        </span>
+      {/if}
+    {:else}
+      {@render label?.({ props: { 'data-slot': 'label' } })}
+    {/if}
+  {/if}
+{/snippet}
+
+{#if child}
+  {@render child({ props: mergedProps, ...attrs })}
+{:else if href}
+  <a {href} {...mergedProps}>
+    {@render content?.()}
+  </a>
+{:else}
+  <button {...mergedProps}>
+    {@render content?.()}
+  </button>
+{/if}

package/dist/primitives/navigation/components/navigation.trigger.svelte.d.ts

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

package/dist/primitives/navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * as Navigation from './components/index.js';
+export type * from './types.js';

package/dist/primitives/navigation/index.js

@@ -0,0 +1 @@
+export * as Navigation from './components/index.js';

package/dist/primitives/navigation/styles.d.ts

@@ -0,0 +1,29 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const navigationRootStyles: import("tailwind-variants").TVReturnType<{
+    compact: {
+        true: {};
+    };
+}, undefined, string[], {
+    compact: {
+        true: {};
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    compact: {
+        true: {};
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const navigationContentStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const navigationItemStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const navigationTriggerStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const navigationSubStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, never[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, never[], unknown, unknown, undefined>>;
+export declare const navigationSubTriggerStyles: import("tailwind-variants").TVReturnType<{} | {} | {} | {}, undefined, string[], {} | {} | {}, undefined, import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>>;
+export declare const navigationSubContentStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const navigationDropdownContentStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type NavigationRootVariantsProps = VariantProps<typeof navigationRootStyles>;
+export type NavigationContentVariantsProps = VariantProps<typeof navigationContentStyles>;
+export type NavigationItemVariantsProps = VariantProps<typeof navigationItemStyles>;
+export type NavigationTriggerVariantsProps = VariantProps<typeof navigationTriggerStyles>;
+export type NavigationSubVariantsProps = VariantProps<typeof navigationSubStyles>;
+export type NavigationSubTriggerVariantsProps = VariantProps<typeof navigationSubTriggerStyles>;
+export type NavigationSubContentVariantsProps = VariantProps<typeof navigationSubContentStyles>;
+export type NavigationDropdownContentVariantsProps = VariantProps<typeof navigationDropdownContentStyles>;

package/dist/primitives/navigation/styles.js

@@ -0,0 +1,58 @@
+import { tv } from '../../internal/utils/tailwindcss.js';
+export const navigationRootStyles = tv({
+    base: [
+        'cgui:group/navigation',
+        'cgui:data-[compact=true]:w-fit cgui:min-w-px cgui:w-full',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+    ],
+    variants: {
+        compact: {
+            true: {},
+        },
+    },
+});
+export const navigationContentStyles = tv({
+    base: [''],
+});
+export const navigationItemStyles = tv({
+    base: ['cgui:data-highlighted:bg-transparent'],
+});
+export const navigationTriggerStyles = tv({
+    base: [
+        'cgui:flex cgui:items-center cgui:gap-2',
+        'cgui:overflow-hidden cgui:truncate cgui:rounded-xs',
+        'cgui:w-full cgui:px-3 cgui:py-4',
+        'cgui:group-data-[compact=true]/navigation:py-3 cgui:group-data-[compact=true]/navigation:justify-center',
+        'cgui:text-fg-semilight cgui:text-body',
+        'cgui:cursor-pointer cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:data-[disabled]:cursor-not-allowed cgui:data-[disabled]:opacity-50',
+        'cgui:[&_svg]:size-6 cgui:[&_[data-slot="icon"]]:me-auto',
+        'cgui:hover:text-fg-white',
+        'cgui:data-[active]:bg-surface-dark cgui:data-[active]:text-fg-white ',
+    ],
+});
+export const navigationSubStyles = tv({
+    base: [],
+});
+export const navigationSubTriggerStyles = tv({
+    extend: navigationTriggerStyles,
+    base: ['cgui:group-data-[compact=false]/navigation:data-[state=open]:[&_[data-slot="chevron"]]:rotate-180'],
+});
+export const navigationSubContentStyles = tv({
+    base: [
+        'cgui:data-[compact=false]:pl-10',
+        'cgui:data-[compact=false]:[&_[data-slot="trigger"]]:pl-0',
+        'cgui:[&_[data-slot="trigger"][data-active]]:bg-transparent',
+    ],
+});
+export const navigationDropdownContentStyles = tv({
+    base: [
+        'cgui:bg-surface-darkest cgui:rounded-md',
+        'cgui:min-w-40 cgui:p-1',
+        'cgui:[&_[data-slot="trigger"]]:px-2 cgui:[&_[data-slot="trigger"]]:py-2',
+        'cgui:[&_[data-slot="trigger"]]:text-sm',
+        'cgui:[&_[data-slot="trigger"]]:rounded-sm',
+        'cgui:[&_svg]:size-4',
+        'cgui:[&_[data-slot="trigger"]_[data-slot="icon"]]:size-4',
+    ],
+});

package/dist/primitives/navigation/types.d.ts

@@ -0,0 +1,53 @@
+import type { PrimitiveElementAttributes } from '../../internal/types/html-attributes.js';
+import type { Snippet } from 'svelte';
+import type { WithChild, WithElementRef, Without, WithoutChildren } from 'svelte-toolbelt';
+import type { NavigationContentVariantsProps, NavigationItemVariantsProps, NavigationRootVariantsProps, NavigationSubContentVariantsProps, NavigationSubTriggerVariantsProps, NavigationSubVariantsProps, NavigationTriggerVariantsProps } from './styles.js';
+type NavigationRootPropsWithoutHTML = WithElementRef<WithChild<{
+    dropdownProps?: {
+        sideOffset?: number;
+        alignOffset?: number;
+        side?: 'top' | 'bottom' | 'left' | 'right';
+    };
+}, {
+    compact: boolean;
+}>> & NavigationRootVariantsProps;
+export type NavigationRootProps = NavigationRootPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationRootPropsWithoutHTML>;
+type NavigationContentPropsWithoutHTML = WithElementRef<WithChild<{}>> & NavigationContentVariantsProps;
+export type NavigationContentProps = NavigationContentPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationContentPropsWithoutHTML>;
+type NavigationItemPropsWithoutHTML = WithElementRef<WithChild<{}>> & NavigationItemVariantsProps;
+export type NavigationItemProps = NavigationItemPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationItemPropsWithoutHTML>;
+type NavigationTriggerPropsWithoutHTML = WithElementRef<WithoutChildren<WithChild<{
+    href?: string;
+    disabled?: boolean;
+    active?: boolean;
+    icon?: Snippet;
+    label?: string | Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+}, {
+    compact: boolean;
+}>>> & NavigationTriggerVariantsProps;
+export type NavigationTriggerProps = NavigationTriggerPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationTriggerPropsWithoutHTML>;
+type NavigationSubPropsWithoutHTML = WithElementRef<WithChild<{
+    open?: boolean;
+}, {
+    open: boolean;
+}>> & NavigationSubVariantsProps;
+export type NavigationSubProps = NavigationSubPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationSubPropsWithoutHTML>;
+type NavigationSubTriggerPropsWithoutHTML = WithElementRef<WithoutChildren<WithChild<{
+    disabled?: boolean;
+    active?: boolean;
+    icon?: Snippet;
+    label?: string | Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+}, {
+    compact: boolean;
+    open: boolean;
+}>>> & NavigationSubTriggerVariantsProps;
+export type NavigationSubTriggerProps = NavigationSubTriggerPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationSubTriggerPropsWithoutHTML>;
+type NavigationSubContentPropsWithoutHTML = WithElementRef<WithChild<{}, {
+    compact: boolean;
+}>> & NavigationSubContentVariantsProps;
+export type NavigationSubContentProps = NavigationSubContentPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationSubContentPropsWithoutHTML>;
+export {};

package/dist/primitives/navigation/types.js

@@ -0,0 +1 @@
+export {};

package/dist/primitives/number-input/components/index.d.ts

@@ -0,0 +1 @@
+export { default as Root } from './number-input.root.svelte';

package/dist/primitives/number-input/components/index.js

@@ -0,0 +1 @@
+export { default as Root } from './number-input.root.svelte';