@skdx/vue 0.27.0 → 0.29.0

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

@@ -0,0 +1,18 @@
+import type { NavigationMenuItem } from './types.js';
+/** @internal Renders the recipe's default anatomy: a list of entries, either links or trigger/panel pairs. */
+type __VLS_Props = {
+    items: NavigationMenuItem[];
+};
+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>;
+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"),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

@@ -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 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,14 +1,4 @@
-/**
- * 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).
- */
+/** 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,14 +1,4 @@
-/**
- * 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).
- */
+/** 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 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 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 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{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,9 +1,4 @@
-/**
- * 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.
- */
+/** 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,9 +1,4 @@
-/**
- * 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.
- */
+/** 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"],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 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 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{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/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.
- */
+/** 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 | undefined;
+    /** Relationship of the target to the document; defaults to a reverse-tabnabbing guard. */
+    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<{}>, {
-    active: boolean;
+    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,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.
- */
+/** 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 | undefined;
+    /** Relationship of the target to the document; defaults to a reverse-tabnabbing guard. */
+    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<{}>, {
-    active: boolean;
+    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 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 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;

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{injectRequired as e}from"../utils/injectRequired.js";import{resolveRel as t}from"../utils/resolveRel.js";import{NAVIGATION_MENU_CONTEXT as a}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as n,openBlock as o,renderSlot as l,unref as s}from"vue";var d=["href","data-active","aria-current","target","rel"],u=/* @__PURE__ */n({__name:"NavigationMenuLink",props:{active:{type:Boolean,default:!1},href:{default:void 0},target:{default:void 0},rel:{default:void 0}},setup(n){const u=n,v=r(()=>t(u.target,u.rel)),c=e(a,"<SkdxNavigationMenuLink> must be used inside <SkdxNavigationMenu>.");return(e,t)=>(o(),i("a",{class:"skdx-navigation-menu__link","data-part":"link","data-skdx-nav-trigger":"",href:n.href,"data-active":n.active?"":void 0,"aria-current":n.active?"page":void 0,target:n.target,rel:v.value,onClick:t[0]||(t[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,12 +1,4 @@
-/**
- * `<ul data-orientation="…">` container for `SkdxNavigationMenuItem`s.
- * Provides roving-focus arrow-key navigation across items marked
- * `data-skdx-nav-trigger`, wrapping by default.
- *
- * The axis comes from the root's `orientation` prop: Left/Right when
- * horizontal, Up/Down when vertical. Arrow keys that do not match the axis are
- * left alone, so a vertical menu does not swallow Left/Right.
- */
+/** Renders `<ul>` with roving-focus arrow-key navigation across top-level items marked `data-skdx-nav-trigger`. */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first. */
     loop?: boolean;

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

@@ -1,12 +1,4 @@
-/**
- * `<ul data-orientation="…">` container for `SkdxNavigationMenuItem`s.
- * Provides roving-focus arrow-key navigation across items marked
- * `data-skdx-nav-trigger`, wrapping by default.
- *
- * The axis comes from the root's `orientation` prop: Left/Right when
- * horizontal, Up/Down when vertical. Arrow keys that do not match the axis are
- * left alone, so a vertical menu does not swallow Left/Right.
- */
+/** Renders `<ul>` with roving-focus arrow-key navigation across top-level items marked `data-skdx-nav-trigger`. */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first. */
     loop?: boolean;

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

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

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

@@ -1,11 +1,4 @@
-/**
- * Button that opens its item's `SkdxNavigationMenuContent`: renders
- * `<button type="button">` marked `data-skdx-nav-trigger` (for the list's
- * roving focus), with `aria-expanded`/`aria-controls`/`data-state`.
- * Non-touch pointer-enter/leave start the root's open/close hover timers;
- * click or Enter/Space selects the item immediately; Escape closes and
- * refocuses the trigger.
- */
+/** Renders `<button>` with `aria-expanded`/`aria-controls`/`data-state` that opens its item's `SkdxNavigationMenuContent`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,11 +1,4 @@
-/**
- * Button that opens its item's `SkdxNavigationMenuContent`: renders
- * `<button type="button">` marked `data-skdx-nav-trigger` (for the list's
- * roving focus), with `aria-expanded`/`aria-controls`/`data-state`.
- * Non-touch pointer-enter/leave start the root's open/close hover timers;
- * click or Enter/Space selects the item immediately; Escape closes and
- * refocuses the trigger.
- */
+/** Renders `<button>` with `aria-expanded`/`aria-controls`/`data-state` that opens its item's `SkdxNavigationMenuContent`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-const u=require("./context.cjs");let t=require("vue");var g=["id","aria-expanded","aria-controls","data-state"],_=(0,t.defineComponent)({__name:"NavigationMenuTrigger",setup(p){const n=(0,t.inject)(u.NAVIGATION_MENU_CONTEXT),r=(0,t.inject)(u.NAVIGATION_MENU_ITEM_CONTEXT);if(!n||!r)throw new Error("<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>.");const o=(0,t.computed)(()=>n.value.value===r.value);let a=!1;function i(){o.value&&!a?n.onClose():n.onItemSelect(r.value)}function l(e){e.pointerType!=="touch"&&(a=!0,n.onTriggerEnter(r.value))}function c(e){e.pointerType!=="touch"&&(a=!1,n.onTriggerLeave())}function s(){i()}function d(e){e.key==="Escape"?(n.onClose(),e.currentTarget.focus()):(e.key===" "||e.key==="Enter")&&(e.preventDefault(),i())}return(e,f)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button",id:(0,t.unref)(r).triggerId,"aria-expanded":o.value,"aria-controls":(0,t.unref)(r).contentId,"data-skdx-nav-trigger":"","data-state":o.value?"open":"closed",onPointerenter:l,onPointerleave:c,onClick:s,onKeydown:d},[(0,t.renderSlot)(e.$slots,"default")],40,g))}});exports.default=_;
+const c=require("../utils/injectRequired.cjs"),v=require("../utils/tabbable.cjs"),s=require("./context.cjs");let t=require("vue");var f=["id","aria-expanded","aria-controls","data-state"],T=(0,t.defineComponent)({__name:"NavigationMenuTrigger",setup(N){const n=c.injectRequired(s.NAVIGATION_MENU_CONTEXT,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),r=c.injectRequired(s.NAVIGATION_MENU_ITEM_CONTEXT,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),o=(0,t.computed)(()=>n.value.value===r.value);let i=!1;function u(){o.value&&!i?n.onClose():n.onItemSelect(r.value)}function d(e){e.pointerType!=="touch"&&(i=!0,n.onTriggerEnter(r.value))}function g(e){e.pointerType!=="touch"&&(i=!1,n.onTriggerLeave())}function p(){u()}function _(e){if(e.key===" "||e.key==="Enter")e.preventDefault(),u();else if(e.key==="ArrowDown"&&o.value&&n.orientation.value==="horizontal"){const a=e.currentTarget.ownerDocument.getElementById(r.contentId),l=a&&v.tabbablesWithin(a)[0];if(!l)return;e.preventDefault(),e.stopPropagation(),l.focus()}}return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{id:(0,t.unref)(r).triggerId,class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button","aria-expanded":o.value,"aria-controls":(0,t.unref)(r).contentId,"data-skdx-nav-trigger":"","data-state":o.value?"open":"closed",onPointerenter:d,onPointerleave:g,onClick:p,onKeydown:_},[(0,t.renderSlot)(e.$slots,"default")],40,f))}});exports.default=T;

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

@@ -1 +1 @@
-import{NAVIGATION_MENU_CONTEXT as e,NAVIGATION_MENU_ITEM_CONTEXT as t}from"./context.js";import{computed as n,createElementBlock as a,defineComponent as o,inject as r,openBlock as i,renderSlot as u,unref as s}from"vue";var l=["id","aria-expanded","aria-controls","data-state"],c=/* @__PURE__ */o({__name:"NavigationMenuTrigger",setup(o){const c=r(e),d=r(t);if(!c||!d)throw new Error("<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>.");const g=n(()=>c.value.value===d.value);let p=!1;function v(){g.value&&!p?c.onClose():c.onItemSelect(d.value)}function f(e){"touch"!==e.pointerType&&(p=!0,c.onTriggerEnter(d.value))}function T(e){"touch"!==e.pointerType&&(p=!1,c.onTriggerLeave())}function m(){v()}function N(e){"Escape"===e.key?(c.onClose(),e.currentTarget.focus()):(" "===e.key||"Enter"===e.key)&&(e.preventDefault(),v())}return(e,t)=>(i(),a("button",{class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button",id:s(d).triggerId,"aria-expanded":g.value,"aria-controls":s(d).contentId,"data-skdx-nav-trigger":"","data-state":g.value?"open":"closed",onPointerenter:f,onPointerleave:T,onClick:m,onKeydown:N},[u(e.$slots,"default")],40,l))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{tabbablesWithin as t}from"../utils/tabbable.js";import{NAVIGATION_MENU_CONTEXT as n,NAVIGATION_MENU_ITEM_CONTEXT as a}from"./context.js";import{computed as o,createElementBlock as r,defineComponent as i,openBlock as u,renderSlot as s,unref as l}from"vue";var d=["id","aria-expanded","aria-controls","data-state"],c=/* @__PURE__ */i({__name:"NavigationMenuTrigger",setup(i){const c=e(n,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),g=e(a,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),v=o(()=>c.value.value===g.value);let p=!1;function m(){v.value&&!p?c.onClose():c.onItemSelect(g.value)}function f(e){"touch"!==e.pointerType&&(p=!0,c.onTriggerEnter(g.value))}function T(e){"touch"!==e.pointerType&&(p=!1,c.onTriggerLeave())}function N(){m()}function k(e){if(" "===e.key||"Enter"===e.key)e.preventDefault(),m();else if("ArrowDown"===e.key&&v.value&&"horizontal"===c.orientation.value){const n=e.currentTarget.ownerDocument.getElementById(g.contentId),a=n&&t(n)[0];if(!a)return;e.preventDefault(),e.stopPropagation(),a.focus()}}return(e,t)=>(u(),r("button",{id:l(g).triggerId,class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button","aria-expanded":v.value,"aria-controls":l(g).contentId,"data-skdx-nav-trigger":"","data-state":v.value?"open":"closed",onPointerenter:f,onPointerleave:T,onClick:N,onKeydown:k},[s(e.$slots,"default")],40,d))}});export{c as default};

package/dist/navigation-menu/context.d.cts

@@ -1,7 +1,8 @@
 import type { InjectionKey, Ref } from 'vue';
 /** @internal Injection key a NavigationMenu provides so its parts can read/drive shared hover-intent state. */
 export interface NavigationMenuContext {
-    value: Readonly<Ref<string>>;
+    /** Value of the open item, or `null` when nothing is open. */
+    value: Readonly<Ref<string | null>>;
     /** Axis the list lays out and arrow-keys travel along. Set on the root. */
     orientation: Readonly<Ref<'horizontal' | 'vertical'>>;
     onTriggerEnter: (itemValue: string) => void;
@@ -10,6 +11,8 @@ export interface NavigationMenuContext {
     onContentLeave: () => void;
     onItemSelect: (itemValue: string) => void;
     onClose: () => void;
+    /** Closes menu on link click (when `closeOnSelect` is true). */
+    onLinkSelect: () => void;
 }
 /** @internal Injection key a NavigationMenu provides so its items share the active value and hover-intent handlers. */
 export declare const NAVIGATION_MENU_CONTEXT: InjectionKey<NavigationMenuContext>;

package/dist/navigation-menu/context.d.ts

@@ -1,7 +1,8 @@
 import type { InjectionKey, Ref } from 'vue';
 /** @internal Injection key a NavigationMenu provides so its parts can read/drive shared hover-intent state. */
 export interface NavigationMenuContext {
-    value: Readonly<Ref<string>>;
+    /** Value of the open item, or `null` when nothing is open. */
+    value: Readonly<Ref<string | null>>;
     /** Axis the list lays out and arrow-keys travel along. Set on the root. */
     orientation: Readonly<Ref<'horizontal' | 'vertical'>>;
     onTriggerEnter: (itemValue: string) => void;
@@ -10,6 +11,8 @@ export interface NavigationMenuContext {
     onContentLeave: () => void;
     onItemSelect: (itemValue: string) => void;
     onClose: () => void;
+    /** Closes menu on link click (when `closeOnSelect` is true). */
+    onLinkSelect: () => void;
 }
 /** @internal Injection key a NavigationMenu provides so its items share the active value and hover-intent handlers. */
 export declare const NAVIGATION_MENU_CONTEXT: InjectionKey<NavigationMenuContext>;

package/dist/navigation-menu/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NavigationMenu.vue.cjs"),i=require("./NavigationMenuList.vue.cjs"),n=require("./NavigationMenuItem.vue.cjs"),t=require("./NavigationMenuTrigger.vue.cjs"),a=require("./NavigationMenuContent.vue.cjs"),r=require("./NavigationMenuLink.vue.cjs"),u=require("./NavigationMenuIndicator.vue.cjs");exports.SkdxNavigationMenu=e.default;exports.SkdxNavigationMenuContent=a.default;exports.SkdxNavigationMenuIndicator=u.default;exports.SkdxNavigationMenuItem=n.default;exports.SkdxNavigationMenuLink=r.default;exports.SkdxNavigationMenuList=i.default;exports.SkdxNavigationMenuTrigger=t.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NavigationMenu.vue.cjs");exports.SkdxNavigationMenu=e.default;

package/dist/navigation-menu/index.d.cts

@@ -1,7 +1,2 @@
 export { default as SkdxNavigationMenu } from './NavigationMenu.vue.cjs';
-export { default as SkdxNavigationMenuList } from './NavigationMenuList.vue.cjs';
-export { default as SkdxNavigationMenuItem } from './NavigationMenuItem.vue.cjs';
-export { default as SkdxNavigationMenuTrigger } from './NavigationMenuTrigger.vue.cjs';
-export { default as SkdxNavigationMenuContent } from './NavigationMenuContent.vue.cjs';
-export { default as SkdxNavigationMenuLink } from './NavigationMenuLink.vue.cjs';
-export { default as SkdxNavigationMenuIndicator } from './NavigationMenuIndicator.vue.cjs';
+export type { NavigationMenuItem } from './types.cjs';

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

@@ -1,7 +1,2 @@
 export { default as SkdxNavigationMenu } from './NavigationMenu.vue.js';
-export { default as SkdxNavigationMenuList } from './NavigationMenuList.vue.js';
-export { default as SkdxNavigationMenuItem } from './NavigationMenuItem.vue.js';
-export { default as SkdxNavigationMenuTrigger } from './NavigationMenuTrigger.vue.js';
-export { default as SkdxNavigationMenuContent } from './NavigationMenuContent.vue.js';
-export { default as SkdxNavigationMenuLink } from './NavigationMenuLink.vue.js';
-export { default as SkdxNavigationMenuIndicator } from './NavigationMenuIndicator.vue.js';
+export type { NavigationMenuItem } from './types.js';

package/dist/navigation-menu/index.js

@@ -1 +1 @@
-import i from"./NavigationMenu.vue.js";import a from"./NavigationMenuList.vue.js";import n from"./NavigationMenuItem.vue.js";import o from"./NavigationMenuTrigger.vue.js";import t from"./NavigationMenuContent.vue.js";import e from"./NavigationMenuLink.vue.js";import r from"./NavigationMenuIndicator.vue.js";export{i as SkdxNavigationMenu,t as SkdxNavigationMenuContent,r as SkdxNavigationMenuIndicator,n as SkdxNavigationMenuItem,e as SkdxNavigationMenuLink,a as SkdxNavigationMenuList,o as SkdxNavigationMenuTrigger};
+import a from"./NavigationMenu.vue.js";export{a as SkdxNavigationMenu};

package/dist/navigation-menu/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NavigationMenuContent.vue.cjs"),i=require("./NavigationMenuIndicator.vue.cjs"),n=require("./NavigationMenuItem.vue.cjs"),t=require("./NavigationMenuLink.vue.cjs"),a=require("./NavigationMenuList.vue.cjs"),r=require("./NavigationMenuTrigger.vue.cjs"),u=require("./NavigationMenu.vue.cjs");exports.SkdxNavigationMenu=u.default;exports.SkdxNavigationMenuContent=e.default;exports.SkdxNavigationMenuIndicator=i.default;exports.SkdxNavigationMenuItem=n.default;exports.SkdxNavigationMenuLink=t.default;exports.SkdxNavigationMenuList=a.default;exports.SkdxNavigationMenuTrigger=r.default;

package/dist/navigation-menu/primitives.d.cts

@@ -0,0 +1,31 @@
+/**
+ * Advanced primitives for custom `SkdxNavigationMenu` layouts.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxNavigationMenu, SkdxNavigationMenuContent, SkdxNavigationMenuItem, SkdxNavigationMenuLink, SkdxNavigationMenuList, SkdxNavigationMenuTrigger } from '@skdx/vue/primitives/navigation-menu';
+ * </script>
+ *
+ * <template>
+ *   <SkdxNavigationMenu>
+ *     <SkdxNavigationMenuList>
+ *       <SkdxNavigationMenuItem value="products">
+ *         <SkdxNavigationMenuTrigger>Products</SkdxNavigationMenuTrigger>
+ *         <SkdxNavigationMenuContent>
+ *           <SkdxNavigationMenuLink href="/analytics">Analytics</SkdxNavigationMenuLink>
+ *         </SkdxNavigationMenuContent>
+ *       </SkdxNavigationMenuItem>
+ *     </SkdxNavigationMenuList>
+ *   </SkdxNavigationMenu>
+ * </template>
+ * ```
+ */
+export { default as SkdxNavigationMenu } from './NavigationMenu.vue.cjs';
+export { default as SkdxNavigationMenuList } from './NavigationMenuList.vue.cjs';
+export { default as SkdxNavigationMenuItem } from './NavigationMenuItem.vue.cjs';
+export { default as SkdxNavigationMenuTrigger } from './NavigationMenuTrigger.vue.cjs';
+export { default as SkdxNavigationMenuContent } from './NavigationMenuContent.vue.cjs';
+export { default as SkdxNavigationMenuLink } from './NavigationMenuLink.vue.cjs';
+export { default as SkdxNavigationMenuIndicator } from './NavigationMenuIndicator.vue.cjs';
+export type { NavigationMenuItem } from './types.cjs';

package/dist/navigation-menu/primitives.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Advanced primitives for custom `SkdxNavigationMenu` layouts.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxNavigationMenu, SkdxNavigationMenuContent, SkdxNavigationMenuItem, SkdxNavigationMenuLink, SkdxNavigationMenuList, SkdxNavigationMenuTrigger } from '@skdx/vue/primitives/navigation-menu';
+ * </script>
+ *
+ * <template>
+ *   <SkdxNavigationMenu>
+ *     <SkdxNavigationMenuList>
+ *       <SkdxNavigationMenuItem value="products">
+ *         <SkdxNavigationMenuTrigger>Products</SkdxNavigationMenuTrigger>
+ *         <SkdxNavigationMenuContent>
+ *           <SkdxNavigationMenuLink href="/analytics">Analytics</SkdxNavigationMenuLink>
+ *         </SkdxNavigationMenuContent>
+ *       </SkdxNavigationMenuItem>
+ *     </SkdxNavigationMenuList>
+ *   </SkdxNavigationMenu>
+ * </template>
+ * ```
+ */
+export { default as SkdxNavigationMenu } from './NavigationMenu.vue.js';
+export { default as SkdxNavigationMenuList } from './NavigationMenuList.vue.js';
+export { default as SkdxNavigationMenuItem } from './NavigationMenuItem.vue.js';
+export { default as SkdxNavigationMenuTrigger } from './NavigationMenuTrigger.vue.js';
+export { default as SkdxNavigationMenuContent } from './NavigationMenuContent.vue.js';
+export { default as SkdxNavigationMenuLink } from './NavigationMenuLink.vue.js';
+export { default as SkdxNavigationMenuIndicator } from './NavigationMenuIndicator.vue.js';
+export type { NavigationMenuItem } from './types.js';

package/dist/navigation-menu/primitives.js

@@ -0,0 +1 @@
+import i from"./NavigationMenuContent.vue.js";import a from"./NavigationMenuIndicator.vue.js";import n from"./NavigationMenuItem.vue.js";import o from"./NavigationMenuLink.vue.js";import t from"./NavigationMenuList.vue.js";import e from"./NavigationMenuTrigger.vue.js";import r from"./NavigationMenu.vue.js";export{r as SkdxNavigationMenu,i as SkdxNavigationMenuContent,a as SkdxNavigationMenuIndicator,n as SkdxNavigationMenuItem,o as SkdxNavigationMenuLink,t as SkdxNavigationMenuList,e as SkdxNavigationMenuTrigger};

package/dist/navigation-menu/types.d.cts

@@ -0,0 +1,36 @@
+/** One entry in `items` (plain link or trigger/panel), narrowed with `'items' in item`. */
+export type NavigationMenuItem = {
+    /** Text rendered inside the derived `SkdxNavigationMenuLink`. */
+    label: string;
+    /** The link's destination. */
+    href: string;
+    /**
+     * Marks link as current page.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
+     */
+    value?: string;
+} | {
+    /** Text rendered inside the derived `SkdxNavigationMenuTrigger`. */
+    label: string;
+    /**
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
+     */
+    value?: string;
+    /** Links in the panel this trigger opens. */
+    items: {
+        /** Text rendered in the link. */
+        label: string;
+        /** The link's destination. */
+        href: string;
+        /**
+         * Marks link as current page. @default false
+         */
+        active?: boolean;
+    }[];
+};

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

@@ -0,0 +1,36 @@
+/** One entry in `items` (plain link or trigger/panel), narrowed with `'items' in item`. */
+export type NavigationMenuItem = {
+    /** Text rendered inside the derived `SkdxNavigationMenuLink`. */
+    label: string;
+    /** The link's destination. */
+    href: string;
+    /**
+     * Marks link as current page.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
+     */
+    value?: string;
+} | {
+    /** Text rendered inside the derived `SkdxNavigationMenuTrigger`. */
+    label: string;
+    /**
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
+     */
+    value?: string;
+    /** Links in the panel this trigger opens. */
+    items: {
+        /** Text rendered in the link. */
+        label: string;
+        /** The link's destination. */
+        href: string;
+        /**
+         * Marks link as current page. @default false
+         */
+        active?: boolean;
+    }[];
+};