@skdx/vue 0.26.0 → 0.28.0

package/dist/multi-select/primitives.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Advanced primitives for custom `SkdxMultiSelect` layouts. Recipe built from
+ * these.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxMultiSelect, SkdxMultiSelectContent, SkdxMultiSelectInput, SkdxMultiSelectItem, SkdxMultiSelectList, SkdxMultiSelectPortal, SkdxMultiSelectTag, SkdxMultiSelectTagList, SkdxMultiSelectTagRemove } from '@skdx/vue/primitives/multi-select';
+ * </script>
+ *
+ * <template>
+ *   <SkdxMultiSelect v-model:value="value">
+ *     <SkdxMultiSelectTagList aria-label="Skills">
+ *       <SkdxMultiSelectTag v-for="v in value" :key="v" :value="v">
+ *         {{ v }}
+ *         <SkdxMultiSelectTagRemove />
+ *       </SkdxMultiSelectTag>
+ *     </SkdxMultiSelectTagList>
+ *     <SkdxMultiSelectInput aria-label="Skills" />
+ *     <SkdxMultiSelectPortal>
+ *       <SkdxMultiSelectContent>
+ *         <SkdxMultiSelectList>
+ *           <SkdxMultiSelectItem value="react">React</SkdxMultiSelectItem>
+ *         </SkdxMultiSelectList>
+ *       </SkdxMultiSelectContent>
+ *     </SkdxMultiSelectPortal>
+ *   </SkdxMultiSelect>
+ * </template>
+ * ```
+ */
+export { default as SkdxMultiSelect } from './MultiSelect.vue.js';
+export { default as SkdxMultiSelectClear } from './MultiSelectClear.vue.js';
+export { default as SkdxMultiSelectContent } from './MultiSelectContent.vue.js';
+export { default as SkdxMultiSelectEmpty } from './MultiSelectEmpty.vue.js';
+export { default as SkdxMultiSelectGroup } from './MultiSelectGroup.vue.js';
+export { default as SkdxMultiSelectGroupLabel } from './MultiSelectGroupLabel.vue.js';
+export { default as SkdxMultiSelectInput } from './MultiSelectInput.vue.js';
+export { default as SkdxMultiSelectItem } from './MultiSelectItem.vue.js';
+export { default as SkdxMultiSelectList } from './MultiSelectList.vue.js';
+export { default as SkdxMultiSelectPortal } from './MultiSelectPortal.vue.js';
+export { default as SkdxMultiSelectTag } from './MultiSelectTag.vue.js';
+export { default as SkdxMultiSelectTagList } from './MultiSelectTagList.vue.js';
+export { default as SkdxMultiSelectTagRemove } from './MultiSelectTagRemove.vue.js';

package/dist/multi-select/primitives.js

@@ -0,0 +1 @@
+import t from"./MultiSelectClear.vue.js";import e from"./MultiSelectContent.vue.js";import l from"./MultiSelectEmpty.vue.js";import u from"./MultiSelectGroup.vue.js";import i from"./MultiSelectGroupLabel.vue.js";import S from"./MultiSelectInput.vue.js";import o from"./MultiSelectItem.vue.js";import r from"./MultiSelectList.vue.js";import m from"./MultiSelectPortal.vue.js";import s from"./MultiSelectTag.vue.js";import c from"./MultiSelectTagList.vue.js";import M from"./MultiSelectTagRemove.vue.js";import a from"./MultiSelect.vue.js";export{a as SkdxMultiSelect,t as SkdxMultiSelectClear,e as SkdxMultiSelectContent,l as SkdxMultiSelectEmpty,u as SkdxMultiSelectGroup,i as SkdxMultiSelectGroupLabel,S as SkdxMultiSelectInput,o as SkdxMultiSelectItem,r as SkdxMultiSelectList,m as SkdxMultiSelectPortal,s as SkdxMultiSelectTag,c as SkdxMultiSelectTagList,M as SkdxMultiSelectTagRemove};

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

@@ -1,40 +1,65 @@
+import type { NavigationMenuItem } from './types.cjs';
 /**
- * The Vue implementation of the shared NavigationMenu contract (see
- * `@skdx/shared`'s `navigationMenuContract`). Owns which item's content is
- * open and `provide()`s hover-intent timers to `SkdxNavigationMenuItem` /
- * `SkdxNavigationMenuTrigger` / `SkdxNavigationMenuContent`. Renders `<nav>`
- * labelled "Main" by default (overridable via attribute fallthrough).
- *
- * Opening a trigger is delayed by `delayDuration` on first hover, but once
- * one item is open, moving to a sibling trigger within `skipDelayDuration`
- * of closing switches instantly. Works controlled (`v-model:value`) or
- * uncontrolled (`default-value`).
+ * 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.
  */
 type __VLS_Props = {
-    /** Value of the currently open item, for controlled usage via `v-model:value`. */
-    value?: string;
-    /** Initially open item's value, for uncontrolled usage. */
-    defaultValue?: string;
+    /**
+     * 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. */
+    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).
+     */
+    closeDelayDuration?: number;
+    /**
+     * 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.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * 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;
+    };
 };
-declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:value": (value: string) => any;
-    "value-change": (value: string) => any;
+    "update:value": (value: string | null) => any;
+    "value-change": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string | null) => any) | undefined;
+    "onValue-change"?: ((value: string | null) => any) | undefined;
 }>, {
-    value: string;
-    defaultValue: string;
+    value: string | null;
+    defaultValue: string | null;
+    items: NavigationMenuItem[];
+    orientation: "horizontal" | "vertical";
+    closeOnSelect: boolean;
     delayDuration: number;
     skipDelayDuration: number;
+    closeDelayDuration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,40 +1,65 @@
+import type { NavigationMenuItem } from './types.js';
 /**
- * The Vue implementation of the shared NavigationMenu contract (see
- * `@skdx/shared`'s `navigationMenuContract`). Owns which item's content is
- * open and `provide()`s hover-intent timers to `SkdxNavigationMenuItem` /
- * `SkdxNavigationMenuTrigger` / `SkdxNavigationMenuContent`. Renders `<nav>`
- * labelled "Main" by default (overridable via attribute fallthrough).
- *
- * Opening a trigger is delayed by `delayDuration` on first hover, but once
- * one item is open, moving to a sibling trigger within `skipDelayDuration`
- * of closing switches instantly. Works controlled (`v-model:value`) or
- * uncontrolled (`default-value`).
+ * 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.
  */
 type __VLS_Props = {
-    /** Value of the currently open item, for controlled usage via `v-model:value`. */
-    value?: string;
-    /** Initially open item's value, for uncontrolled usage. */
-    defaultValue?: string;
+    /**
+     * 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. */
+    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).
+     */
+    closeDelayDuration?: number;
+    /**
+     * 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.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * 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;
+    };
 };
-declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:value": (value: string) => any;
-    "value-change": (value: string) => any;
+    "update:value": (value: string | null) => any;
+    "value-change": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string | null) => any) | undefined;
+    "onValue-change"?: ((value: string | null) => any) | undefined;
 }>, {
-    value: string;
-    defaultValue: string;
+    value: string | null;
+    defaultValue: string | null;
+    items: NavigationMenuItem[];
+    orientation: "horizontal" | "vertical";
+    closeOnSelect: boolean;
     delayDuration: number;
     skipDelayDuration: number;
+    closeDelayDuration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-const _=require("./context.cjs");let t=require("vue");var g={class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","aria-label":"Main"},D=150,C=(0,t.defineComponent)({__name:"NavigationMenu",props:{value:{default:void 0},defaultValue:{default:""},delayDuration:{default:200},skipDelayDuration:{default:300}},emits:["update:value","value-change"],setup(s,{emit:w}){const a=s,r=w,d=(0,t.ref)(a.defaultValue),m=(0,t.computed)(()=>a.value??d.value);let u=!0,n=0,o=0,l=0;function i(e){a.value===void 0&&(d.value=e),window.clearTimeout(l),e?u=!1:l=window.setTimeout(()=>{u=!0},a.skipDelayDuration),r("update:value",e),r("value-change",e)}(0,t.onBeforeUnmount)(()=>{window.clearTimeout(n),window.clearTimeout(o),window.clearTimeout(l)});function v(e){window.clearTimeout(o),window.clearTimeout(n),u?n=window.setTimeout(()=>i(e),a.delayDuration):i(e)}function c(){window.clearTimeout(n),window.clearTimeout(o),o=window.setTimeout(()=>i(""),D)}function T(){window.clearTimeout(o)}function f(e){window.clearTimeout(n),window.clearTimeout(o),i(e)}function p(){window.clearTimeout(n),window.clearTimeout(o),i("")}return(0,t.provide)(_.NAVIGATION_MENU_CONTEXT,{value:m,onTriggerEnter:v,onTriggerLeave:c,onContentEnter:T,onContentLeave:c,onItemSelect:f,onClose:p}),(e,k)=>((0,t.openBlock)(),(0,t.createElementBlock)("nav",g,[(0,t.renderSlot)(e.$slots,"default")]))}});exports.default=C;
+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;

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{computed as o,createElementBlock as a,defineComponent as t,onBeforeUnmount as n,openBlock as i,provide as u,ref as l,renderSlot as r}from"vue";var d={class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","aria-label":"Main"},w=/* @__PURE__ */t({__name:"NavigationMenu",props:{value:{default:void 0},defaultValue:{default:""},delayDuration:{default:200},skipDelayDuration:{default:300}},emits:["update:value","value-change"],setup(t,{emit:w}){const m=t,c=w,s=l(m.defaultValue),v=o(()=>m.value??s.value);let T=!0,f=0,p=0,g=0;function k(e){void 0===m.value&&(s.value=e),window.clearTimeout(g),e?T=!1:g=window.setTimeout(()=>{T=!0},m.skipDelayDuration),c("update:value",e),c("value-change",e)}function D(){window.clearTimeout(f),window.clearTimeout(p),p=window.setTimeout(()=>k(""),150)}return n(()=>{window.clearTimeout(f),window.clearTimeout(p),window.clearTimeout(g)}),u(e,{value:v,onTriggerEnter:function(e){window.clearTimeout(p),window.clearTimeout(f),T?f=window.setTimeout(()=>k(e),m.delayDuration):k(e)},onTriggerLeave:D,onContentEnter:function(){window.clearTimeout(p)},onContentLeave:D,onItemSelect:function(e){window.clearTimeout(f),window.clearTimeout(p),k(e)},onClose:function(){window.clearTimeout(f),window.clearTimeout(p),k("")}}),(e,o)=>(i(),a("nav",d,[r(e.$slots,"default")]))}});export{w 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:{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};

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

@@ -0,0 +1 @@
+const e=require("./NavigationMenuAnatomy.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

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

@@ -0,0 +1,40 @@
+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
+ */
+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;
+};
+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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,40 @@
+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
+ */
+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;
+};
+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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+import t from"./NavigationMenuAnatomy.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

@@ -1,13 +1,9 @@
 /**
- * Content panel revealed by a `SkdxNavigationMenuTrigger`: renders
- * `<div role="region">` labelled by the trigger's id, with `data-state`,
- * unmounted (unless `forceMount`) while closed. Pointer-enter cancels the
- * root's close timer, pointer-leave restarts it, and Escape closes the menu
- * and refocuses the trigger. Also dismisses on outside pointerdown — the
- * same `document`-level listener pattern used by
- * `packages/vue/src/select/SelectContent.vue`, covering keyboard focus
- * moving elsewhere and clicks that never crossed the trigger/content
- * boundary (so no pointerleave ever fired).
+ * 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.
  */
 type __VLS_Props = {
     /** Keep this panel mounted even while inactive, instead of unmounting it. */

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

@@ -1,13 +1,9 @@
 /**
- * Content panel revealed by a `SkdxNavigationMenuTrigger`: renders
- * `<div role="region">` labelled by the trigger's id, with `data-state`,
- * unmounted (unless `forceMount`) while closed. Pointer-enter cancels the
- * root's close timer, pointer-leave restarts it, and Escape closes the menu
- * and refocuses the trigger. Also dismisses on outside pointerdown — the
- * same `document`-level listener pattern used by
- * `packages/vue/src/select/SelectContent.vue`, covering keyboard focus
- * moving elsewhere and clicks that never crossed the trigger/content
- * boundary (so no pointerleave ever fired).
+ * 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.
  */
 type __VLS_Props = {
     /** Keep this panel mounted even while inactive, instead of unmounting it. */

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

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

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

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

@@ -1,8 +1,6 @@
 /**
- * Optional visual pointer (e.g. an arrow/caret) tracking whether any menu
- * item is open: renders `<div>` with `data-state` of "visible"/"hidden",
- * unmounted (unless `forceMount`) while no item is open. Sizing/positioning
- * it under the active trigger is left to consumer CSS.
+ * Visual pointer (arrow/caret) tracking open item: `data-state` visible/hidden,
+ * unmounted while none open (unless `forceMount`). Consumer CSS positions it.
  */
 type __VLS_Props = {
     /** Keep this indicator mounted even while no item is open, instead of unmounting it. */

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

@@ -1,8 +1,6 @@
 /**
- * Optional visual pointer (e.g. an arrow/caret) tracking whether any menu
- * item is open: renders `<div>` with `data-state` of "visible"/"hidden",
- * unmounted (unless `forceMount`) while no item is open. Sizing/positioning
- * it under the active trigger is left to consumer CSS.
+ * Visual pointer (arrow/caret) tracking open item: `data-state` visible/hidden,
+ * unmounted while none open (unless `forceMount`). Consumer CSS positions it.
  */
 type __VLS_Props = {
     /** Keep this indicator mounted even while no item is open, instead of unmounting it. */

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"],r=(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!=="");return(u,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=r;
+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;

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 o,defineComponent as n,inject as i,openBlock as r}from"vue";var s=["data-state"],d=/* @__PURE__ */n({__name:"NavigationMenuIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(n){const d=i(e);if(!d)throw new Error("<SkdxNavigationMenuIndicator> must be used inside <SkdxNavigationMenu>.");const u=a(()=>""!==d.value.value);return(e,a)=>n.forceMount||u.value?(r(),o("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{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};

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

@@ -1,7 +1,5 @@
 /**
- * A single `<li>` entry in the menu: generates the ids that link its
- * `SkdxNavigationMenuTrigger` and `SkdxNavigationMenuContent` together and
- * provides `value` to them via context.
+ * Single menu item: generates ids linking trigger/content, provides value via context.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the root's open `value`. */

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

@@ -1,7 +1,5 @@
 /**
- * A single `<li>` entry in the menu: generates the ids that link its
- * `SkdxNavigationMenuTrigger` and `SkdxNavigationMenuContent` together and
- * provides `value` to them via context.
+ * Single menu item: generates ids linking trigger/content, provides value via context.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the root's open `value`. */

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

@@ -1,19 +1,23 @@
 /**
- * A plain navigable `<a>` usable both inside a `SkdxNavigationMenuList` item
- * (marked `data-skdx-nav-trigger` so it joins roving focus) and inside a
- * `SkdxNavigationMenuContent` panel. When `active`, sets `data-active` and
- * `aria-current="page"`. Clicking it closes the open menu.
+ * 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.
  */
 type __VLS_Props = {
     /** Marks this link as representing the current page (sets `data-active` and `aria-current="page"`). */
     active?: boolean;
+    /** Browsing context for the link, forwarded to the anchor unchanged. */
+    target?: string;
+    /** Relationship of the target to the document; defaults to a reverse-tabnabbing guard. */
+    rel?: string;
 };
 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;
 }, {}, {}, {}, 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,19 +1,23 @@
 /**
- * A plain navigable `<a>` usable both inside a `SkdxNavigationMenuList` item
- * (marked `data-skdx-nav-trigger` so it joins roving focus) and inside a
- * `SkdxNavigationMenuContent` panel. When `active`, sets `data-active` and
- * `aria-current="page"`. Clicking it closes the open menu.
+ * 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.
  */
 type __VLS_Props = {
     /** Marks this link as representing the current page (sets `data-active` and `aria-current="page"`). */
     active?: boolean;
+    /** Browsing context for the link, forwarded to the anchor unchanged. */
+    target?: string;
+    /** Relationship of the target to the document; defaults to a reverse-tabnabbing guard. */
+    rel?: string;
 };
 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;
 }, {}, {}, {}, 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 o=require("./context.cjs");let e=require("vue");var u=["data-active","aria-current"],d=(0,e.defineComponent)({__name:"NavigationMenuLink",props:{active:{type:Boolean,default:!1}},setup(a){const t=(0,e.inject)(o.NAVIGATION_MENU_CONTEXT);if(!t)throw new Error("<SkdxNavigationMenuLink> must be used inside <SkdxNavigationMenu>.");return(i,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("a",{class:"skdx-navigation-menu__link","data-part":"link","data-skdx-nav-trigger":"","data-active":a.active?"":void 0,"aria-current":a.active?"page":void 0,onClick:n[0]||(n[0]=(...r)=>(0,e.unref)(t).onClose&&(0,e.unref)(t).onClose(...r))},[(0,e.renderSlot)(i.$slots,"default")],8,u))}});exports.default=d;
+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;

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

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

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

@@ -1,8 +1,7 @@
 /**
- * `<ul data-orientation="horizontal">` container for
- * `SkdxNavigationMenuItem`s. Provides roving-focus arrow-key navigation
- * (Left/Right) across items marked `data-skdx-nav-trigger`, wrapping by
- * default.
+ * <ul> container for SkdxNavigationMenuItems. Roving-focus arrow-key navigation
+ * across top-level items marked data-skdx-nav-trigger, wrapping by default.
+ * Open SkdxNavigationMenuContent links excluded. Axis from root orientation.
  */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first. */

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

@@ -1,8 +1,7 @@
 /**
- * `<ul data-orientation="horizontal">` container for
- * `SkdxNavigationMenuItem`s. Provides roving-focus arrow-key navigation
- * (Left/Right) across items marked `data-skdx-nav-trigger`, wrapping by
- * default.
+ * <ul> container for SkdxNavigationMenuItems. Roving-focus arrow-key navigation
+ * across top-level items marked data-skdx-nav-trigger, wrapping by default.
+ * Open SkdxNavigationMenuContent links excluded. Axis from root orientation.
  */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first. */

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

@@ -1 +1 @@
-const s=require("../utils/direction.cjs");let i=require("vue");var _="[data-skdx-nav-trigger]",g=(0,i.defineComponent)({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(f){const l=(0,i.ref)(null),d=s.useDirection();function c(n,r){const o=s.directionalKey(n.key,n.currentTarget,d()),a=l.value;if(!a)return;const t=Array.from(a.querySelectorAll(_));if(t.length===0)return;const u=t.indexOf(document.activeElement);let e;o==="ArrowRight"?(e=u+1,e>=t.length&&(e=r?0:t.length-1)):o==="ArrowLeft"&&(e=u-1,e<0&&(e=r?t.length-1:0)),e!==void 0&&(n.preventDefault(),t[e]?.focus())}return(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)("ul",{class:"skdx-navigation-menu__list","data-part":"list",ref_key:"listRef",ref:l,"data-orientation":"horizontal",onKeydown:r[0]||(r[0]=o=>c(o,f.loop))},[(0,i.renderSlot)(n.$slots,"default")],544))}});exports.default=g;
+const d=require("../utils/direction.cjs"),x=require("./context.cjs");let t=require("vue");var m=["data-orientation"],y=":scope > li > [data-skdx-nav-trigger]",k=(0,t.defineComponent)({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(f){const a=(0,t.ref)(null),v=d.useDirection(),l=(0,t.inject)(x.NAVIGATION_MENU_CONTEXT);if(!l)throw new Error("<SkdxNavigationMenuList> must be used inside <SkdxNavigationMenu>.");const u=(0,t.computed)(()=>l.orientation.value);function _(r,i){const o=d.directionalKey(r.key,r.currentTarget,v()),s=a.value;if(!s)return;const n=Array.from(s.querySelectorAll(y));if(n.length===0)return;const c=n.indexOf(document.activeElement),[p,g]=u.value==="vertical"?["ArrowDown","ArrowUp"]:["ArrowRight","ArrowLeft"];let e;o===p?(e=c+1,e>=n.length&&(e=i?0:n.length-1)):o===g&&(e=c-1,e<0&&(e=i?n.length-1:0)),e!==void 0&&(r.preventDefault(),n[e]?.focus())}return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("ul",{class:"skdx-navigation-menu__list","data-part":"list",role:"list",ref_key:"listRef",ref:a,"data-orientation":u.value,onKeydown:i[0]||(i[0]=o=>_(o,f.loop))},[(0,t.renderSlot)(r.$slots,"default")],40,m))}});exports.default=k;

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

@@ -1 +1 @@
-import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{createElementBlock as o,defineComponent as n,openBlock as r,ref as a,renderSlot as l}from"vue";var i=/* @__PURE__ */n({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(n){const i=a(null),s=t();return(t,a)=>(r(),o("ul",{class:"skdx-navigation-menu__list","data-part":"list",ref_key:"listRef",ref:i,"data-orientation":"horizontal",onKeydown:a[0]||(a[0]=t=>function(t,o){const n=e(t.key,t.currentTarget,s()),r=i.value;if(!r)return;const a=Array.from(r.querySelectorAll("[data-skdx-nav-trigger]"));if(0===a.length)return;const l=a.indexOf(document.activeElement);let u;"ArrowRight"===n?(u=l+1,u>=a.length&&(u=o?0:a.length-1)):"ArrowLeft"===n&&(u=l-1,u<0&&(u=o?a.length-1:0)),void 0!==u&&(t.preventDefault(),a[u]?.focus())}(t,n.loop))},[l(t.$slots,"default")],544))}});export{i as default};
+import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{NAVIGATION_MENU_CONTEXT as o}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as a,inject as i,openBlock as s,ref as l,renderSlot as u}from"vue";var c=["data-orientation"],d=/* @__PURE__ */a({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(a){const d=l(null),f=t(),p=i(o);if(!p)throw new Error("<SkdxNavigationMenuList> must be used inside <SkdxNavigationMenu>.");const m=n(()=>p.orientation.value);return(t,o)=>(s(),r("ul",{class:"skdx-navigation-menu__list","data-part":"list",role:"list",ref_key:"listRef",ref:d,"data-orientation":m.value,onKeydown:o[0]||(o[0]=t=>function(t,o){const n=e(t.key,t.currentTarget,f()),r=d.value;if(!r)return;const a=Array.from(r.querySelectorAll(":scope > li > [data-skdx-nav-trigger]"));if(0===a.length)return;const i=a.indexOf(document.activeElement),[s,l]="vertical"===m.value?["ArrowDown","ArrowUp"]:["ArrowRight","ArrowLeft"];let u;n===s?(u=i+1,u>=a.length&&(u=o?0:a.length-1)):n===l&&(u=i-1,u<0&&(u=o?a.length-1:0)),void 0!==u&&(t.preventDefault(),a[u]?.focus())}(t,a.loop))},[u(t.$slots,"default")],40,c))}});export{d as default};