@skdx/vue 0.28.0 → 0.30.0

package/dist/menubar/context.d.ts

@@ -1,12 +1,7 @@
 import type { InjectionKey, Ref } from 'vue';
 import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
-/** @internal Selector for enabled menu triggers (keyboard navigation). */
-export declare const TRIGGER_SELECTOR = "[data-skdx-menubar-trigger]:not([data-disabled])";
-/**
- * @internal All menu items, disabled included (APG: focusable for discovery).
- * Roving-focus runs with `includeDisabled`.
- */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
+/** @internal Enabled menubar triggers, the roving row navigates and an open panel's arrows move between. */
+export { MENUBAR_TRIGGER_SELECTOR as TRIGGER_SELECTOR } from '../menu/context.js';
 /** Which end to focus when opening (first/last). @internal */
 export type MenubarOpenIntent = 'first' | 'last';
 /** @internal Menubar axis (horizontal/vertical). */
@@ -17,6 +12,8 @@ export interface MenubarContext {
     onMenuChange(menu: string): void;
     /** Bar axis (Trigger uses to pick navigation arrows). */
     orientation: Readonly<Ref<MenubarOrientation>>;
+    currentTabStopId: Readonly<Ref<string | null>>;
+    setCurrentTabStopId(id: string): void;
 }
 /** @internal Menubar context key. */
 export declare const MENUBAR_CONTEXT: InjectionKey<MenubarContext>;
@@ -33,35 +30,17 @@ export interface MenubarMenuContext {
     openedExplicitlyRef: Ref<boolean>;
     onOpen(): void;
     onClose(): void;
-    /**
-     * Returns focus to this menu's Trigger, announcing the move first as a
-     * cancelable `close-auto-focus`. Escape, Tab and selecting an item are the
-     * three call sites; this is the one function common to all of them.
-     */
+    /** Returns focus to this menu's Trigger, announcing the move first as a cancelable `close-auto-focus`. */
     focusTrigger(): void;
-    /**
-     * Content's `close-auto-focus` emitter, parked where
-     * {@link MenubarMenuContext.focusTrigger} can reach it. A plain mutable box,
-     * not reactive state: nothing renders from it.
-     */
+    /** Content's `close-auto-focus` emitter, parked here as a plain mutable box for {@link MenubarMenuContext.focusTrigger} to reach. */
     closeAutoFocus: {
         current: ((event: AutoFocusEvent) => void) | undefined;
     };
-    /**
-     * Which end of this menu the *last* open request asked for. A plain mutable
-     * box, not reactive state: it is read once, by the frame that moves focus
-     * after the panel opens, and nothing renders from it.
-     */
+    /** Which end of this menu the last open request asked for; a plain mutable box read once by the focus-move frame. */
     openIntent: {
         current: MenubarOpenIntent;
     };
-    /**
-     * Bumped on every `onOpen()` call, including one that re-requests an
-     * already-open menu (e.g. `defaultMenu` pre-opened it, then its trigger is
-     * clicked). `open` alone doesn't change in that case — Vue's ref/computed
-     * reactivity no-ops when a write doesn't change the value — so Content's
-     * auto-focus watcher also keys off this to still move focus into the panel.
-     */
+    /** Bumped on every `onOpen()` call, including a re-request that doesn't change `open`, so Content's auto-focus watcher still fires. */
     openRequestId: Readonly<Ref<number>>;
 }
 /** @internal Injection key a MenubarMenu provides so its trigger, content, and items share open state, element refs, and content id. */
@@ -70,12 +49,3 @@ export declare const MENUBAR_MENU_CONTEXT: InjectionKey<MenubarMenuContext>;
 export declare function nextMenubarContentId(): string;
 /** @internal Generates a unique id for a MenubarMenu's trigger, which its content names itself after. */
 export declare function nextMenubarTriggerId(): string;
-/** @internal Shared selected-value state distributed from MenubarRadioGroup to its MenubarRadioItems. */
-export interface MenuRadioGroupContext {
-    value: Ref<string | undefined>;
-    onValueChange?(value: string): void;
-}
-/** @internal Injection key a MenubarRadioGroup provides so its radio items share the selected value. */
-export declare const MENUBAR_RADIO_GROUP_CONTEXT: InjectionKey<MenuRadioGroupContext>;
-/** @internal Whether the enclosing checkbox/radio item is checked, read by a nested MenubarItemIndicator. Defaults to false (non-throwing, matching React's plain context). */
-export declare const MENUBAR_ITEM_INDICATOR_CONTEXT: InjectionKey<Ref<boolean>>;

package/dist/menubar/context.js

@@ -1 +1 @@
-import{nextId as e}from"../utils/id.js";var n="[data-skdx-menubar-trigger]:not([data-disabled])",t='[role^="menuitem"]',r=/* @__PURE__ */Symbol("skdx-menubar-context"),a=/* @__PURE__ */Symbol("skdx-menubar-menu-context");function o(){return e("menubar-content")}function m(){return e("menubar-trigger")}var s=/* @__PURE__ */Symbol("skdx-menubar-radio-group-context"),u=/* @__PURE__ */Symbol("skdx-menubar-item-indicator-context");export{t as ITEM_SELECTOR,r as MENUBAR_CONTEXT,u as MENUBAR_ITEM_INDICATOR_CONTEXT,a as MENUBAR_MENU_CONTEXT,s as MENUBAR_RADIO_GROUP_CONTEXT,n as TRIGGER_SELECTOR,o as nextMenubarContentId,m as nextMenubarTriggerId};
+import{nextId as n}from"../utils/id.js";import{MENUBAR_TRIGGER_SELECTOR as t}from"../menu/context.js";var e=/* @__PURE__ */Symbol("skdx-menubar-context"),r=/* @__PURE__ */Symbol("skdx-menubar-menu-context");function a(){return n("menubar-content")}function o(){return n("menubar-trigger")}export{e as MENUBAR_CONTEXT,r as MENUBAR_MENU_CONTEXT,t as TRIGGER_SELECTOR,a as nextMenubarContentId,o as nextMenubarTriggerId};

package/dist/menubar/primitives.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/MenuSubContent.vue.cjs"),r=require("../utils/MenuSubTrigger.vue.cjs"),u=require("./MenubarContent.vue.cjs"),a=require("./MenubarCheckboxItem.vue.cjs"),n=require("./MenubarLabel.vue.cjs"),t=require("./MenubarGroup.vue.cjs"),o=require("./MenubarItem.vue.cjs"),i=require("./MenubarItemIndicator.vue.cjs"),b=require("./MenubarRadioGroup.vue.cjs"),d=require("./MenubarRadioItem.vue.cjs"),M=require("./MenubarSeparator.vue.cjs"),q=require("./MenubarShortcut.vue.cjs"),S=require("./MenubarSub.vue.cjs"),c=require("./MenubarMenu.vue.cjs"),l=require("./MenubarPortal.vue.cjs"),k=require("./MenubarTrigger.vue.cjs"),x=require("./MenubarRoot.vue.cjs"),f=require("./MenubarArrow.vue.cjs");exports.SkdxMenubarArrow=f.default;exports.SkdxMenubarCheckboxItem=a.default;exports.SkdxMenubarContent=u.default;exports.SkdxMenubarGroup=t.default;exports.SkdxMenubarItem=o.default;exports.SkdxMenubarItemIndicator=i.default;exports.SkdxMenubarLabel=n.default;exports.SkdxMenubarMenu=c.default;exports.SkdxMenubarPortal=l.default;exports.SkdxMenubarRadioGroup=b.default;exports.SkdxMenubarRadioItem=d.default;exports.SkdxMenubarRoot=x.default;exports.SkdxMenubarSeparator=M.default;exports.SkdxMenubarShortcut=q.default;exports.SkdxMenubarSub=S.default;exports.SkdxMenubarSubContent=e.default;exports.SkdxMenubarSubTrigger=r.default;exports.SkdxMenubarTrigger=k.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/MenuSubContent.vue.cjs"),r=require("../utils/MenuSubTrigger.vue.cjs"),u=require("./MenubarContent.vue.cjs"),a=require("./MenubarCheckboxItem.vue.cjs"),n=require("./MenubarGroup.vue.cjs"),t=require("./MenubarItem.vue.cjs"),o=require("./MenubarItemIndicator.vue.cjs"),i=require("./MenubarLabel.vue.cjs"),b=require("./MenubarRadioGroup.vue.cjs"),d=require("./MenubarRadioItem.vue.cjs"),M=require("./MenubarSeparator.vue.cjs"),q=require("./MenubarShortcut.vue.cjs"),S=require("./MenubarSub.vue.cjs"),c=require("./MenubarMenu.vue.cjs"),l=require("./MenubarPortal.vue.cjs"),k=require("./MenubarTrigger.vue.cjs"),x=require("./MenubarRoot.vue.cjs"),f=require("./MenubarArrow.vue.cjs");exports.SkdxMenubarArrow=f.default;exports.SkdxMenubarCheckboxItem=a.default;exports.SkdxMenubarContent=u.default;exports.SkdxMenubarGroup=n.default;exports.SkdxMenubarItem=t.default;exports.SkdxMenubarItemIndicator=o.default;exports.SkdxMenubarLabel=i.default;exports.SkdxMenubarMenu=c.default;exports.SkdxMenubarPortal=l.default;exports.SkdxMenubarRadioGroup=b.default;exports.SkdxMenubarRadioItem=d.default;exports.SkdxMenubarRoot=x.default;exports.SkdxMenubarSeparator=M.default;exports.SkdxMenubarShortcut=q.default;exports.SkdxMenubarSub=S.default;exports.SkdxMenubarSubContent=e.default;exports.SkdxMenubarSubTrigger=r.default;exports.SkdxMenubarTrigger=k.default;

package/dist/menubar/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxMenubar` — the parts the recipe composes. Use
- * when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxMenubar` — the parts the recipe composes.
  *
  * @example
  * ```vue

package/dist/menubar/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxMenubar` — the parts the recipe composes. Use
- * when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxMenubar` — the parts the recipe composes.
  *
  * @example
  * ```vue

package/dist/menubar/primitives.js

@@ -1 +1 @@
-import r from"../utils/MenuSubContent.vue.js";import e from"../utils/MenuSubTrigger.vue.js";import u from"./MenubarContent.vue.js";import a from"./MenubarCheckboxItem.vue.js";import o from"./MenubarLabel.vue.js";import t from"./MenubarGroup.vue.js";import n from"./MenubarItem.vue.js";import b from"./MenubarItemIndicator.vue.js";import m from"./MenubarRadioGroup.vue.js";import s from"./MenubarRadioItem.vue.js";import M from"./MenubarSeparator.vue.js";import i from"./MenubarShortcut.vue.js";import S from"./MenubarSub.vue.js";import p from"./MenubarMenu.vue.js";import d from"./MenubarPortal.vue.js";import x from"./MenubarTrigger.vue.js";import k from"./MenubarRoot.vue.js";import f from"./MenubarArrow.vue.js";export{f as SkdxMenubarArrow,a as SkdxMenubarCheckboxItem,u as SkdxMenubarContent,t as SkdxMenubarGroup,n as SkdxMenubarItem,b as SkdxMenubarItemIndicator,o as SkdxMenubarLabel,p as SkdxMenubarMenu,d as SkdxMenubarPortal,m as SkdxMenubarRadioGroup,s as SkdxMenubarRadioItem,k as SkdxMenubarRoot,M as SkdxMenubarSeparator,i as SkdxMenubarShortcut,S as SkdxMenubarSub,r as SkdxMenubarSubContent,e as SkdxMenubarSubTrigger,x as SkdxMenubarTrigger};
+import r from"../utils/MenuSubContent.vue.js";import e from"../utils/MenuSubTrigger.vue.js";import u from"./MenubarContent.vue.js";import a from"./MenubarCheckboxItem.vue.js";import o from"./MenubarGroup.vue.js";import t from"./MenubarItem.vue.js";import n from"./MenubarItemIndicator.vue.js";import b from"./MenubarLabel.vue.js";import m from"./MenubarRadioGroup.vue.js";import s from"./MenubarRadioItem.vue.js";import M from"./MenubarSeparator.vue.js";import i from"./MenubarShortcut.vue.js";import S from"./MenubarSub.vue.js";import p from"./MenubarMenu.vue.js";import d from"./MenubarPortal.vue.js";import x from"./MenubarTrigger.vue.js";import k from"./MenubarRoot.vue.js";import f from"./MenubarArrow.vue.js";export{f as SkdxMenubarArrow,a as SkdxMenubarCheckboxItem,u as SkdxMenubarContent,o as SkdxMenubarGroup,t as SkdxMenubarItem,n as SkdxMenubarItemIndicator,b as SkdxMenubarLabel,p as SkdxMenubarMenu,d as SkdxMenubarPortal,m as SkdxMenubarRadioGroup,s as SkdxMenubarRadioItem,k as SkdxMenubarRoot,M as SkdxMenubarSeparator,i as SkdxMenubarShortcut,S as SkdxMenubarSub,r as SkdxMenubarSubContent,e as SkdxMenubarSubTrigger,x as SkdxMenubarTrigger};

package/dist/menubar/types.d.cts

@@ -1,6 +1,4 @@
-/**
- * Menubar menu item. Action items have no `type`; use `'type' in item` to narrow.
- */
+/** Menubar menu item; action items have no `type`, narrowed via `'type' in item`. */
 export type MenuItem = {
     /** Text rendered inside the derived `SkdxMenubarItem`. */
     label: string;

package/dist/menubar/types.d.ts

@@ -1,6 +1,4 @@
-/**
- * Menubar menu item. Action items have no `type`; use `'type' in item` to narrow.
- */
+/** Menubar menu item; action items have no `type`, narrowed via `'type' in item`. */
 export type MenuItem = {
     /** Text rendered inside the derived `SkdxMenubarItem`. */
     label: string;

package/dist/navigation-menu/NavigationMenu.vue.d.cts

@@ -1,61 +1,50 @@
 import type { NavigationMenuItem } from './types.cjs';
-/**
- * Navigation menu holder: manages which item's content is open. Provides
- * hover-intent timers to parts. Derives anatomy from `items` or renders slot.
- * Delay on first hover; instant switch while open. Controlled or uncontrolled.
- */
+/** Renders the navigation menu holder that manages which item's content is open, deriving anatomy from `items` or a slot. */
 type __VLS_Props = {
     /**
-     * Currently open item's value; `v-model:value` for controlled usage. @default undefined
+     * Currently open item's value; `v-model:value` for controlled usage.
+     * @default undefined
      */
-    value?: string | null;
-    /** Initially open item's value, for uncontrolled usage. `null` starts closed. */
+    value?: string | null | undefined;
+    /** Initially open item's value, for uncontrolled usage; `null` starts closed. */
     defaultValue?: string | null;
     /** Delay before hovering a trigger opens its content (ms). */
     delayDuration?: number;
     /** Window after closing during which re-hovering a sibling trigger opens instantly (ms). */
     skipDelayDuration?: number;
-    /**
-     * Pointer grace period (ms) before panel closes (travel gap).
-     */
+    /** Pointer grace period (ms) before panel closes (travel gap). */
     closeDelayDuration?: number;
     /**
-     * Whether activating a link closes the open panel. `false` keeps it open during navigation. @default true
+     * Whether activating a link closes the open panel; `false` keeps it open during navigation.
+     * @default true
      */
     closeOnSelect?: boolean;
-    /**
-     * Menu axis. Sets data-orientation, roving focus arrows.
-     */
+    /** Menu axis, setting `data-orientation` and the roving focus arrows. */
     orientation?: 'horizontal' | 'vertical';
     /**
-     * Menu entries (links or trigger/panel pairs). @default []
+     * Menu entries (links or trigger/panel pairs).
+     * @default []
      */
     items?: NavigationMenuItem[];
 };
-declare var __VLS_1: {}, __VLS_6: {
-    item: {
-        label: string;
-        href: string;
-        active?: boolean;
-        value?: string;
-    };
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    item?: (props: typeof __VLS_6) => any;
+type __VLS_Slots = {
+    /** Manual composition of the list, triggers and panels, replacing the derived `items` anatomy. */
+    default?(): unknown;
+    /** Body of a derived link or panel, for markup an `items` entry cannot express. */
+    item?(props: {
+        item: NavigationMenuItem;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string | null) => any;
     "value-change": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string | null) => any) | undefined;
-    "onValue-change"?: ((value: string | null) => any) | undefined;
+    "onUpdate:value"?: (value: string | null) => any;
+    "onValue-change"?: (value: string | null) => any;
 }>, {
-    value: string | null;
     defaultValue: string | null;
-    items: NavigationMenuItem[];
     orientation: "horizontal" | "vertical";
+    items: NavigationMenuItem[];
     closeOnSelect: boolean;
     delayDuration: number;
     skipDelayDuration: number;

package/dist/navigation-menu/NavigationMenu.vue.d.ts

@@ -1,61 +1,50 @@
 import type { NavigationMenuItem } from './types.js';
-/**
- * Navigation menu holder: manages which item's content is open. Provides
- * hover-intent timers to parts. Derives anatomy from `items` or renders slot.
- * Delay on first hover; instant switch while open. Controlled or uncontrolled.
- */
+/** Renders the navigation menu holder that manages which item's content is open, deriving anatomy from `items` or a slot. */
 type __VLS_Props = {
     /**
-     * Currently open item's value; `v-model:value` for controlled usage. @default undefined
+     * Currently open item's value; `v-model:value` for controlled usage.
+     * @default undefined
      */
-    value?: string | null;
-    /** Initially open item's value, for uncontrolled usage. `null` starts closed. */
+    value?: string | null | undefined;
+    /** Initially open item's value, for uncontrolled usage; `null` starts closed. */
     defaultValue?: string | null;
     /** Delay before hovering a trigger opens its content (ms). */
     delayDuration?: number;
     /** Window after closing during which re-hovering a sibling trigger opens instantly (ms). */
     skipDelayDuration?: number;
-    /**
-     * Pointer grace period (ms) before panel closes (travel gap).
-     */
+    /** Pointer grace period (ms) before panel closes (travel gap). */
     closeDelayDuration?: number;
     /**
-     * Whether activating a link closes the open panel. `false` keeps it open during navigation. @default true
+     * Whether activating a link closes the open panel; `false` keeps it open during navigation.
+     * @default true
      */
     closeOnSelect?: boolean;
-    /**
-     * Menu axis. Sets data-orientation, roving focus arrows.
-     */
+    /** Menu axis, setting `data-orientation` and the roving focus arrows. */
     orientation?: 'horizontal' | 'vertical';
     /**
-     * Menu entries (links or trigger/panel pairs). @default []
+     * Menu entries (links or trigger/panel pairs).
+     * @default []
      */
     items?: NavigationMenuItem[];
 };
-declare var __VLS_1: {}, __VLS_6: {
-    item: {
-        label: string;
-        href: string;
-        active?: boolean;
-        value?: string;
-    };
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    item?: (props: typeof __VLS_6) => any;
+type __VLS_Slots = {
+    /** Manual composition of the list, triggers and panels, replacing the derived `items` anatomy. */
+    default?(): unknown;
+    /** Body of a derived link or panel, for markup an `items` entry cannot express. */
+    item?(props: {
+        item: NavigationMenuItem;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string | null) => any;
     "value-change": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string | null) => any) | undefined;
-    "onValue-change"?: ((value: string | null) => any) | undefined;
+    "onUpdate:value"?: (value: string | null) => any;
+    "onValue-change"?: (value: string | null) => any;
 }>, {
-    value: string | null;
     defaultValue: string | null;
-    items: NavigationMenuItem[];
     orientation: "horizontal" | "vertical";
+    items: NavigationMenuItem[];
     closeOnSelect: boolean;
     delayDuration: number;
     skipDelayDuration: number;

package/dist/navigation-menu/NavigationMenu.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const S=require("./context.cjs"),B=require("./NavigationMenuAnatomy.vue.cjs");let t=require("vue");var N=["data-orientation"],q=150,x=(0,t.defineComponent)({__name:"NavigationMenu",props:{value:{default:void 0},defaultValue:{default:null},delayDuration:{default:200},skipDelayDuration:{default:300},closeDelayDuration:{default:q},closeOnSelect:{type:Boolean,default:!0},orientation:{default:"horizontal"},items:{default:()=>[]}},emits:["update:value","value-change"],setup(u,{emit:y}){const o=u,m=y,f=(0,t.ref)(o.defaultValue),v=(0,t.computed)(()=>o.value===void 0?f.value:o.value);let s=!0,i=0,n=0,c=0;function a(e){o.value===void 0&&(f.value=e),window.clearTimeout(c),e!==null?s=!1:c=window.setTimeout(()=>{s=!0},o.skipDelayDuration),m("update:value",e),m("value-change",e)}(0,t.onBeforeUnmount)(()=>{window.clearTimeout(i),window.clearTimeout(n),window.clearTimeout(c)});function _(e){window.clearTimeout(n),window.clearTimeout(i),s?i=window.setTimeout(()=>a(e),o.delayDuration):a(e)}function w(){window.clearTimeout(i),window.clearTimeout(n),n=window.setTimeout(()=>a(null),o.closeDelayDuration)}function k(){window.clearTimeout(n)}function D(e){window.clearTimeout(i),window.clearTimeout(n),a(e)}function p(){window.clearTimeout(i),window.clearTimeout(n),a(null)}function h(){o.closeOnSelect&&p()}const g=(0,t.useTemplateRef)("rootEl");return(0,t.watchPostEffect)(()=>{const e=g.value;if(!e||v.value===null)return;const d=e.querySelector('[data-skdx-nav-trigger][data-state="open"]');if(!d)return;const l=e.getBoundingClientRect(),r=d.getBoundingClientRect(),T=o.orientation==="horizontal",C=T?r.left-l.left:r.top-l.top,E=T?r.width:r.height;e.style.setProperty("--skdx-navigation-menu-indicator-offset",`${C}px`),e.style.setProperty("--skdx-navigation-menu-indicator-size",`${E}px`)}),(0,t.provide)(S.NAVIGATION_MENU_CONTEXT,{value:v,orientation:(0,t.computed)(()=>o.orientation),onTriggerEnter:_,onTriggerLeave:w,onContentEnter:k,onContentLeave:w,onItemSelect:D,onClose:p,onLinkSelect:h}),(e,d)=>((0,t.openBlock)(),(0,t.createElementBlock)("nav",{ref_key:"rootEl",ref:g,class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","data-orientation":u.orientation},[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(B.default,{items:u.items},(0,t.createSlots)({_:2},[e.$slots.item?{name:"item",fn:(0,t.withCtx)(l=>[(0,t.renderSlot)(e.$slots,"item",(0,t.normalizeProps)((0,t.guardReactiveProps)(l)))]),key:"0"}:void 0]),1032,["items"])])],8,N))}});exports.default=x;
+const S=require("./context.cjs"),B=require("./NavigationMenuAnatomy.vue.cjs");let t=require("vue");var N=["data-orientation"],q=150,z=(0,t.defineComponent)({__name:"NavigationMenu",props:{value:{},defaultValue:{default:null},delayDuration:{default:200},skipDelayDuration:{default:300},closeDelayDuration:{default:q},closeOnSelect:{type:Boolean,default:!0},orientation:{default:"horizontal"},items:{default:()=>[]}},emits:["update:value","value-change"],setup(m,{emit:y}){const o=m,f=y,v=(0,t.ref)(o.defaultValue),u=(0,t.computed)(()=>o.value===void 0?v.value:o.value);let s=!0,i=0,n=0,c=0;function a(e){e!==u.value&&(o.value===void 0&&(v.value=e),window.clearTimeout(c),e!==null?s=!1:c=window.setTimeout(()=>{s=!0},o.skipDelayDuration),f("update:value",e),f("value-change",e))}(0,t.onBeforeUnmount)(()=>{window.clearTimeout(i),window.clearTimeout(n),window.clearTimeout(c)});function _(e){window.clearTimeout(n),window.clearTimeout(i),s?i=window.setTimeout(()=>a(e),o.delayDuration):a(e)}function w(){window.clearTimeout(i),window.clearTimeout(n),n=window.setTimeout(()=>a(null),o.closeDelayDuration)}function k(){window.clearTimeout(n)}function D(e){window.clearTimeout(i),window.clearTimeout(n),a(e)}function p(){window.clearTimeout(i),window.clearTimeout(n),a(null)}function h(){o.closeOnSelect&&p()}const g=(0,t.useTemplateRef)("rootEl");return(0,t.watchPostEffect)(()=>{const e=g.value;if(!e||u.value===null)return;const d=e.querySelector('[data-skdx-nav-trigger][data-state="open"]');if(!d)return;const l=e.getBoundingClientRect(),r=d.getBoundingClientRect(),T=o.orientation==="horizontal",C=T?r.left-l.left:r.top-l.top,E=T?r.width:r.height;e.style.setProperty("--skdx-navigation-menu-indicator-offset",`${C}px`),e.style.setProperty("--skdx-navigation-menu-indicator-size",`${E}px`)}),(0,t.provide)(S.NAVIGATION_MENU_CONTEXT,{value:u,orientation:(0,t.computed)(()=>o.orientation),onTriggerEnter:_,onTriggerLeave:w,onContentEnter:k,onContentLeave:w,onItemSelect:D,onClose:p,onLinkSelect:h}),(e,d)=>((0,t.openBlock)(),(0,t.createElementBlock)("nav",{ref_key:"rootEl",ref:g,class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","data-orientation":m.orientation},[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(B.default,{items:o.items},(0,t.createSlots)({_:2},[e.$slots.item?{name:"item",fn:(0,t.withCtx)(l=>[(0,t.renderSlot)(e.$slots,"item",(0,t.normalizeProps)((0,t.guardReactiveProps)(l)))]),key:"0"}:void 0]),1032,["items"])])],8,N))}});exports.default=z;

package/dist/navigation-menu/NavigationMenu.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{NAVIGATION_MENU_CONTEXT as e}from"./context.js";import t from"./NavigationMenuAnatomy.vue.js";import{computed as o,createElementBlock as a,createSlots as n,createVNode as i,defineComponent as l,guardReactiveProps as u,normalizeProps as r,onBeforeUnmount as s,openBlock as d,provide as c,ref as m,renderSlot as f,useTemplateRef as w,watchPostEffect as v,withCtx as p}from"vue";var T=["data-orientation"],g=/* @__PURE__ */l({__name:"NavigationMenu",props:{value:{default:void 0},defaultValue:{default:null},delayDuration:{default:200},skipDelayDuration:{default:300},closeDelayDuration:{default:150},closeOnSelect:{type:Boolean,default:!0},orientation:{default:"horizontal"},items:{default:()=>[]}},emits:["update:value","value-change"],setup(l,{emit:g}){const y=l,k=g,x=m(y.defaultValue),D=o(()=>void 0===y.value?x.value:y.value);let h=!0,C=0,E=0,N=0;function S(e){void 0===y.value&&(x.value=e),window.clearTimeout(N),null!==e?h=!1:N=window.setTimeout(()=>{h=!0},y.skipDelayDuration),k("update:value",e),k("value-change",e)}function B(){window.clearTimeout(C),window.clearTimeout(E),E=window.setTimeout(()=>S(null),y.closeDelayDuration)}function _(){window.clearTimeout(C),window.clearTimeout(E),S(null)}s(()=>{window.clearTimeout(C),window.clearTimeout(E),window.clearTimeout(N)});const P=w("rootEl");return v(()=>{const e=P.value;if(!e||null===D.value)return;const t=e.querySelector('[data-skdx-nav-trigger][data-state="open"]');if(!t)return;const o=e.getBoundingClientRect(),a=t.getBoundingClientRect(),n="horizontal"===y.orientation,i=n?a.left-o.left:a.top-o.top,l=n?a.width:a.height;e.style.setProperty("--skdx-navigation-menu-indicator-offset",`${i}px`),e.style.setProperty("--skdx-navigation-menu-indicator-size",`${l}px`)}),c(e,{value:D,orientation:o(()=>y.orientation),onTriggerEnter:function(e){window.clearTimeout(E),window.clearTimeout(C),h?C=window.setTimeout(()=>S(e),y.delayDuration):S(e)},onTriggerLeave:B,onContentEnter:function(){window.clearTimeout(E)},onContentLeave:B,onItemSelect:function(e){window.clearTimeout(C),window.clearTimeout(E),S(e)},onClose:_,onLinkSelect:function(){y.closeOnSelect&&_()}}),(e,o)=>(d(),a("nav",{ref_key:"rootEl",ref:P,class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","data-orientation":l.orientation},[f(e.$slots,"default",{},()=>[i(t,{items:l.items},n({_:2},[e.$slots.item?{name:"item",fn:p(t=>[f(e.$slots,"item",r(u(t)))]),key:"0"}:void 0]),1032,["items"])])],8,T))}});export{g as default};
+import{NAVIGATION_MENU_CONTEXT as e}from"./context.js";import t from"./NavigationMenuAnatomy.vue.js";import{computed as o,createElementBlock as a,createSlots as n,createVNode as i,defineComponent as l,guardReactiveProps as u,normalizeProps as r,onBeforeUnmount as s,openBlock as d,provide as c,ref as m,renderSlot as f,useTemplateRef as w,watchPostEffect as v,withCtx as p}from"vue";var T=["data-orientation"],g=/* @__PURE__ */l({__name:"NavigationMenu",props:{value:{},defaultValue:{default:null},delayDuration:{default:200},skipDelayDuration:{default:300},closeDelayDuration:{default:150},closeOnSelect:{type:Boolean,default:!0},orientation:{default:"horizontal"},items:{default:()=>[]}},emits:["update:value","value-change"],setup(l,{emit:g}){const y=l,k=g,x=m(y.defaultValue),D=o(()=>void 0===y.value?x.value:y.value);let h=!0,C=0,E=0,N=0;function S(e){e!==D.value&&(void 0===y.value&&(x.value=e),window.clearTimeout(N),null!==e?h=!1:N=window.setTimeout(()=>{h=!0},y.skipDelayDuration),k("update:value",e),k("value-change",e))}function B(){window.clearTimeout(C),window.clearTimeout(E),E=window.setTimeout(()=>S(null),y.closeDelayDuration)}function _(){window.clearTimeout(C),window.clearTimeout(E),S(null)}s(()=>{window.clearTimeout(C),window.clearTimeout(E),window.clearTimeout(N)});const P=w("rootEl");return v(()=>{const e=P.value;if(!e||null===D.value)return;const t=e.querySelector('[data-skdx-nav-trigger][data-state="open"]');if(!t)return;const o=e.getBoundingClientRect(),a=t.getBoundingClientRect(),n="horizontal"===y.orientation,i=n?a.left-o.left:a.top-o.top,l=n?a.width:a.height;e.style.setProperty("--skdx-navigation-menu-indicator-offset",`${i}px`),e.style.setProperty("--skdx-navigation-menu-indicator-size",`${l}px`)}),c(e,{value:D,orientation:o(()=>y.orientation),onTriggerEnter:function(e){window.clearTimeout(E),window.clearTimeout(C),h?C=window.setTimeout(()=>S(e),y.delayDuration):S(e)},onTriggerLeave:B,onContentEnter:function(){window.clearTimeout(E)},onContentLeave:B,onItemSelect:function(e){window.clearTimeout(C),window.clearTimeout(E),S(e)},onClose:_,onLinkSelect:function(){y.closeOnSelect&&_()}}),(e,o)=>(d(),a("nav",{ref_key:"rootEl",ref:P,class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","data-orientation":l.orientation},[f(e.$slots,"default",{},()=>[i(t,{items:y.items},n({_:2},[e.$slots.item?{name:"item",fn:p(t=>[f(e.$slots,"item",r(u(t)))]),key:"0"}:void 0]),1032,["items"])])],8,T))}});export{g as default};

package/dist/navigation-menu/NavigationMenuAnatomy.vue.d.cts

@@ -1,34 +1,12 @@
 import type { NavigationMenuItem } from './types.cjs';
-/**
- * Anatomy when default slot empty: list of entries (links or trigger+panel).
- * React port's `NavigationMenuAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal Renders the recipe's default anatomy: a list of entries, either links or trigger/panel pairs. */
 type __VLS_Props = {
     items: NavigationMenuItem[];
 };
-declare var __VLS_13: {
-    item: {
-        label: string;
-        value?: string;
-        items: {
-            label: string;
-            href: string;
-            active?: boolean;
-        }[];
-    };
-}, __VLS_21: {
-    item: {
-        label: string;
-        href: string;
-        active?: boolean;
-        value?: string;
-    };
-};
-type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_13) => any;
-} & {
-    item?: (props: typeof __VLS_21) => any;
+type __VLS_Slots = {
+    item?(props: {
+        item: NavigationMenuItem;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/navigation-menu/NavigationMenuAnatomy.vue.d.ts

@@ -1,34 +1,12 @@
 import type { NavigationMenuItem } from './types.js';
-/**
- * Anatomy when default slot empty: list of entries (links or trigger+panel).
- * React port's `NavigationMenuAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal Renders the recipe's default anatomy: a list of entries, either links or trigger/panel pairs. */
 type __VLS_Props = {
     items: NavigationMenuItem[];
 };
-declare var __VLS_13: {
-    item: {
-        label: string;
-        value?: string;
-        items: {
-            label: string;
-            href: string;
-            active?: boolean;
-        }[];
-    };
-}, __VLS_21: {
-    item: {
-        label: string;
-        href: string;
-        active?: boolean;
-        value?: string;
-    };
-};
-type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_13) => any;
-} & {
-    item?: (props: typeof __VLS_21) => any;
+type __VLS_Slots = {
+    item?(props: {
+        item: NavigationMenuItem;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/navigation-menu/NavigationMenuAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./NavigationMenuContent.vue.cjs"),c=require("./NavigationMenuIndicator.vue.cjs"),d=require("./NavigationMenuItem.vue.cjs"),l=require("./NavigationMenuLink.vue.cjs"),s=require("./NavigationMenuList.vue.cjs"),f=require("./NavigationMenuTrigger.vue.cjs");let e=require("vue");var v=(0,e.defineComponent)({__name:"NavigationMenuAnatomy",props:{items:{}},setup(u){const o=r=>"items"in r;return(r,_)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(s.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(u.items,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:t.value??n,value:t.value??String(n)},{default:(0,e.withCtx)(()=>[o(t)?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024),(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"item",{item:t},()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,a=>((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:a.href,href:a.href,active:a.active},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)]),_:2},1032,["href","active"]))),128))])]),_:2},1024)],64)):((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:1,href:t.href,active:t.active},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"item",{item:t},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:2},1032,["href","active"]))]),_:2},1032,["value"]))),128))]),_:3}),(0,e.createVNode)(c.default)],64))}});exports.default=v;
+const i=require("./NavigationMenuContent.vue.cjs"),c=require("./NavigationMenuIndicator.vue.cjs"),d=require("./NavigationMenuItem.vue.cjs"),n=require("./NavigationMenuLink.vue.cjs"),s=require("./NavigationMenuList.vue.cjs"),v=require("./NavigationMenuTrigger.vue.cjs");let e=require("vue");var f=(0,e.defineComponent)({__name:"NavigationMenuAnatomy",props:{items:{}},setup(u){const o=r=>"items"in r;return(r,_)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(s.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(u.items,(t,l)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:t.value??l,value:t.value??String(l),"data-value":t.value??String(l)},{default:(0,e.withCtx)(()=>[o(t)?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createVNode)(v.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024),(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"item",{item:t},()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,a=>((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:a.href,href:a.href,active:a.active},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)]),_:2},1032,["href","active"]))),128))])]),_:2},1024)],64)):((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:1,href:t.href,active:t.active},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"item",{item:t},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:2},1032,["href","active"]))]),_:2},1032,["value","data-value"]))),128))]),_:3}),(0,e.createVNode)(c.default)],64))}});exports.default=f;

package/dist/navigation-menu/NavigationMenuAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./NavigationMenuContent.vue.js";import t from"./NavigationMenuIndicator.vue.js";import a from"./NavigationMenuItem.vue.js";import i from"./NavigationMenuLink.vue.js";import r from"./NavigationMenuList.vue.js";import n from"./NavigationMenuTrigger.vue.js";import{Fragment as o,createBlock as l,createElementBlock as u,createTextVNode as s,createVNode as m,defineComponent as v,openBlock as f,renderList as c,renderSlot as p,toDisplayString as d,withCtx as g}from"vue";var N=/* @__PURE__ */v({__name:"NavigationMenuAnatomy",props:{items:{}},setup(v){const N=e=>"items"in e;return(h,k)=>(f(),u(o,null,[m(r,null,{default:g(()=>[(f(!0),u(o,null,c(v.items,(t,r)=>(f(),l(a,{key:t.value??r,value:t.value??String(r)},{default:g(()=>[N(t)?(f(),u(o,{key:0},[m(n,null,{default:g(()=>[s(d(t.label),1)]),_:2},1024),m(e,null,{default:g(()=>[p(h.$slots,"item",{item:t},()=>[(f(!0),u(o,null,c(t.items,e=>(f(),l(i,{key:e.href,href:e.href,active:e.active},{default:g(()=>[s(d(e.label),1)]),_:2},1032,["href","active"]))),128))])]),_:2},1024)],64)):(f(),l(i,{key:1,href:t.href,active:t.active},{default:g(()=>[p(h.$slots,"item",{item:t},()=>[s(d(t.label),1)])]),_:2},1032,["href","active"]))]),_:2},1032,["value"]))),128))]),_:3}),m(t)],64))}});export{N as default};
+import e from"./NavigationMenuContent.vue.js";import t from"./NavigationMenuIndicator.vue.js";import a from"./NavigationMenuItem.vue.js";import i from"./NavigationMenuLink.vue.js";import r from"./NavigationMenuList.vue.js";import l from"./NavigationMenuTrigger.vue.js";import{Fragment as n,createBlock as o,createElementBlock as u,createTextVNode as s,createVNode as m,defineComponent as v,openBlock as f,renderList as c,renderSlot as d,toDisplayString as p,withCtx as g}from"vue";var N=/* @__PURE__ */v({__name:"NavigationMenuAnatomy",props:{items:{}},setup(v){const N=e=>"items"in e;return(h,k)=>(f(),u(n,null,[m(r,null,{default:g(()=>[(f(!0),u(n,null,c(v.items,(t,r)=>(f(),o(a,{key:t.value??r,value:t.value??String(r),"data-value":t.value??String(r)},{default:g(()=>[N(t)?(f(),u(n,{key:0},[m(l,null,{default:g(()=>[s(p(t.label),1)]),_:2},1024),m(e,null,{default:g(()=>[d(h.$slots,"item",{item:t},()=>[(f(!0),u(n,null,c(t.items,e=>(f(),o(i,{key:e.href,href:e.href,active:e.active},{default:g(()=>[s(p(e.label),1)]),_:2},1032,["href","active"]))),128))])]),_:2},1024)],64)):(f(),o(i,{key:1,href:t.href,active:t.active},{default:g(()=>[d(h.$slots,"item",{item:t},()=>[s(p(t.label),1)])]),_:2},1032,["href","active"]))]),_:2},1032,["value","data-value"]))),128))]),_:3}),m(t)],64))}});export{N as default};

package/dist/navigation-menu/NavigationMenuContent.vue.d.cts

@@ -1,10 +1,4 @@
-/**
- * Content panel revealed by `SkdxNavigationMenuTrigger`, renders `<div
- * role="region">` with `data-state`. Unmounted (unless forceMount) while
- * closed. Pointer-enter/leave manage root close timer. Escape closes and
- * refocuses trigger. Dismisses on outside pointerdown or focus exiting both
- * trigger and panel.
- */
+/** Renders `<div role="region">` with `data-state`, the content panel revealed by `SkdxNavigationMenuTrigger`. */
 type __VLS_Props = {
     /** Keep this panel mounted even while inactive, instead of unmounting it. */
     forceMount?: boolean;

package/dist/navigation-menu/NavigationMenuContent.vue.d.ts

@@ -1,10 +1,4 @@
-/**
- * Content panel revealed by `SkdxNavigationMenuTrigger`, renders `<div
- * role="region">` with `data-state`. Unmounted (unless forceMount) while
- * closed. Pointer-enter/leave manage root close timer. Escape closes and
- * refocuses trigger. Dismisses on outside pointerdown or focus exiting both
- * trigger and panel.
- */
+/** Renders `<div role="region">` with `data-state`, the content panel revealed by `SkdxNavigationMenuTrigger`. */
 type __VLS_Props = {
     /** Keep this panel mounted even while inactive, instead of unmounting it. */
     forceMount?: boolean;

package/dist/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const f=require("./context.cjs");let e=require("vue");var m=["id","aria-labelledby","data-state"],E=(0,e.defineComponent)({__name:"NavigationMenuContent",props:{forceMount:{type:Boolean,default:!1}},setup(v){const o=(0,e.inject)(f.NAVIGATION_MENU_CONTEXT),r=(0,e.inject)(f.NAVIGATION_MENU_ITEM_CONTEXT);if(!o||!r)throw new Error("<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>.");const u=(0,e.computed)(()=>o.value.value===r.value),a=(0,e.ref)(null);function d(n){if(!n)return!1;const t=document.getElementById(r.triggerId);return!a.value?.contains(n)&&!t?.contains(n)}function s(n){u.value&&d(n.target)&&o.onClose()}function c(n){if(!u.value)return;const t=n.target;!t||t===document.body||d(t)&&o.onClose()}function l(n){!u.value||n.key!=="Escape"||(o.onClose(),document.getElementById(r.triggerId)?.focus())}return typeof document<"u"&&(document.addEventListener("pointerdown",s),document.addEventListener("focusin",c),document.addEventListener("keydown",l),(0,e.onBeforeUnmount)(()=>{document.removeEventListener("pointerdown",s),document.removeEventListener("focusin",c),document.removeEventListener("keydown",l)})),(n,t)=>v.forceMount||u.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-navigation-menu__content","data-part":"content",ref_key:"contentRef",ref:a,role:"region",id:(0,e.unref)(r).contentId,"aria-labelledby":(0,e.unref)(r).triggerId,"data-state":u.value?"open":"closed",onPointerenter:t[0]||(t[0]=(...i)=>(0,e.unref)(o).onContentEnter&&(0,e.unref)(o).onContentEnter(...i)),onPointerleave:t[1]||(t[1]=(...i)=>(0,e.unref)(o).onContentLeave&&(0,e.unref)(o).onContentLeave(...i))},[(0,e.renderSlot)(n.$slots,"default")],40,m)):(0,e.createCommentVNode)("",!0)}});exports.default=E;
+const a=require("../utils/injectRequired.cjs"),c=require("../utils/useDismiss.cjs"),s=require("./context.cjs");let e=require("vue");var v=["id","aria-labelledby","data-state"],f=(0,e.defineComponent)({__name:"NavigationMenuContent",props:{forceMount:{type:Boolean,default:!1}},setup(d){const n=a.injectRequired(s.NAVIGATION_MENU_CONTEXT,"<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>."),t=a.injectRequired(s.NAVIGATION_MENU_ITEM_CONTEXT,"<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>."),r=(0,e.computed)(()=>n.value.value===t.value),i=(0,e.ref)(null);return c.useDismiss({enabled:r,onEscapeKeyDown:()=>{n.onClose(),document.getElementById(t.triggerId)?.focus()},onPointerDownOutside:n.onClose,onFocusOutside:n.onClose},[i,{get value(){return document.getElementById(t.triggerId)}}]),(l,o)=>d.forceMount||r.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,id:(0,e.unref)(t).contentId,ref_key:"contentRef",ref:i,class:"skdx-navigation-menu__content","data-part":"content",role:"region","aria-labelledby":(0,e.unref)(t).triggerId,"data-state":r.value?"open":"closed",onPointerenter:o[0]||(o[0]=(...u)=>(0,e.unref)(n).onContentEnter&&(0,e.unref)(n).onContentEnter(...u)),onPointerleave:o[1]||(o[1]=(...u)=>(0,e.unref)(n).onContentLeave&&(0,e.unref)(n).onContentLeave(...u))},[(0,e.renderSlot)(l.$slots,"default")],40,v)):(0,e.createCommentVNode)("",!0)}});exports.default=f;

package/dist/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{NAVIGATION_MENU_CONTEXT as e,NAVIGATION_MENU_ITEM_CONTEXT as n}from"./context.js";import{computed as t,createCommentVNode as o,createElementBlock as a,defineComponent as r,inject as d,onBeforeUnmount as u,openBlock as s,ref as i,renderSlot as c,unref as l}from"vue";var m=["id","aria-labelledby","data-state"],v=/* @__PURE__ */r({__name:"NavigationMenuContent",props:{forceMount:{type:Boolean,default:!1}},setup(r){const v=d(e),f=d(n);if(!v||!f)throw new Error("<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>.");const E=t(()=>v.value.value===f.value),p=i(null);function g(e){if(!e)return!1;const n=document.getElementById(f.triggerId);return!p.value?.contains(e)&&!n?.contains(e)}function C(e){E.value&&g(e.target)&&v.onClose()}function y(e){if(!E.value)return;const n=e.target;!n||n===document.body||g(n)&&v.onClose()}function I(e){!E.value||"Escape"!==e.key||(v.onClose(),document.getElementById(f.triggerId)?.focus())}return typeof document<"u"&&(document.addEventListener("pointerdown",C),document.addEventListener("focusin",y),document.addEventListener("keydown",I),u(()=>{document.removeEventListener("pointerdown",C),document.removeEventListener("focusin",y),document.removeEventListener("keydown",I)})),(e,n)=>r.forceMount||E.value?(s(),a("div",{key:0,class:"skdx-navigation-menu__content","data-part":"content",ref_key:"contentRef",ref:p,role:"region",id:l(f).contentId,"aria-labelledby":l(f).triggerId,"data-state":E.value?"open":"closed",onPointerenter:n[0]||(n[0]=(...e)=>l(v).onContentEnter&&l(v).onContentEnter(...e)),onPointerleave:n[1]||(n[1]=(...e)=>l(v).onContentLeave&&l(v).onContentLeave(...e))},[c(e.$slots,"default")],40,m)):o("",!0)}});export{v as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{useDismiss as t}from"../utils/useDismiss.js";import{NAVIGATION_MENU_CONTEXT as n,NAVIGATION_MENU_ITEM_CONTEXT as o}from"./context.js";import{computed as a,createCommentVNode as s,createElementBlock as i,defineComponent as r,openBlock as u,ref as d,renderSlot as l,unref as m}from"vue";var c=["id","aria-labelledby","data-state"],v=/* @__PURE__ */r({__name:"NavigationMenuContent",props:{forceMount:{type:Boolean,default:!1}},setup(r){const v=e(n,"<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>."),f=e(o,"<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>."),g=a(()=>v.value.value===f.value),p=d(null);return t({enabled:g,onEscapeKeyDown:()=>{v.onClose(),document.getElementById(f.triggerId)?.focus()},onPointerDownOutside:v.onClose,onFocusOutside:v.onClose},[p,{get value(){return document.getElementById(f.triggerId)}}]),(e,t)=>r.forceMount||g.value?(u(),i("div",{key:0,id:m(f).contentId,ref_key:"contentRef",ref:p,class:"skdx-navigation-menu__content","data-part":"content",role:"region","aria-labelledby":m(f).triggerId,"data-state":g.value?"open":"closed",onPointerenter:t[0]||(t[0]=(...e)=>m(v).onContentEnter&&m(v).onContentEnter(...e)),onPointerleave:t[1]||(t[1]=(...e)=>m(v).onContentLeave&&m(v).onContentLeave(...e))},[l(e.$slots,"default")],40,c)):s("",!0)}});export{v as default};

package/dist/navigation-menu/NavigationMenuIndicator.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Visual pointer (arrow/caret) tracking open item: `data-state` visible/hidden,
- * unmounted while none open (unless `forceMount`). Consumer CSS positions it.
- */
+/** Renders a visual pointer (arrow/caret) tracking the open item, exposed as `data-state` visible/hidden. */
 type __VLS_Props = {
     /** Keep this indicator mounted even while no item is open, instead of unmounting it. */
     forceMount?: boolean;

package/dist/navigation-menu/NavigationMenuIndicator.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Visual pointer (arrow/caret) tracking open item: `data-state` visible/hidden,
- * unmounted while none open (unless `forceMount`). Consumer CSS positions it.
- */
+/** Renders a visual pointer (arrow/caret) tracking the open item, exposed as `data-state` visible/hidden. */
 type __VLS_Props = {
     /** Keep this indicator mounted even while no item is open, instead of unmounting it. */
     forceMount?: boolean;

package/dist/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var i=["data-state"],u=(0,e.defineComponent)({__name:"NavigationMenuIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(n){const t=(0,e.inject)(o.NAVIGATION_MENU_CONTEXT);if(!t)throw new Error("<SkdxNavigationMenuIndicator> must be used inside <SkdxNavigationMenu>.");const a=(0,e.computed)(()=>t.value.value!==null);return(r,c)=>n.forceMount||a.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-navigation-menu__indicator","data-part":"indicator","data-state":a.value?"visible":"hidden"},null,8,i)):(0,e.createCommentVNode)("",!0)}});exports.default=u;
+const i=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var o=["data-state"],r=(0,e.defineComponent)({__name:"NavigationMenuIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(n){const a=i.injectRequired(u.NAVIGATION_MENU_CONTEXT,"<SkdxNavigationMenuIndicator> must be used inside <SkdxNavigationMenu>."),t=(0,e.computed)(()=>a.value.value!==null);return(c,d)=>n.forceMount||t.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-navigation-menu__indicator","data-part":"indicator","data-state":t.value?"visible":"hidden"},null,8,o)):(0,e.createCommentVNode)("",!0)}});exports.default=r;

package/dist/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{NAVIGATION_MENU_CONTEXT as e}from"./context.js";import{computed as a,createCommentVNode as t,createElementBlock as n,defineComponent as o,inject as i,openBlock as r}from"vue";var s=["data-state"],d=/* @__PURE__ */o({__name:"NavigationMenuIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(o){const d=i(e);if(!d)throw new Error("<SkdxNavigationMenuIndicator> must be used inside <SkdxNavigationMenu>.");const u=a(()=>null!==d.value.value);return(e,a)=>o.forceMount||u.value?(r(),n("div",{key:0,class:"skdx-navigation-menu__indicator","data-part":"indicator","data-state":u.value?"visible":"hidden"},null,8,s)):t("",!0)}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{NAVIGATION_MENU_CONTEXT as a}from"./context.js";import{computed as t,createCommentVNode as n,createElementBlock as o,defineComponent as i,openBlock as s}from"vue";var u=["data-state"],d=/* @__PURE__ */i({__name:"NavigationMenuIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(i){const d=e(a,"<SkdxNavigationMenuIndicator> must be used inside <SkdxNavigationMenu>."),r=t(()=>null!==d.value.value);return(e,a)=>i.forceMount||r.value?(s(),o("div",{key:0,class:"skdx-navigation-menu__indicator","data-part":"indicator","data-state":r.value?"visible":"hidden"},null,8,u)):n("",!0)}});export{d as default};

package/dist/navigation-menu/NavigationMenuLink.vue.d.cts

@@ -1,23 +1,23 @@
-/**
- * Link for menu items or panels (marked `data-skdx-nav-trigger` for roving focus).
- * When `active`, sets `data-active` and `aria-current="page"`. Closes menu on click.
- */
+/** Renders a link for menu items or panels, marked `data-skdx-nav-trigger` for roving focus. */
 type __VLS_Props = {
     /** Marks this link as representing the current page (sets `data-active` and `aria-current="page"`). */
-    active?: boolean;
+    active?: boolean | undefined;
+    /** Destination URL the anchor navigates to. */
+    href?: string | undefined;
     /** Browsing context for the link, forwarded to the anchor unchanged. */
-    target?: string;
+    target?: string | undefined;
     /** Relationship of the target to the document; defaults to a reverse-tabnabbing guard. */
-    rel?: string;
+    rel?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    target: string;
-    active: boolean;
-    rel: string;
+    target: string | undefined;
+    active: boolean | undefined;
+    href: string | undefined;
+    rel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/navigation-menu/NavigationMenuLink.vue.d.ts

@@ -1,23 +1,23 @@
-/**
- * Link for menu items or panels (marked `data-skdx-nav-trigger` for roving focus).
- * When `active`, sets `data-active` and `aria-current="page"`. Closes menu on click.
- */
+/** Renders a link for menu items or panels, marked `data-skdx-nav-trigger` for roving focus. */
 type __VLS_Props = {
     /** Marks this link as representing the current page (sets `data-active` and `aria-current="page"`). */
-    active?: boolean;
+    active?: boolean | undefined;
+    /** Destination URL the anchor navigates to. */
+    href?: string | undefined;
     /** Browsing context for the link, forwarded to the anchor unchanged. */
-    target?: string;
+    target?: string | undefined;
     /** Relationship of the target to the document; defaults to a reverse-tabnabbing guard. */
-    rel?: string;
+    rel?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    target: string;
-    active: boolean;
-    rel: string;
+    target: string | undefined;
+    active: boolean | undefined;
+    href: string | undefined;
+    rel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/navigation-menu/NavigationMenuLink.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("../utils/resolveRel.cjs"),d=require("./context.cjs");let e=require("vue");var v=["data-active","aria-current","target","rel"],c=(0,e.defineComponent)({__name:"NavigationMenuLink",props:{active:{type:Boolean,default:!1},target:{default:void 0},rel:{default:void 0}},setup(t){const n=t,i=(0,e.computed)(()=>u.resolveRel(n.target,n.rel)),a=(0,e.inject)(d.NAVIGATION_MENU_CONTEXT);if(!a)throw new Error("<SkdxNavigationMenuLink> must be used inside <SkdxNavigationMenu>.");return(o,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("a",{class:"skdx-navigation-menu__link","data-part":"link","data-skdx-nav-trigger":"","data-active":t.active?"":void 0,"aria-current":t.active?"page":void 0,target:t.target,rel:i.value,onClick:r[0]||(r[0]=(...l)=>(0,e.unref)(a).onLinkSelect&&(0,e.unref)(a).onLinkSelect(...l))},[(0,e.renderSlot)(o.$slots,"default")],8,v))}});exports.default=c;
+const o=require("../utils/injectRequired.cjs"),d=require("../utils/resolveRel.cjs"),v=require("./context.cjs");let e=require("vue");var c=["href","data-active","aria-current","target","rel"],s=(0,e.defineComponent)({__name:"NavigationMenuLink",props:{active:{type:Boolean,default:!1},href:{default:void 0},target:{default:void 0},rel:{default:void 0}},setup(t){const r=t,i=(0,e.computed)(()=>d.resolveRel(r.target,r.rel)),a=o.injectRequired(v.NAVIGATION_MENU_CONTEXT,"<SkdxNavigationMenuLink> must be used inside <SkdxNavigationMenu>.");return(u,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("a",{class:"skdx-navigation-menu__link","data-part":"link","data-skdx-nav-trigger":"",href:t.href,"data-active":t.active?"":void 0,"aria-current":t.active?"page":void 0,target:t.target,rel:i.value,onClick:n[0]||(n[0]=(...l)=>(0,e.unref)(a).onLinkSelect&&(0,e.unref)(a).onLinkSelect(...l))},[(0,e.renderSlot)(u.$slots,"default")],8,c))}});exports.default=s;