@skdx/vue 0.26.0 → 0.28.0

package/dist/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const R=require("../utils/useMenuItem.cjs"),d=require("./context.cjs");let e=require("vue");var k=["aria-checked","data-state"],I=(0,e.defineComponent)({__name:"MenubarRadioItem",props:{value:{},disabled:{type:Boolean,default:!1}},emits:["select"],setup(f,{emit:p}){const o=f,v=p,r=(0,e.inject)(d.MENUBAR_MENU_CONTEXT);if(!r)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarMenu.");const u=(0,e.inject)(d.MENUBAR_RADIO_GROUP_CONTEXT);if(!u)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarRadioGroup.");const a=(0,e.computed)(()=>u.value.value===o.value),{itemAttrs:_,onItemClick:s,onItemKeydown:l,onItemPointerenter:m,onItemPointerleave:c}=R.useMenuItem({disabled:(0,e.toRef)(o,"disabled"),onSelect:i=>{u.onValueChange?.(o.value),v("select",i)},onSelected:()=>{r.onClose(),r.triggerRef.value?.focus()},contentRef:r.contentRef});return(0,e.provide)(d.MENUBAR_ITEM_INDICATOR_CONTEXT,a),(i,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-menubar__radio-item","data-part":"radio-item",role:"menuitemradio","aria-checked":a.value,"data-state":a.value?"checked":"unchecked"},(0,e.unref)(_),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(l)&&(0,e.unref)(l)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(m)&&(0,e.unref)(m)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(c)&&(0,e.unref)(c)(...n))}),[(0,e.renderSlot)(i.$slots,"default")],16,k))}});exports.default=I;
+const R=require("../utils/useMenuItem.cjs"),d=require("./context.cjs");let e=require("vue");var k=["aria-checked","data-state"],I=(0,e.defineComponent)({__name:"MenubarRadioItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{}},emits:["select"],setup(f,{emit:p}){const r=f,_=p,o=(0,e.inject)(d.MENUBAR_MENU_CONTEXT);if(!o)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarMenu.");const u=(0,e.inject)(d.MENUBAR_RADIO_GROUP_CONTEXT);if(!u)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarRadioGroup.");const a=(0,e.computed)(()=>u.value.value===r.value),{itemAttrs:v,onItemClick:l,onItemKeydown:s,onItemPointerenter:m,onItemPointerleave:c}=R.useMenuItem({disabled:(0,e.toRef)(r,"disabled"),textValue:(0,e.toRef)(r,"textValue"),onSelect:i=>{u.onValueChange?.(r.value),_("select",i)},onSelected:()=>{o.onClose(),o.focusTrigger()},contentRef:o.contentRef});return(0,e.provide)(d.MENUBAR_ITEM_INDICATOR_CONTEXT,a),(i,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-menubar__radio-item","data-part":"radio-item",role:"menuitemradio","aria-checked":a.value,"data-state":a.value?"checked":"unchecked"},(0,e.unref)(v),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(l)&&(0,e.unref)(l)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(m)&&(0,e.unref)(m)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(c)&&(0,e.unref)(c)(...n))}),[(0,e.renderSlot)(i.$slots,"default")],16,k))}});exports.default=I;

package/dist/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useMenuItem as e}from"../utils/useMenuItem.js";import{MENUBAR_ITEM_INDICATOR_CONTEXT as t,MENUBAR_MENU_CONTEXT as a,MENUBAR_RADIO_GROUP_CONTEXT as o}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as s,inject as i,mergeProps as d,openBlock as u,provide as l,renderSlot as m,toRef as c,unref as f}from"vue";var p=["aria-checked","data-state"],v=/* @__PURE__ */s({__name:"MenubarRadioItem",props:{value:{},disabled:{type:Boolean,default:!1}},emits:["select"],setup(s,{emit:v}){const R=s,k=v,I=i(a);if(!I)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarMenu.");const M=i(o);if(!M)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarRadioGroup.");const _=n(()=>M.value.value===R.value),{itemAttrs:b,onItemClick:E,onItemKeydown:h,onItemPointerenter:C,onItemPointerleave:w}=e({disabled:c(R,"disabled"),onSelect:e=>{M.onValueChange?.(R.value),k("select",e)},onSelected:()=>{I.onClose(),I.triggerRef.value?.focus()},contentRef:I.contentRef});return l(t,_),(e,t)=>(u(),r("div",d({class:"skdx-menubar__radio-item","data-part":"radio-item",role:"menuitemradio","aria-checked":_.value,"data-state":_.value?"checked":"unchecked"},f(b),{onClick:t[0]||(t[0]=(...e)=>f(E)&&f(E)(...e)),onKeydown:t[1]||(t[1]=(...e)=>f(h)&&f(h)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>f(C)&&f(C)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>f(w)&&f(w)(...e))}),[m(e.$slots,"default")],16,p))}});export{v as default};
+import{useMenuItem as e}from"../utils/useMenuItem.js";import{MENUBAR_ITEM_INDICATOR_CONTEXT as t,MENUBAR_MENU_CONTEXT as a,MENUBAR_RADIO_GROUP_CONTEXT as o}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as s,inject as i,mergeProps as u,openBlock as d,provide as l,renderSlot as m,toRef as c,unref as p}from"vue";var f=["aria-checked","data-state"],k=/* @__PURE__ */s({__name:"MenubarRadioItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{}},emits:["select"],setup(s,{emit:k}){const v=s,I=k,M=i(a);if(!M)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarMenu.");const R=i(o);if(!R)throw new Error("SkdxMenubarRadioItem must be used within SkdxMenubarRadioGroup.");const _=n(()=>R.value.value===v.value),{itemAttrs:b,onItemClick:E,onItemKeydown:x,onItemPointerenter:h,onItemPointerleave:C}=e({disabled:c(v,"disabled"),textValue:c(v,"textValue"),onSelect:e=>{R.onValueChange?.(v.value),I("select",e)},onSelected:()=>{M.onClose(),M.focusTrigger()},contentRef:M.contentRef});return l(t,_),(e,t)=>(d(),r("div",u({class:"skdx-menubar__radio-item","data-part":"radio-item",role:"menuitemradio","aria-checked":_.value,"data-state":_.value?"checked":"unchecked"},p(b),{onClick:t[0]||(t[0]=(...e)=>p(E)&&p(E)(...e)),onKeydown:t[1]||(t[1]=(...e)=>p(x)&&p(x)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>p(h)&&p(h)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>p(C)&&p(C)(...e))}),[m(e.$slots,"default")],16,f))}});export{k as default};

package/dist/menubar/MenubarRoot.vue.cjs

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

package/dist/menubar/MenubarRoot.vue.d.cts

@@ -0,0 +1,50 @@
+import { type MenubarOrientation } from './context.cjs';
+/**
+ * Menubar root managing open menu state via `v-model:menu`. Renders a
+ * `<div role="menubar">` with roving-focus and typeahead navigation along
+ * the `orientation` axis, reflected as `aria-orientation`. Requires `aria-label`
+ * or `aria-labelledby`. Use directly from `@skdx/vue/primitives/menubar`
+ * for custom composition, or via `SkdxMenubar` recipe with `MenubarAnatomy`.
+ */
+type __VLS_Props = {
+    /** Value of the currently open menu, for controlled usage via `v-model:menu`. */
+    menu?: string;
+    /** Initially open menu's value, for uncontrolled usage. */
+    defaultMenu?: string;
+    /**
+     * Axis the bar lays its triggers out on, reflected as `aria-orientation`
+     * and deciding which arrows rove along it: ArrowLeft/ArrowRight when
+     * horizontal, ArrowUp/ArrowDown when vertical. An open menu is a vertical
+     * panel either way — only the bar's own row changes.
+     */
+    orientation?: MenubarOrientation;
+    /**
+     * Whether roving focus across the bar wraps from the last trigger back to
+     * the first (and vice versa). Does not affect the ArrowRight/ArrowLeft
+     * move between open menus, which always wraps.
+     */
+    loop?: boolean;
+};
+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, {
+    "update:menu": (menu: string) => any;
+    "menu-change": (menu: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:menu"?: ((menu: string) => any) | undefined;
+    "onMenu-change"?: ((menu: string) => any) | undefined;
+}>, {
+    menu: string;
+    loop: boolean;
+    orientation: MenubarOrientation;
+    defaultMenu: string;
+}, {}, {}, {}, 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/menubar/MenubarRoot.vue.d.ts

@@ -0,0 +1,50 @@
+import { type MenubarOrientation } from './context.js';
+/**
+ * Menubar root managing open menu state via `v-model:menu`. Renders a
+ * `<div role="menubar">` with roving-focus and typeahead navigation along
+ * the `orientation` axis, reflected as `aria-orientation`. Requires `aria-label`
+ * or `aria-labelledby`. Use directly from `@skdx/vue/primitives/menubar`
+ * for custom composition, or via `SkdxMenubar` recipe with `MenubarAnatomy`.
+ */
+type __VLS_Props = {
+    /** Value of the currently open menu, for controlled usage via `v-model:menu`. */
+    menu?: string;
+    /** Initially open menu's value, for uncontrolled usage. */
+    defaultMenu?: string;
+    /**
+     * Axis the bar lays its triggers out on, reflected as `aria-orientation`
+     * and deciding which arrows rove along it: ArrowLeft/ArrowRight when
+     * horizontal, ArrowUp/ArrowDown when vertical. An open menu is a vertical
+     * panel either way — only the bar's own row changes.
+     */
+    orientation?: MenubarOrientation;
+    /**
+     * Whether roving focus across the bar wraps from the last trigger back to
+     * the first (and vice versa). Does not affect the ArrowRight/ArrowLeft
+     * move between open menus, which always wraps.
+     */
+    loop?: boolean;
+};
+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, {
+    "update:menu": (menu: string) => any;
+    "menu-change": (menu: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:menu"?: ((menu: string) => any) | undefined;
+    "onMenu-change"?: ((menu: string) => any) | undefined;
+}>, {
+    menu: string;
+    loop: boolean;
+    orientation: MenubarOrientation;
+    defaultMenu: string;
+}, {}, {}, {}, 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/menubar/MenubarRoot.vue.js

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

package/dist/menubar/MenubarRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const p=require("../utils/useRovingFocus.cjs"),l=require("./context.cjs");let e=require("vue");var f=["aria-orientation"],v=(0,e.defineComponent)({__name:"MenubarRoot",props:{menu:{default:void 0},defaultMenu:{default:""},orientation:{default:"horizontal"},loop:{type:Boolean,default:!0}},emits:["update:menu","menu-change"],setup(t,{emit:d}){const n=t,u=d,r=(0,e.ref)(n.defaultMenu),s=(0,e.computed)(()=>n.menu??r.value);function c(o){n.menu===void 0&&(r.value=o),u("update:menu",o),u("menu-change",o)}(0,e.provide)(l.MENUBAR_CONTEXT,{menu:s,onMenuChange:c,orientation:(0,e.computed)(()=>n.orientation)});const a=p.useRovingFocus({orientation:n.orientation,loop:n.loop,itemSelector:l.TRIGGER_SELECTOR,typeahead:!0});return(o,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-menubar","data-part":"root","data-skdx-component":"menubar",role:"menubar","aria-orientation":t.orientation,onKeydown:i[0]||(i[0]=(...m)=>(0,e.unref)(a)&&(0,e.unref)(a)(...m))},[(0,e.renderSlot)(o.$slots,"default")],40,f))}});exports.default=v;

package/dist/menubar/MenubarRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useRovingFocus as e}from"../utils/useRovingFocus.js";import{MENUBAR_CONTEXT as o,TRIGGER_SELECTOR as n}from"./context.js";import{computed as t,createElementBlock as a,defineComponent as u,openBlock as r,provide as i,ref as s,renderSlot as m,unref as l}from"vue";var d=["aria-orientation"],p=/* @__PURE__ */u({__name:"MenubarRoot",props:{menu:{default:void 0},defaultMenu:{default:""},orientation:{default:"horizontal"},loop:{type:Boolean,default:!0}},emits:["update:menu","menu-change"],setup(u,{emit:p}){const c=u,f=p,v=s(c.defaultMenu),R=t(()=>c.menu??v.value);i(o,{menu:R,onMenuChange:function(e){void 0===c.menu&&(v.value=e),f("update:menu",e),f("menu-change",e)},orientation:t(()=>c.orientation)});const E=e({orientation:c.orientation,loop:c.loop,itemSelector:n,typeahead:!0});return(e,o)=>(r(),a("div",{class:"skdx-menubar","data-part":"root","data-skdx-component":"menubar",role:"menubar","aria-orientation":u.orientation,onKeydown:o[0]||(o[0]=(...e)=>l(E)&&l(E)(...e))},[m(e.$slots,"default")],40,d))}});export{p as default};

package/dist/menubar/MenubarSeparator.vue.d.cts

@@ -1,6 +1,5 @@
 /**
- * Visual divider between menu items: renders a
- * `<div role="separator" aria-orientation="horizontal">`.
+ * Visual divider between items: renders `<div role="separator" aria-orientation="horizontal">`.
  */
 type __VLS_Props = {};
 declare const _default: 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>;

package/dist/menubar/MenubarSeparator.vue.d.ts

@@ -1,6 +1,5 @@
 /**
- * Visual divider between menu items: renders a
- * `<div role="separator" aria-orientation="horizontal">`.
+ * Visual divider between items: renders `<div role="separator" aria-orientation="horizontal">`.
  */
 type __VLS_Props = {};
 declare const _default: 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>;

package/dist/menubar/MenubarShortcut.vue.cjs

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

package/dist/menubar/MenubarShortcut.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Keyboard hint at a menuitem's trailing edge — "⌘K", "Ctrl+S".
+ * `aria-hidden` because an unhidden hint makes the menuitem announce the
+ * accelerator twice (as text and via screen reader's shortcut reporting).
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/menubar/MenubarShortcut.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Keyboard hint at a menuitem's trailing edge — "⌘K", "Ctrl+S".
+ * `aria-hidden` because an unhidden hint makes the menuitem announce the
+ * accelerator twice (as text and via screen reader's shortcut reporting).
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/menubar/MenubarShortcut.vue.js

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

package/dist/menubar/MenubarShortcut.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-menubar__shortcut","data-part":"shortcut","aria-hidden":"true"},u=(0,e.defineComponent)({__name:"MenubarShortcut",setup(a){return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=u;

package/dist/menubar/MenubarShortcut.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as r}from"vue";var s={class:"skdx-menubar__shortcut","data-part":"shortcut","aria-hidden":"true"},o=/* @__PURE__ */a({__name:"MenubarShortcut",setup:a=>(a,o)=>(t(),e("span",s,[r(a.$slots,"default")]))});export{o as default};

package/dist/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("../utils/MenuSub.vue.cjs");let e=require("vue");var t=(0,e.defineComponent)({name:"SkdxMenubarSub",__name:"MenubarSub",setup(a){return(u,n)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{family:"menubar"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"default")]),_:3}))}});exports.default=t;
+const r=require("../utils/MenuSub.vue.cjs");let e=require("vue");var t=(0,e.defineComponent)({name:"SkdxMenubarSub",__name:"MenubarSub",setup(n){return(0,e.provide)("skdx-menu-family",{family:"menubar"}),(u,a)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"default")]),_:3}))}});exports.default=t;

package/dist/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../utils/MenuSub.vue.js";import{createBlock as a,defineComponent as t,openBlock as u,renderSlot as o,withCtx as r}from"vue";var n=/* @__PURE__ */t({name:"SkdxMenubarSub",__name:"MenubarSub",setup:t=>(t,n)=>(u(),a(e,{family:"menubar"},{default:r(()=>[o(t.$slots,"default")]),_:3}))});export{n as default};
+import e from"../utils/MenuSub.vue.js";import{createBlock as a,defineComponent as u,openBlock as t,provide as n,renderSlot as o,withCtx as r}from"vue";var s=/* @__PURE__ */u({name:"SkdxMenubarSub",__name:"MenubarSub",setup:u=>(n("skdx-menu-family",{family:"menubar"}),(u,n)=>(t(),a(e,null,{default:r(()=>[o(u.$slots,"default")]),_:3})))});export{s as default};

package/dist/menubar/MenubarTrigger.vue.d.cts

@@ -1,14 +1,11 @@
 /**
- * The menubar item that opens its `SkdxMenubarMenu`'s content: renders a
- * `<button type="button" role="menuitem">` marked `data-skdx-menubar-trigger`
- * (for roving focus), with `aria-haspopup="menu"`, `aria-expanded`,
- * `aria-controls`, and `data-state` of `"open"` or `"closed"`. Click toggles
- * its menu; hover or focus switches to it while a sibling menu is already
- * open (matching native app menu bars); Arrow Down/Up, Enter, or Space open
- * it. Must be used inside `SkdxMenubarMenu`.
+ * Menubar trigger button that opens its menu: renders `<button type="button" role="menuitem">`
+ * with `aria-haspopup="menu"`, `aria-expanded`, `aria-controls`, and `data-state`.
+ * Click toggles menu; hover/focus switches while a sibling is open.
+ * Must be used inside `SkdxMenubarMenu`.
  */
 type __VLS_Props = {
-    /** Disables the trigger, excluding it from roving-focus navigation. */
+    /** Disables trigger and excludes it from roving-focus navigation. */
     disabled?: boolean;
 };
 declare var __VLS_1: {};

package/dist/menubar/MenubarTrigger.vue.d.ts

@@ -1,14 +1,11 @@
 /**
- * The menubar item that opens its `SkdxMenubarMenu`'s content: renders a
- * `<button type="button" role="menuitem">` marked `data-skdx-menubar-trigger`
- * (for roving focus), with `aria-haspopup="menu"`, `aria-expanded`,
- * `aria-controls`, and `data-state` of `"open"` or `"closed"`. Click toggles
- * its menu; hover or focus switches to it while a sibling menu is already
- * open (matching native app menu bars); Arrow Down/Up, Enter, or Space open
- * it. Must be used inside `SkdxMenubarMenu`.
+ * Menubar trigger button that opens its menu: renders `<button type="button" role="menuitem">`
+ * with `aria-haspopup="menu"`, `aria-expanded`, `aria-controls`, and `data-state`.
+ * Click toggles menu; hover/focus switches while a sibling is open.
+ * Must be used inside `SkdxMenubarMenu`.
  */
 type __VLS_Props = {
-    /** Disables the trigger, excluding it from roving-focus navigation. */
+    /** Disables trigger and excludes it from roving-focus navigation. */
     disabled?: boolean;
 };
 declare var __VLS_1: {};

package/dist/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const b=require("../utils/popper.cjs"),d=require("./context.cjs");let n=require("vue");var v=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],g=(0,n.defineComponent)({__name:"MenubarTrigger",props:{disabled:{type:Boolean,default:!1}},setup(o){const t=o,a=(0,n.inject)(d.MENUBAR_CONTEXT);if(!a)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubar.");const e=(0,n.inject)(d.MENUBAR_MENU_CONTEXT);if(!e)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const u=(0,n.inject)(b.POPPER_CONTEXT);if(!u)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const l=(0,n.ref)(null);(0,n.onMounted)(()=>{e.triggerRef.value=l.value,u.setAnchor(l.value)}),(0,n.onBeforeUnmount)(()=>{u.anchor.value===l.value&&u.setAnchor(null)});function i(){return a.value.value!==""}function s(){t.disabled||(e.open.value&&e.openedExplicitlyRef.value?(e.onClose(),e.openedExplicitlyRef.value=!1):(e.onOpen(),e.openedExplicitlyRef.value=!0))}function p(r){t.disabled||r.pointerType==="touch"||i()&&a.value.value!==e.menuValue&&(e.onOpen(),e.openedExplicitlyRef.value=!1)}function c(){t.disabled||i()&&a.value.value!==e.menuValue&&(e.onOpen(),e.openedExplicitlyRef.value=!1)}function f(r){t.disabled||["ArrowDown","ArrowUp"," ","Enter"].includes(r.key)&&(r.preventDefault(),e.onOpen(),e.openedExplicitlyRef.value=!0)}return(r,x)=>((0,n.openBlock)(),(0,n.createElementBlock)("button",{class:"skdx-menubar__trigger","data-part":"trigger",ref_key:"elRef",ref:l,type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":(0,n.unref)(e).open.value,"aria-controls":(0,n.unref)(e).contentId,"data-skdx-menubar-trigger":"","data-state":(0,n.unref)(e).open.value?"open":"closed","data-disabled":o.disabled?"":void 0,disabled:o.disabled,onClick:s,onPointerenter:p,onFocus:c,onKeydown:f},[(0,n.renderSlot)(r.$slots,"default")],40,v))}});exports.default=g;
+const b=require("../utils/popper.cjs"),d=require("./context.cjs");let n=require("vue");var v=["id","aria-expanded","aria-controls","data-state","data-disabled","disabled"],g=(0,n.defineComponent)({__name:"MenubarTrigger",props:{disabled:{type:Boolean,default:!1}},setup(i){const a=i,t=(0,n.inject)(d.MENUBAR_CONTEXT);if(!t)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubar.");const e=(0,n.inject)(d.MENUBAR_MENU_CONTEXT);if(!e)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const u=(0,n.inject)(b.POPPER_CONTEXT);if(!u)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const o=(0,n.ref)(null);(0,n.onMounted)(()=>{e.triggerRef.value=o.value,u.setAnchor(o.value)}),(0,n.onBeforeUnmount)(()=>{u.anchor.value===o.value&&u.setAnchor(null)});function l(){return t.menu.value!==""}function s(){a.disabled||(e.openIntent.current="first",e.open.value&&e.openedExplicitlyRef.value?(e.onClose(),e.openedExplicitlyRef.value=!1):(e.onOpen(),e.openedExplicitlyRef.value=!0))}function p(r){a.disabled||r.pointerType==="touch"||(e.openIntent.current="first",l()&&t.menu.value!==e.menuValue&&(e.onOpen(),e.openedExplicitlyRef.value=!1))}function f(){a.disabled||(e.openIntent.current="first",l()&&t.menu.value!==e.menuValue&&(e.onOpen(),e.openedExplicitlyRef.value=!1))}function c(r){a.disabled||(t.orientation.value==="horizontal"?["ArrowDown","ArrowUp"," ","Enter"]:["ArrowRight"," ","Enter"]).includes(r.key)&&(e.openIntent.current=r.key==="ArrowUp"?"last":"first",r.preventDefault(),e.onOpen(),e.openedExplicitlyRef.value=!0)}return(r,h)=>((0,n.openBlock)(),(0,n.createElementBlock)("button",{class:"skdx-menubar__trigger","data-part":"trigger",ref_key:"elRef",ref:o,id:(0,n.unref)(e).triggerId,type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":(0,n.unref)(e).open.value,"aria-controls":(0,n.unref)(e).contentId,"data-skdx-menubar-trigger":"","data-state":(0,n.unref)(e).open.value?"open":"closed","data-disabled":i.disabled?"":void 0,disabled:i.disabled,onClick:s,onPointerenter:p,onFocus:f,onKeydown:c},[(0,n.renderSlot)(r.$slots,"default")],40,v))}});exports.default=g;

package/dist/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"../utils/popper.js";import{MENUBAR_CONTEXT as n,MENUBAR_MENU_CONTEXT as a}from"./context.js";import{createElementBlock as o,defineComponent as r,inject as t,onBeforeUnmount as l,onMounted as u,openBlock as i,ref as d,renderSlot as s,unref as p}from"vue";var c=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],f=/* @__PURE__ */r({__name:"MenubarTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r){const f=r,b=t(n);if(!b)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubar.");const v=t(a);if(!v)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const m=t(e);if(!m)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const x=d(null);function E(){return""!==b.value.value}function g(){f.disabled||(v.open.value&&v.openedExplicitlyRef.value?(v.onClose(),v.openedExplicitlyRef.value=!1):(v.onOpen(),v.openedExplicitlyRef.value=!0))}function k(e){f.disabled||"touch"===e.pointerType||E()&&b.value.value!==v.menuValue&&(v.onOpen(),v.openedExplicitlyRef.value=!1)}function w(){f.disabled||E()&&b.value.value!==v.menuValue&&(v.onOpen(),v.openedExplicitlyRef.value=!1)}function M(e){f.disabled||["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(e.preventDefault(),v.onOpen(),v.openedExplicitlyRef.value=!0)}return u(()=>{v.triggerRef.value=x.value,m.setAnchor(x.value)}),l(()=>{m.anchor.value===x.value&&m.setAnchor(null)}),(e,n)=>(i(),o("button",{class:"skdx-menubar__trigger","data-part":"trigger",ref_key:"elRef",ref:x,type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":p(v).open.value,"aria-controls":p(v).contentId,"data-skdx-menubar-trigger":"","data-state":p(v).open.value?"open":"closed","data-disabled":r.disabled?"":void 0,disabled:r.disabled,onClick:g,onPointerenter:k,onFocus:w,onKeydown:M},[s(e.$slots,"default")],40,c))}});export{f as default};
+import{POPPER_CONTEXT as e}from"../utils/popper.js";import{MENUBAR_CONTEXT as n,MENUBAR_MENU_CONTEXT as t}from"./context.js";import{createElementBlock as r,defineComponent as a,inject as o,onBeforeUnmount as i,onMounted as u,openBlock as l,ref as d,renderSlot as s,unref as p}from"vue";var c=["id","aria-expanded","aria-controls","data-state","data-disabled","disabled"],f=/* @__PURE__ */a({__name:"MenubarTrigger",props:{disabled:{type:Boolean,default:!1}},setup(a){const f=a,b=o(n);if(!b)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubar.");const m=o(t);if(!m)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const v=o(e);if(!v)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const g=d(null);function E(){return""!==b.menu.value}function x(){f.disabled||(m.openIntent.current="first",m.open.value&&m.openedExplicitlyRef.value?(m.onClose(),m.openedExplicitlyRef.value=!1):(m.onOpen(),m.openedExplicitlyRef.value=!0))}function w(e){f.disabled||"touch"===e.pointerType||(m.openIntent.current="first",E()&&b.menu.value!==m.menuValue&&(m.onOpen(),m.openedExplicitlyRef.value=!1))}function k(){f.disabled||(m.openIntent.current="first",E()&&b.menu.value!==m.menuValue&&(m.onOpen(),m.openedExplicitlyRef.value=!1))}function h(e){f.disabled||("horizontal"===b.orientation.value?["ArrowDown","ArrowUp"," ","Enter"]:["ArrowRight"," ","Enter"]).includes(e.key)&&(m.openIntent.current="ArrowUp"===e.key?"last":"first",e.preventDefault(),m.onOpen(),m.openedExplicitlyRef.value=!0)}return u(()=>{m.triggerRef.value=g.value,v.setAnchor(g.value)}),i(()=>{v.anchor.value===g.value&&v.setAnchor(null)}),(e,n)=>(l(),r("button",{class:"skdx-menubar__trigger","data-part":"trigger",ref_key:"elRef",ref:g,id:p(m).triggerId,type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":p(m).open.value,"aria-controls":p(m).contentId,"data-skdx-menubar-trigger":"","data-state":p(m).open.value?"open":"closed","data-disabled":a.disabled?"":void 0,disabled:a.disabled,onClick:x,onPointerenter:w,onFocus:k,onKeydown:h},[s(e.$slots,"default")],40,c))}});export{f as default};

package/dist/menubar/context.cjs

@@ -1 +1 @@
-const E=require("../utils/id.cjs");var e="[data-skdx-menubar-trigger]:not([data-disabled])",n='[role^="menuitem"]:not([data-disabled])',t=Symbol("skdx-menubar-context"),T=Symbol("skdx-menubar-menu-context");function r(){return E.nextId("menubar-content")}var a=Symbol("skdx-menubar-radio-group-context"),_=Symbol("skdx-menubar-item-indicator-context");exports.ITEM_SELECTOR=n;exports.MENUBAR_CONTEXT=t;exports.MENUBAR_ITEM_INDICATOR_CONTEXT=_;exports.MENUBAR_MENU_CONTEXT=T;exports.MENUBAR_RADIO_GROUP_CONTEXT=a;exports.TRIGGER_SELECTOR=e;exports.nextMenubarContentId=r;
+const e=require("../utils/id.cjs");var n="[data-skdx-menubar-trigger]:not([data-disabled])",r='[role^="menuitem"]',t=Symbol("skdx-menubar-context"),E=Symbol("skdx-menubar-menu-context");function T(){return e.nextId("menubar-content")}function a(){return e.nextId("menubar-trigger")}var _=Symbol("skdx-menubar-radio-group-context"),R=Symbol("skdx-menubar-item-indicator-context");exports.ITEM_SELECTOR=r;exports.MENUBAR_CONTEXT=t;exports.MENUBAR_ITEM_INDICATOR_CONTEXT=R;exports.MENUBAR_MENU_CONTEXT=E;exports.MENUBAR_RADIO_GROUP_CONTEXT=_;exports.TRIGGER_SELECTOR=n;exports.nextMenubarContentId=T;exports.nextMenubarTriggerId=a;

package/dist/menubar/context.d.cts

@@ -1,31 +1,75 @@
 import type { InjectionKey, Ref } from 'vue';
-/** @internal Selector matching a Menubar's enabled (non-disabled) menu triggers, for keyboard navigation. */
+import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
+/** @internal Selector for enabled menu triggers (keyboard navigation). */
 export declare const TRIGGER_SELECTOR = "[data-skdx-menubar-trigger]:not([data-disabled])";
-/** @internal Selector matching enabled (non-disabled) items within an open menu, for keyboard navigation. */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
-/** @internal Injection key a Menubar provides so its MenubarMenus can read/drive which menu is open. */
+/**
+ * @internal All menu items, disabled included (APG: focusable for discovery).
+ * Roving-focus runs with `includeDisabled`.
+ */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
+/** Which end to focus when opening (first/last). @internal */
+export type MenubarOpenIntent = 'first' | 'last';
+/** @internal Menubar axis (horizontal/vertical). */
+export type MenubarOrientation = 'horizontal' | 'vertical';
+/** @internal Menubar context. */
 export interface MenubarContext {
-    value: Readonly<Ref<string>>;
-    onValueChange(value: string): void;
+    menu: Readonly<Ref<string>>;
+    onMenuChange(menu: string): void;
+    /** Bar axis (Trigger uses to pick navigation arrows). */
+    orientation: Readonly<Ref<MenubarOrientation>>;
 }
-/** @internal Injection key a Menubar provides so its menus share which menu is currently open. */
+/** @internal Menubar context key. */
 export declare const MENUBAR_CONTEXT: InjectionKey<MenubarContext>;
-/** @internal Per-menu state distributed from a MenubarMenu to its descendants via context. */
+/** @internal Per-menu state. */
 export interface MenubarMenuContext {
     menuValue: string;
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
     contentId: string;
+    /** Trigger id (for aria-labelledby). */
+    triggerId: string;
     open: Readonly<Ref<boolean>>;
-    /** True once this menu was opened by an explicit click (vs. a hover/focus switch), so a repeat click knows to close it. */
+    /** Opened by explicit click (vs. hover/focus switch). */
     openedExplicitlyRef: Ref<boolean>;
     onOpen(): void;
     onClose(): void;
+    /**
+     * Returns focus to this menu's Trigger, announcing the move first as a
+     * cancelable `close-auto-focus`. Escape, Tab and selecting an item are the
+     * three call sites; this is the one function common to all of them.
+     */
+    focusTrigger(): void;
+    /**
+     * Content's `close-auto-focus` emitter, parked where
+     * {@link MenubarMenuContext.focusTrigger} can reach it. A plain mutable box,
+     * not reactive state: nothing renders from it.
+     */
+    closeAutoFocus: {
+        current: ((event: AutoFocusEvent) => void) | undefined;
+    };
+    /**
+     * Which end of this menu the *last* open request asked for. A plain mutable
+     * box, not reactive state: it is read once, by the frame that moves focus
+     * after the panel opens, and nothing renders from it.
+     */
+    openIntent: {
+        current: MenubarOpenIntent;
+    };
+    /**
+     * Bumped on every `onOpen()` call, including one that re-requests an
+     * already-open menu (e.g. `defaultMenu` pre-opened it, then its trigger is
+     * clicked). `open` alone doesn't change in that case — Vue's ref/computed
+     * reactivity no-ops when a write doesn't change the value — so Content's
+     * auto-focus watcher also keys off this to still move focus into the panel.
+     */
+    openRequestId: Readonly<Ref<number>>;
 }
 /** @internal Injection key a MenubarMenu provides so its trigger, content, and items share open state, element refs, and content id. */
 export declare const MENUBAR_MENU_CONTEXT: InjectionKey<MenubarMenuContext>;
 /** @internal Generates a unique id for a MenubarMenu's content. */
 export declare function nextMenubarContentId(): string;
+/** @internal Generates a unique id for a MenubarMenu's trigger, which its content names itself after. */
+export declare function nextMenubarTriggerId(): string;
 /** @internal Shared selected-value state distributed from MenubarRadioGroup to its MenubarRadioItems. */
 export interface MenuRadioGroupContext {
     value: Ref<string | undefined>;

package/dist/menubar/context.d.ts

@@ -1,31 +1,75 @@
 import type { InjectionKey, Ref } from 'vue';
-/** @internal Selector matching a Menubar's enabled (non-disabled) menu triggers, for keyboard navigation. */
+import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
+/** @internal Selector for enabled menu triggers (keyboard navigation). */
 export declare const TRIGGER_SELECTOR = "[data-skdx-menubar-trigger]:not([data-disabled])";
-/** @internal Selector matching enabled (non-disabled) items within an open menu, for keyboard navigation. */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
-/** @internal Injection key a Menubar provides so its MenubarMenus can read/drive which menu is open. */
+/**
+ * @internal All menu items, disabled included (APG: focusable for discovery).
+ * Roving-focus runs with `includeDisabled`.
+ */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
+/** Which end to focus when opening (first/last). @internal */
+export type MenubarOpenIntent = 'first' | 'last';
+/** @internal Menubar axis (horizontal/vertical). */
+export type MenubarOrientation = 'horizontal' | 'vertical';
+/** @internal Menubar context. */
 export interface MenubarContext {
-    value: Readonly<Ref<string>>;
-    onValueChange(value: string): void;
+    menu: Readonly<Ref<string>>;
+    onMenuChange(menu: string): void;
+    /** Bar axis (Trigger uses to pick navigation arrows). */
+    orientation: Readonly<Ref<MenubarOrientation>>;
 }
-/** @internal Injection key a Menubar provides so its menus share which menu is currently open. */
+/** @internal Menubar context key. */
 export declare const MENUBAR_CONTEXT: InjectionKey<MenubarContext>;
-/** @internal Per-menu state distributed from a MenubarMenu to its descendants via context. */
+/** @internal Per-menu state. */
 export interface MenubarMenuContext {
     menuValue: string;
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
     contentId: string;
+    /** Trigger id (for aria-labelledby). */
+    triggerId: string;
     open: Readonly<Ref<boolean>>;
-    /** True once this menu was opened by an explicit click (vs. a hover/focus switch), so a repeat click knows to close it. */
+    /** Opened by explicit click (vs. hover/focus switch). */
     openedExplicitlyRef: Ref<boolean>;
     onOpen(): void;
     onClose(): void;
+    /**
+     * Returns focus to this menu's Trigger, announcing the move first as a
+     * cancelable `close-auto-focus`. Escape, Tab and selecting an item are the
+     * three call sites; this is the one function common to all of them.
+     */
+    focusTrigger(): void;
+    /**
+     * Content's `close-auto-focus` emitter, parked where
+     * {@link MenubarMenuContext.focusTrigger} can reach it. A plain mutable box,
+     * not reactive state: nothing renders from it.
+     */
+    closeAutoFocus: {
+        current: ((event: AutoFocusEvent) => void) | undefined;
+    };
+    /**
+     * Which end of this menu the *last* open request asked for. A plain mutable
+     * box, not reactive state: it is read once, by the frame that moves focus
+     * after the panel opens, and nothing renders from it.
+     */
+    openIntent: {
+        current: MenubarOpenIntent;
+    };
+    /**
+     * Bumped on every `onOpen()` call, including one that re-requests an
+     * already-open menu (e.g. `defaultMenu` pre-opened it, then its trigger is
+     * clicked). `open` alone doesn't change in that case — Vue's ref/computed
+     * reactivity no-ops when a write doesn't change the value — so Content's
+     * auto-focus watcher also keys off this to still move focus into the panel.
+     */
+    openRequestId: Readonly<Ref<number>>;
 }
 /** @internal Injection key a MenubarMenu provides so its trigger, content, and items share open state, element refs, and content id. */
 export declare const MENUBAR_MENU_CONTEXT: InjectionKey<MenubarMenuContext>;
 /** @internal Generates a unique id for a MenubarMenu's content. */
 export declare function nextMenubarContentId(): string;
+/** @internal Generates a unique id for a MenubarMenu's trigger, which its content names itself after. */
+export declare function nextMenubarTriggerId(): string;
 /** @internal Shared selected-value state distributed from MenubarRadioGroup to its MenubarRadioItems. */
 export interface MenuRadioGroupContext {
     value: Ref<string | undefined>;

package/dist/menubar/context.js

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

package/dist/menubar/index.cjs

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

package/dist/menubar/index.d.cts

@@ -1,17 +1,2 @@
 export { default as SkdxMenubar } from './Menubar.vue.cjs';
-export { default as SkdxMenubarArrow } from './MenubarArrow.vue.cjs';
-export { default as SkdxMenubarCheckboxItem } from './MenubarCheckboxItem.vue.cjs';
-export { default as SkdxMenubarContent } from './MenubarContent.vue.cjs';
-export { default as SkdxMenubarGroup } from './MenubarGroup.vue.cjs';
-export { default as SkdxMenubarItem } from './MenubarItem.vue.cjs';
-export { default as SkdxMenubarItemIndicator } from './MenubarItemIndicator.vue.cjs';
-export { default as SkdxMenubarLabel } from './MenubarLabel.vue.cjs';
-export { default as SkdxMenubarMenu } from './MenubarMenu.vue.cjs';
-export { default as SkdxMenubarPortal } from './MenubarPortal.vue.cjs';
-export { default as SkdxMenubarRadioGroup } from './MenubarRadioGroup.vue.cjs';
-export { default as SkdxMenubarRadioItem } from './MenubarRadioItem.vue.cjs';
-export { default as SkdxMenubarSeparator } from './MenubarSeparator.vue.cjs';
-export { default as SkdxMenubarSub } from './MenubarSub.vue.cjs';
-export { default as SkdxMenubarSubContent } from '../utils/MenuSubContent.vue.cjs';
-export { default as SkdxMenubarSubTrigger } from '../utils/MenuSubTrigger.vue.cjs';
-export { default as SkdxMenubarTrigger } from './MenubarTrigger.vue.cjs';
+export type { MenubarMenuDescriptor, MenuItem as MenubarItem } from './types.cjs';

package/dist/menubar/index.d.ts

@@ -1,17 +1,2 @@
 export { default as SkdxMenubar } from './Menubar.vue.js';
-export { default as SkdxMenubarArrow } from './MenubarArrow.vue.js';
-export { default as SkdxMenubarCheckboxItem } from './MenubarCheckboxItem.vue.js';
-export { default as SkdxMenubarContent } from './MenubarContent.vue.js';
-export { default as SkdxMenubarGroup } from './MenubarGroup.vue.js';
-export { default as SkdxMenubarItem } from './MenubarItem.vue.js';
-export { default as SkdxMenubarItemIndicator } from './MenubarItemIndicator.vue.js';
-export { default as SkdxMenubarLabel } from './MenubarLabel.vue.js';
-export { default as SkdxMenubarMenu } from './MenubarMenu.vue.js';
-export { default as SkdxMenubarPortal } from './MenubarPortal.vue.js';
-export { default as SkdxMenubarRadioGroup } from './MenubarRadioGroup.vue.js';
-export { default as SkdxMenubarRadioItem } from './MenubarRadioItem.vue.js';
-export { default as SkdxMenubarSeparator } from './MenubarSeparator.vue.js';
-export { default as SkdxMenubarSub } from './MenubarSub.vue.js';
-export { default as SkdxMenubarSubContent } from '../utils/MenuSubContent.vue.js';
-export { default as SkdxMenubarSubTrigger } from '../utils/MenuSubTrigger.vue.js';
-export { default as SkdxMenubarTrigger } from './MenubarTrigger.vue.js';
+export type { MenubarMenuDescriptor, MenuItem as MenubarItem } from './types.js';

package/dist/menubar/index.js

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

package/dist/menubar/primitives.cjs

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

package/dist/menubar/primitives.d.cts

@@ -0,0 +1,43 @@
+/**
+ * Advanced primitives for `SkdxMenubar` — the parts the recipe composes. Use
+ * when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxMenubarContent, SkdxMenubarItem, SkdxMenubarMenu, SkdxMenubarPortal, SkdxMenubarRoot, SkdxMenubarShortcut, SkdxMenubarTrigger } from '@skdx/vue/primitives/menubar';
+ * </script>
+ *
+ * <template>
+ *   <SkdxMenubarRoot aria-label="Main">
+ *     <SkdxMenubarMenu value="file">
+ *       <SkdxMenubarTrigger>File</SkdxMenubarTrigger>
+ *       <SkdxMenubarPortal>
+ *         <SkdxMenubarContent>
+ *           <SkdxMenubarItem>Save<SkdxMenubarShortcut>⌘S</SkdxMenubarShortcut></SkdxMenubarItem>
+ *         </SkdxMenubarContent>
+ *       </SkdxMenubarPortal>
+ *     </SkdxMenubarMenu>
+ *   </SkdxMenubarRoot>
+ * </template>
+ * ```
+ */
+export { default as SkdxMenubarRoot } from './MenubarRoot.vue.cjs';
+export { default as SkdxMenubarMenu } from './MenubarMenu.vue.cjs';
+export { default as SkdxMenubarTrigger } from './MenubarTrigger.vue.cjs';
+export { default as SkdxMenubarPortal } from './MenubarPortal.vue.cjs';
+export { default as SkdxMenubarContent } from './MenubarContent.vue.cjs';
+export { default as SkdxMenubarArrow } from './MenubarArrow.vue.cjs';
+export { default as SkdxMenubarItem } from './MenubarItem.vue.cjs';
+export { default as SkdxMenubarCheckboxItem } from './MenubarCheckboxItem.vue.cjs';
+export { default as SkdxMenubarRadioGroup } from './MenubarRadioGroup.vue.cjs';
+export { default as SkdxMenubarRadioItem } from './MenubarRadioItem.vue.cjs';
+export { default as SkdxMenubarItemIndicator } from './MenubarItemIndicator.vue.cjs';
+export { default as SkdxMenubarGroup } from './MenubarGroup.vue.cjs';
+export { default as SkdxMenubarLabel } from './MenubarLabel.vue.cjs';
+export { default as SkdxMenubarSeparator } from './MenubarSeparator.vue.cjs';
+export { default as SkdxMenubarShortcut } from './MenubarShortcut.vue.cjs';
+export { default as SkdxMenubarSub } from './MenubarSub.vue.cjs';
+export { default as SkdxMenubarSubTrigger } from '../utils/MenuSubTrigger.vue.cjs';
+export { default as SkdxMenubarSubContent } from '../utils/MenuSubContent.vue.cjs';
+export type { MenubarMenuDescriptor, MenuItem } from './types.cjs';