@skdx/vue 0.27.0 → 0.29.0

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

@@ -1,12 +1,8 @@
-/**
- * Grouping wrapper for related `SkdxMenubarItem`s: renders a
- * `<div role="group">`. Pair with a preceding `SkdxMenubarLabel` to caption
- * the group.
- */
+/** Renders `<div role="group">`, paired with `SkdxMenubarLabel` to caption and name the group. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => 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>;

package/dist/menubar/MenubarGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var u={class:"skdx-menubar__group","data-part":"group",role:"group"},t=(0,e.defineComponent)({__name:"MenubarGroup",setup(_){return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",u,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=t;
+const r=require("../menu/MenuGroup.vue.cjs");let e=require("vue");var t=(0,e.defineComponent)({__name:"MenubarGroup",setup(_){return(u,n)=>((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/MenubarGroup.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as o,renderSlot as r}from"vue";var t={class:"skdx-menubar__group","data-part":"group",role:"group"},s=/* @__PURE__ */a({__name:"MenubarGroup",setup:a=>(a,s)=>(o(),e("div",t,[r(a.$slots,"default")]))});export{s as default};
+import e from"../menu/MenuGroup.vue.js";import{createBlock as o,defineComponent as a,openBlock as t,renderSlot as r,withCtx as u}from"vue";var n=/* @__PURE__ */a({__name:"MenubarGroup",setup:a=>(a,n)=>(t(),o(e,null,{default:u(()=>[r(a.$slots,"default")]),_:3}))});export{n as default};

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

@@ -1,23 +1,37 @@
-/**
- * A single selectable entry in a `SkdxMenubarContent` panel: renders a
- * `<div role="menuitem">`. Selecting it (click, or Enter/Space via roving
- * focus) fires `select`, then closes the menu and refocuses the trigger
- * unless `event.preventDefault()` was called in a `select` listener.
- */
+import type { PolymorphicTag } from '../utils/polymorphic.cjs';
+/** Renders `<div role="menuitem">` as a selectable menu entry that fires `select` when activated. */
 type __VLS_Props = {
-    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
-    disabled?: boolean;
+    /**
+     * Tag name to render instead of default `<div>`, from the library's allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag | undefined;
+    /** Marks item `aria-disabled` and blocks selection, staying focusable for discoverability. */
+    disabled?: boolean | undefined;
+    /**
+     * Text typeahead matches this item by, reflected to `data-text-value`.
+     * @default undefined — typeahead matches rendered text.
+     */
+    textValue?: string | undefined;
+    /**
+     * Whether selecting this item closes the menu it belongs to.
+     * @default true
+     */
+    closeOnSelect?: boolean | undefined;
 };
-declare var __VLS_1: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: Event) => any) | undefined;
+    onSelect?: (event: Event) => any;
 }>, {
-    disabled: boolean;
+    disabled: boolean | undefined;
+    as: PolymorphicTag | undefined;
+    textValue: string | undefined;
+    closeOnSelect: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,23 +1,37 @@
-/**
- * A single selectable entry in a `SkdxMenubarContent` panel: renders a
- * `<div role="menuitem">`. Selecting it (click, or Enter/Space via roving
- * focus) fires `select`, then closes the menu and refocuses the trigger
- * unless `event.preventDefault()` was called in a `select` listener.
- */
+import type { PolymorphicTag } from '../utils/polymorphic.js';
+/** Renders `<div role="menuitem">` as a selectable menu entry that fires `select` when activated. */
 type __VLS_Props = {
-    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
-    disabled?: boolean;
+    /**
+     * Tag name to render instead of default `<div>`, from the library's allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag | undefined;
+    /** Marks item `aria-disabled` and blocks selection, staying focusable for discoverability. */
+    disabled?: boolean | undefined;
+    /**
+     * Text typeahead matches this item by, reflected to `data-text-value`.
+     * @default undefined — typeahead matches rendered text.
+     */
+    textValue?: string | undefined;
+    /**
+     * Whether selecting this item closes the menu it belongs to.
+     * @default true
+     */
+    closeOnSelect?: boolean | undefined;
 };
-declare var __VLS_1: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: Event) => any) | undefined;
+    onSelect?: (event: Event) => any;
 }>, {
-    disabled: boolean;
+    disabled: boolean | undefined;
+    as: PolymorphicTag | undefined;
+    textValue: string | undefined;
+    closeOnSelect: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/menubar/MenubarItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const b=require("../utils/useMenuItem.cjs"),c=require("./context.cjs");let e=require("vue");var I=(0,e.defineComponent)({__name:"MenubarItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(m,{emit:d}){const f=m,a=d,r=(0,e.inject)(c.MENUBAR_MENU_CONTEXT);if(!r)throw new Error("SkdxMenubarItem must be used within SkdxMenubarMenu.");const{itemAttrs:p,onItemClick:u,onItemKeydown:s,onItemPointerenter:i,onItemPointerleave:l}=b.useMenuItem({disabled:(0,e.toRef)(f,"disabled"),onSelect:o=>a("select",o),onSelected:()=>{r.onClose(),r.triggerRef.value?.focus()},contentRef:r.contentRef});return(o,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-menubar__item","data-part":"item",role:"menuitem"},(0,e.unref)(p),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...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)(i)&&(0,e.unref)(i)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(l)&&(0,e.unref)(l)(...n))}),[(0,e.renderSlot)(o.$slots,"default")],16))}});exports.default=I;
+const a=require("../utils/injectRequired.cjs"),s=require("../menu/context.cjs"),d=require("../menu/MenuItem.vue.cjs");let e=require("vue");var c=(0,e.defineComponent)({__name:"MenubarItem",props:{as:{default:"div"},disabled:{type:Boolean,default:!1},textValue:{default:void 0},closeOnSelect:{type:Boolean,default:void 0}},emits:["select"],setup(u,{emit:r}){const n=u,l=r;return a.injectRequired(s.MENU_CONTEXT,"SkdxMenubarItem must be used within SkdxMenubarMenu."),(o,t)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,(0,e.mergeProps)(n,{onSelect:t[0]||(t[0]=i=>l("select",i))}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},16))}});exports.default=c;

package/dist/menubar/MenubarItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useMenuItem as e}from"../utils/useMenuItem.js";import{MENUBAR_MENU_CONTEXT as t}from"./context.js";import{createElementBlock as n,defineComponent as o,inject as s,mergeProps as r,openBlock as a,renderSlot as m,toRef as i,unref as l}from"vue";var u=/* @__PURE__ */o({__name:"MenubarItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(o,{emit:u}){const d=o,c=u,f=s(t);if(!f)throw new Error("SkdxMenubarItem must be used within SkdxMenubarMenu.");const{itemAttrs:p,onItemClick:b,onItemKeydown:I,onItemPointerenter:M,onItemPointerleave:k}=e({disabled:i(d,"disabled"),onSelect:e=>c("select",e),onSelected:()=>{f.onClose(),f.triggerRef.value?.focus()},contentRef:f.contentRef});return(e,t)=>(a(),n("div",r({class:"skdx-menubar__item","data-part":"item",role:"menuitem"},l(p),{onClick:t[0]||(t[0]=(...e)=>l(b)&&l(b)(...e)),onKeydown:t[1]||(t[1]=(...e)=>l(I)&&l(I)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>l(M)&&l(M)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>l(k)&&l(k)(...e))}),[m(e.$slots,"default")],16))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{MENU_CONTEXT as t}from"../menu/context.js";import o from"../menu/MenuItem.vue.js";import{createBlock as a,defineComponent as s,mergeProps as u,openBlock as n,renderSlot as r,withCtx as l}from"vue";var d=/* @__PURE__ */s({__name:"MenubarItem",props:{as:{default:"div"},disabled:{type:Boolean,default:!1},textValue:{default:void 0},closeOnSelect:{type:Boolean,default:void 0}},emits:["select"],setup(s,{emit:d}){const i=s,m=d;return e(t,"SkdxMenubarItem must be used within SkdxMenubarMenu."),(e,t)=>(n(),a(o,u(i,{onSelect:t[0]||(t[0]=e=>m("select",e))}),{default:l(()=>[r(e.$slots,"default")]),_:3},16))}});export{d as default};

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

@@ -1,16 +1,11 @@
-/**
- * Renders its children (typically a check glyph) only while the enclosing
- * `SkdxMenubarCheckboxItem` or `SkdxMenubarRadioItem` is checked. Exposes
- * `data-state` (`checked`/`unchecked`). Mounts only while checked unless
- * `forceMount` is set.
- */
+/** Renders children (typically a glyph) only while the checkbox or radio item is checked. */
 type __VLS_Props = {
-    /** Keep this indicator mounted even while unchecked, instead of unmounting it. */
+    /** Keep indicator mounted while unchecked, for animations needing outgoing content. */
     forceMount?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     forceMount: boolean;

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

@@ -1,16 +1,11 @@
-/**
- * Renders its children (typically a check glyph) only while the enclosing
- * `SkdxMenubarCheckboxItem` or `SkdxMenubarRadioItem` is checked. Exposes
- * `data-state` (`checked`/`unchecked`). Mounts only while checked unless
- * `forceMount` is set.
- */
+/** Renders children (typically a glyph) only while the checkbox or radio item is checked. */
 type __VLS_Props = {
-    /** Keep this indicator mounted even while unchecked, instead of unmounting it. */
+    /** Keep indicator mounted while unchecked, for animations needing outgoing content. */
     forceMount?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     forceMount: boolean;

package/dist/menubar/MenubarItemIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var c=["data-state"],o=(0,e.defineComponent)({__name:"MenubarItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=(0,e.inject)(n.MENUBAR_ITEM_INDICATOR_CONTEXT,(0,e.ref)(!1));return(a,u)=>r.forceMount||(0,e.unref)(t)?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-menubar__item-indicator","data-part":"item-indicator","data-state":(0,e.unref)(t)?"checked":"unchecked"},[(0,e.renderSlot)(a.$slots,"default")],8,c)):(0,e.createCommentVNode)("",!0)}});exports.default=o;
+const a=require("../menu/MenuItemIndicator.vue.cjs");let e=require("vue");var o=(0,e.defineComponent)({__name:"MenubarItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(t){const r=t;return(u,n)=>((0,e.openBlock)(),(0,e.createBlock)(a.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(r)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"default")]),_:3},16))}});exports.default=o;

package/dist/menubar/MenubarItemIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{MENUBAR_ITEM_INDICATOR_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as o,inject as n,openBlock as r,ref as s,renderSlot as c,unref as d}from"vue";var m=["data-state"],u=/* @__PURE__ */o({__name:"MenubarItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(o){const u=n(e,s(!1));return(e,n)=>o.forceMount||d(u)?(r(),a("span",{key:0,class:"skdx-menubar__item-indicator","data-part":"item-indicator","data-state":d(u)?"checked":"unchecked"},[c(e.$slots,"default")],8,m)):t("",!0)}});export{u as default};
+import e from"../menu/MenuItemIndicator.vue.js";import{createBlock as o,defineComponent as t,guardReactiveProps as a,normalizeProps as r,openBlock as n,renderSlot as s,withCtx as u}from"vue";var p=/* @__PURE__ */t({__name:"MenubarItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(t){const p=t;return(t,l)=>(n(),o(e,r(a(p)),{default:u(()=>[s(t.$slots,"default")]),_:3},16))}});export{p as default};

package/dist/menubar/MenubarItems.vue.cjs

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

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

@@ -0,0 +1,25 @@
+import type { MenuItem } from './types.cjs';
+/** @internal The item list that `MenubarAnatomy` draws, recursing for submenus and groups. */
+type __VLS_Props = {
+    items: MenuItem[];
+    /** The recipe's `select`, fired after the item's own `onSelect`. */
+    onItemSelect?: ((item: MenuItem) => void) | undefined;
+    /**
+     * Size rung the skin renders the submenu panels at, applied to the derived SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    item?(props: {
+        item: MenuItem;
+    }): 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/menubar/MenubarItems.vue.d.ts

@@ -0,0 +1,25 @@
+import type { MenuItem } from './types.js';
+/** @internal The item list that `MenubarAnatomy` draws, recursing for submenus and groups. */
+type __VLS_Props = {
+    items: MenuItem[];
+    /** The recipe's `select`, fired after the item's own `onSelect`. */
+    onItemSelect?: ((item: MenuItem) => void) | undefined;
+    /**
+     * Size rung the skin renders the submenu panels at, applied to the derived SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    item?(props: {
+        item: MenuItem;
+    }): 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/menubar/MenubarItems.vue.js

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

package/dist/menubar/MenubarItems.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/Glyph.vue.cjs"),S=require("../utils/MenuSubContent.vue.cjs"),x=require("../utils/MenuSubTrigger.vue.cjs"),q=require("./MenubarCheckboxItem.vue.cjs"),B=require("./MenubarGroup.vue.cjs"),V=require("./MenubarItem.vue.cjs"),c=require("./MenubarItemIndicator.vue.cjs"),v=require("./MenubarLabel.vue.cjs"),g=require("./MenubarRadioGroup.vue.cjs"),_=require("./MenubarRadioItem.vue.cjs"),N=require("./MenubarSeparator.vue.cjs"),d=require("./MenubarShortcut.vue.cjs"),m=require("./MenubarSub.vue.cjs");let e=require("vue");var M=(0,e.defineComponent)({__name:"MenubarItems",props:{items:{},onItemSelect:{type:Function},size:{}},setup(l){const s=l,i=r=>"type"in r&&r.type==="separator",k=r=>"type"in r&&r.type==="checkbox",b=r=>"type"in r&&r.type==="radio-group",f=r=>"type"in r&&r.type==="submenu",h=r=>"type"in r&&r.type==="group";function p(r,o){return"type"in r?`${r.type}-${o}`:`${r.label}-${o}`}function y(r){r.onSelect?.(),s.onItemSelect?.(r)}return(r,o)=>{const u=(0,e.resolveComponent)("MenubarItems",!0);return(0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.items,(t,C)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:p(t,C)},[i(t)?((0,e.openBlock)(),(0,e.createBlock)(N.default,{key:0})):k(t)?((0,e.openBlock)(),(0,e.createBlock)(q.default,{key:1,checked:t.checked??!1,disabled:t.disabled,"text-value":t.textValue??t.label,onCheckedChange:a=>t.onCheckedChange?.(a),onSelect:a=>l.onItemSelect?.(t)},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default,{"aria-hidden":"true"},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{name:"check"})]),_:1}),(0,e.renderSlot)(r.$slots,"item",{item:t},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),t.shortcut?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.shortcut),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0)]),_:2},1032,["checked","disabled","text-value","onCheckedChange","onSelect"])):b(t)?((0,e.openBlock)(),(0,e.createBlock)(g.default,{key:2,value:t.value,onValueChange:a=>t.onValueChange?.(a)},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,a=>((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:a.value,value:a.value,disabled:a.disabled,"text-value":a.textValue??a.label},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default,{"aria-hidden":"true"},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{name:"dot"})]),_:1}),(0,e.createTextVNode)(" "+(0,e.toDisplayString)(a.label),1)]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1032,["value","onValueChange"])):f(t)?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:3},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(x.default,{disabled:t.disabled,"text-value":t.textValue??t.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"item",{item:t},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:2},1032,["disabled","text-value"]),(0,e.createVNode)(S.default,{size:l.size},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u,{items:t.items,"on-item-select":l.onItemSelect,size:l.size},(0,e.createSlots)({_:2},[r.$slots.item?{name:"item",fn:(0,e.withCtx)(a=>[(0,e.renderSlot)(r.$slots,"item",(0,e.mergeProps)({ref_for:!0},a))]),key:"0"}:void 0]),1032,["items","on-item-select","size"])]),_:2},1032,["size"])]),_:2},1024)):h(t)?((0,e.openBlock)(),(0,e.createBlock)(B.default,{key:4},{default:(0,e.withCtx)(()=>[t.label?((0,e.openBlock)(),(0,e.createBlock)(v.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(u,{items:t.items,"on-item-select":l.onItemSelect,size:l.size},(0,e.createSlots)({_:2},[r.$slots.item?{name:"item",fn:(0,e.withCtx)(a=>[(0,e.renderSlot)(r.$slots,"item",(0,e.mergeProps)({ref_for:!0},a))]),key:"0"}:void 0]),1032,["items","on-item-select","size"])]),_:2},1024)):((0,e.openBlock)(),(0,e.createBlock)(V.default,{key:5,disabled:t.disabled,"text-value":t.textValue??t.label,onSelect:a=>y(t)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"item",{item:t},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),t.shortcut?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.shortcut),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0)]),_:2},1032,["disabled","text-value","onSelect"]))],64))),128)}}});exports.default=M;

package/dist/menubar/MenubarItems.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Glyph.vue.js";import t from"../utils/MenuSubContent.vue.js";import a from"../utils/MenuSubTrigger.vue.js";import l from"./MenubarCheckboxItem.vue.js";import o from"./MenubarGroup.vue.js";import s from"./MenubarItem.vue.js";import u from"./MenubarItemIndicator.vue.js";import i from"./MenubarLabel.vue.js";import r from"./MenubarRadioGroup.vue.js";import n from"./MenubarRadioItem.vue.js";import m from"./MenubarSeparator.vue.js";import d from"./MenubarShortcut.vue.js";import c from"./MenubarSub.vue.js";import{Fragment as p,createBlock as b,createCommentVNode as f,createElementBlock as v,createSlots as y,createTextVNode as k,createVNode as h,defineComponent as _,mergeProps as S,openBlock as x,renderList as C,renderSlot as M,resolveComponent as g,toDisplayString as j,withCtx as I}from"vue";var $=/* @__PURE__ */_({__name:"MenubarItems",props:{items:{},onItemSelect:{type:Function},size:{}},setup(_){const $=_,z=e=>"type"in e&&"separator"===e.type,V=e=>"type"in e&&"checkbox"===e.type,B=e=>"type"in e&&"radio-group"===e.type,G=e=>"type"in e&&"submenu"===e.type,N=e=>"type"in e&&"group"===e.type;function F(e,t){return"type"in e?`${e.type}-${t}`:`${e.label}-${t}`}return(L,R)=>{const T=g("MenubarItems",!0);return x(!0),v(p,null,C(_.items,(g,R)=>(x(),v(p,{key:F(g,R)},[z(g)?(x(),b(m,{key:0})):V(g)?(x(),b(l,{key:1,checked:g.checked??!1,disabled:g.disabled,"text-value":g.textValue??g.label,onCheckedChange:e=>g.onCheckedChange?.(e),onSelect:e=>_.onItemSelect?.(g)},{default:I(()=>[h(u,{"aria-hidden":"true"},{default:I(()=>[h(e,{name:"check"})]),_:1}),M(L.$slots,"item",{item:g},()=>[k(j(g.label),1)]),g.shortcut?(x(),b(d,{key:0},{default:I(()=>[k(j(g.shortcut),1)]),_:2},1024)):f("",!0)]),_:2},1032,["checked","disabled","text-value","onCheckedChange","onSelect"])):B(g)?(x(),b(r,{key:2,value:g.value,onValueChange:e=>g.onValueChange?.(e)},{default:I(()=>[(x(!0),v(p,null,C(g.items,t=>(x(),b(n,{key:t.value,value:t.value,disabled:t.disabled,"text-value":t.textValue??t.label},{default:I(()=>[h(u,{"aria-hidden":"true"},{default:I(()=>[h(e,{name:"dot"})]),_:1}),k(" "+j(t.label),1)]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1032,["value","onValueChange"])):G(g)?(x(),b(c,{key:3},{default:I(()=>[h(a,{disabled:g.disabled,"text-value":g.textValue??g.label},{default:I(()=>[M(L.$slots,"item",{item:g},()=>[k(j(g.label),1)])]),_:2},1032,["disabled","text-value"]),h(t,{size:_.size},{default:I(()=>[h(T,{items:g.items,"on-item-select":_.onItemSelect,size:_.size},y({_:2},[L.$slots.item?{name:"item",fn:I(e=>[M(L.$slots,"item",S({ref_for:!0},e))]),key:"0"}:void 0]),1032,["items","on-item-select","size"])]),_:2},1032,["size"])]),_:2},1024)):N(g)?(x(),b(o,{key:4},{default:I(()=>[g.label?(x(),b(i,{key:0},{default:I(()=>[k(j(g.label),1)]),_:2},1024)):f("",!0),h(T,{items:g.items,"on-item-select":_.onItemSelect,size:_.size},y({_:2},[L.$slots.item?{name:"item",fn:I(e=>[M(L.$slots,"item",S({ref_for:!0},e))]),key:"0"}:void 0]),1032,["items","on-item-select","size"])]),_:2},1024)):(x(),b(s,{key:5,disabled:g.disabled,"text-value":g.textValue??g.label,onSelect:e=>function(e){e.onSelect?.(),$.onItemSelect?.(e)}(g)},{default:I(()=>[M(L.$slots,"item",{item:g},()=>[k(j(g.label),1)]),g.shortcut?(x(),b(d,{key:0},{default:I(()=>[k(j(g.shortcut),1)]),_:2},1024)):f("",!0)]),_:2},1032,["disabled","text-value","onSelect"]))],64))),128)}}});export{$ as default};

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

@@ -1,11 +1,8 @@
-/**
- * Non-interactive heading within a menu, typically preceding a
- * `SkdxMenubarGroup`. Renders a plain `<div>`.
- */
+/** Renders `<div>` as a non-interactive menu heading, becoming the group's accessible name inside one. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => 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>;

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

@@ -1,11 +1,8 @@
-/**
- * Non-interactive heading within a menu, typically preceding a
- * `SkdxMenubarGroup`. Renders a plain `<div>`.
- */
+/** Renders `<div>` as a non-interactive menu heading, becoming the group's accessible name inside one. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => 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>;

package/dist/menubar/MenubarLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var t={class:"skdx-menubar__label","data-part":"label"},r=(0,e.defineComponent)({__name:"MenubarLabel",setup(l){return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",t,[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=r;
+const u=require("../menu/MenuLabel.vue.cjs");let e=require("vue");var r=(0,e.defineComponent)({__name:"MenubarLabel",setup(l){return(t,a)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}))}});exports.default=r;

package/dist/menubar/MenubarLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as l,renderSlot as t}from"vue";var s={class:"skdx-menubar__label","data-part":"label"},o=/* @__PURE__ */a({__name:"MenubarLabel",setup:a=>(a,o)=>(l(),e("div",s,[t(a.$slots,"default")]))});export{o as default};
+import e from"../menu/MenuLabel.vue.js";import{createBlock as a,defineComponent as t,openBlock as o,renderSlot as l,withCtx as n}from"vue";var r=/* @__PURE__ */t({__name:"MenubarLabel",setup:t=>(t,r)=>(o(),a(e,null,{default:n(()=>[l(t.$slots,"default")]),_:3}))});export{r as default};

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

@@ -1,14 +1,4 @@
-/**
- * Groups a single menu's trigger, portal, and content, and provides the
- * popper anchor context they position against. Renders no DOM of its own —
- * renders `slot` directly. Must be used inside `SkdxMenubar`.
- *
- * The menubar root owns *which* menu is open, so this is where the settled
- * announcement lives: `open-change-complete` fires once this menu's own change
- * has finished on screen — after `SkdxMenubarContent`'s enter or exit animation
- * ends, or in the same task when it declares none. A menu that mounts already
- * open reports nothing; mounting is not a change.
- */
+/** Groups a single menu's trigger, portal, and content, rendering no DOM of its own. */
 type __VLS_Props = {
     /** Unique identifier matched against the root's open `value`. */
     value: string;
@@ -20,7 +10,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "open-change-complete": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,14 +1,4 @@
-/**
- * Groups a single menu's trigger, portal, and content, and provides the
- * popper anchor context they position against. Renders no DOM of its own —
- * renders `slot` directly. Must be used inside `SkdxMenubar`.
- *
- * The menubar root owns *which* menu is open, so this is where the settled
- * announcement lives: `open-change-complete` fires once this menu's own change
- * has finished on screen — after `SkdxMenubarContent`'s enter or exit animation
- * ends, or in the same task when it declares none. A menu that mounts already
- * open reports nothing; mounting is not a change.
- */
+/** Groups a single menu's trigger, portal, and content, rendering no DOM of its own. */
 type __VLS_Props = {
     /** Unique identifier matched against the root's open `value`. */
     value: string;
@@ -20,7 +10,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "open-change-complete": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/menubar/MenubarMenu.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("../utils/useOpenChangeComplete.cjs"),m=require("../utils/PopperRoot.vue.cjs"),o=require("./context.cjs");let e=require("vue");var v=(0,e.defineComponent)({__name:"MenubarMenu",props:{value:{}},emits:["open-change-complete"],setup(c,{emit:p}){const t=c,s=p,n=(0,e.inject)(o.MENUBAR_CONTEXT);if(!n)throw new Error("SkdxMenubarMenu must be used within SkdxMenubar.");const i=(0,e.ref)(null),r=(0,e.ref)(null),l=(0,e.ref)(!1),a=(0,e.computed)(()=>n.value.value===t.value);d.useOpenChangeComplete(a,r,u=>s("open-change-complete",u));function _(){n.onValueChange(t.value)}function f(){l.value=!1,n.onValueChange("")}return(0,e.provide)(o.MENUBAR_MENU_CONTEXT,{get menuValue(){return t.value},triggerRef:i,contentRef:r,contentId:o.nextMenubarContentId(),open:a,openedExplicitlyRef:l,onOpen:_,onClose:f}),(u,C)=>((0,e.openBlock)(),(0,e.createBlock)(m.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"default")]),_:3}))}});exports.default=v;
+const C=require("../utils/injectRequired.cjs"),b=require("../utils/direction.cjs"),E=require("../utils/dismissal.cjs"),O=require("../utils/useOpenChangeComplete.cjs"),T=require("../utils/menuSub.cjs"),h=require("../menu/context.cjs"),x=require("../utils/PopperRoot.vue.cjs"),N=require("./MenubarLabel.vue.cjs"),u=require("./context.cjs");let e=require("vue");var R=(0,e.defineComponent)({__name:"MenubarMenu",props:{value:{}},emits:["open-change-complete"],setup(v,{emit:M}){const r=v,g=M,o=C.injectRequired(u.MENUBAR_CONTEXT,"SkdxMenubarMenu must be used within SkdxMenubar."),t=(0,e.ref)(null),c=(0,e.ref)(null),a=(0,e.ref)(!1),i=(0,e.computed)(()=>o.menu.value===r.value),s=(0,e.ref)(0);O.useOpenChangeComplete(i,c,n=>g("open-change-complete",n));function p(){o.onMenuChange(r.value),s.value++}function d(){a.value=!1,o.onMenuChange("")}const l={current:void 0},_={current:"first"};function f(){E.autoFocusEvent("close-auto-focus",l.current)&&t.value?.focus()}const m=u.nextMenubarContentId(),q=u.nextMenubarTriggerId();return(0,e.provide)(T.MENU_FAMILY_CONTEXT,{family:"menubar",label:N.default}),(0,e.provide)(h.MENU_CONTEXT,{triggerRef:t,contentRef:c,contentId:m,triggerId:q,open:i,modal:(0,e.computed)(()=>!1),closeOnSelect:(0,e.computed)(()=>!0),setOpen:n=>n?p():d(),focusTrigger:f,closeAutoFocus:l,openIntent:_,openRequestId:s,dir:(0,e.computed)(()=>b.resolveDirection(t.value)),openOn:(0,e.computed)(()=>"click"),point:(0,e.computed)(()=>({x:0,y:0})),setPoint:()=>{}}),(0,e.provide)(u.MENUBAR_MENU_CONTEXT,{get menuValue(){return r.value},triggerRef:t,contentRef:c,contentId:m,triggerId:q,open:i,openedExplicitlyRef:a,onOpen:p,onClose:d,focusTrigger:f,closeAutoFocus:l,openIntent:_,openRequestId:s}),(n,I)=>((0,e.openBlock)(),(0,e.createBlock)(x.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3}))}});exports.default=R;

package/dist/menubar/MenubarMenu.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import n from"../utils/PopperRoot.vue.js";import{MENUBAR_CONTEXT as t,MENUBAR_MENU_CONTEXT as o,nextMenubarContentId as a}from"./context.js";import{computed as u,createBlock as l,defineComponent as r,inject as s,openBlock as p,provide as i,ref as m,renderSlot as c,withCtx as f}from"vue";var d=/* @__PURE__ */r({__name:"MenubarMenu",props:{value:{}},emits:["open-change-complete"],setup(r,{emit:d}){const C=r,v=d,g=s(t);if(!g)throw new Error("SkdxMenubarMenu must be used within SkdxMenubar.");const h=m(null),M=m(null),x=m(!1),E=u(()=>g.value.value===C.value);return e(E,M,e=>v("open-change-complete",e)),i(o,{get menuValue(){return C.value},triggerRef:h,contentRef:M,contentId:a(),open:E,openedExplicitlyRef:x,onOpen:function(){g.onValueChange(C.value)},onClose:function(){x.value=!1,g.onValueChange("")}}),(e,t)=>(p(),l(n,null,{default:f(()=>[c(e.$slots,"default")]),_:3}))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{resolveDirection as t}from"../utils/direction.js";import{autoFocusEvent as n}from"../utils/dismissal.js";import{useOpenChangeComplete as o}from"../utils/useOpenChangeComplete.js";import{MENU_FAMILY_CONTEXT as u}from"../utils/menuSub.js";import{MENU_CONTEXT as r}from"../menu/context.js";import s from"../utils/PopperRoot.vue.js";import a from"./MenubarLabel.vue.js";import{MENUBAR_CONTEXT as i,MENUBAR_MENU_CONTEXT as l,nextMenubarContentId as c,nextMenubarTriggerId as p}from"./context.js";import{computed as m,createBlock as f,defineComponent as d,openBlock as g,provide as v,ref as M,renderSlot as C,withCtx as R}from"vue";var b=/* @__PURE__ */d({__name:"MenubarMenu",props:{value:{}},emits:["open-change-complete"],setup(d,{emit:b}){const j=d,E=b,I=e(i,"SkdxMenubarMenu must be used within SkdxMenubar."),T=M(null),x=M(null),O=M(!1),N=m(()=>I.menu.value===j.value),_=M(0);function h(){I.onMenuChange(j.value),_.value++}function k(){O.value=!1,I.onMenuChange("")}o(N,x,e=>E("open-change-complete",e));const A={current:void 0},S={current:"first"};function U(){n("close-auto-focus",A.current)&&T.value?.focus()}const q=c(),B=p();return v(u,{family:"menubar",label:a}),v(r,{triggerRef:T,contentRef:x,contentId:q,triggerId:B,open:N,modal:m(()=>!1),closeOnSelect:m(()=>!0),setOpen:e=>e?h():k(),focusTrigger:U,closeAutoFocus:A,openIntent:S,openRequestId:_,dir:m(()=>t(T.value)),openOn:m(()=>"click"),point:m(()=>({x:0,y:0})),setPoint:()=>{}}),v(l,{get menuValue(){return j.value},triggerRef:T,contentRef:x,contentId:q,triggerId:B,open:N,openedExplicitlyRef:O,onOpen:h,onClose:k,focusTrigger:U,closeAutoFocus:A,openIntent:S,openRequestId:_}),(e,t)=>(g(),f(s,null,{default:R(()=>[C(e.$slots,"default")]),_:3}))}});export{b as default};

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

@@ -1,10 +1,5 @@
 import type { PortalContainer } from '../utils/portal.cjs';
-/**
- * Teleports its `SkdxMenubarContent` into `document.body` (or a custom
- * `container`), so the panel escapes clipping/stacking contexts. Unmounted (unless
- * `forceMount`) while the menu is closed. Must be used inside
- * `SkdxMenubarMenu`.
- */
+/** Teleports menu content into `document.body` (or a custom `container`) to escape clipping contexts. */
 type __VLS_Props = {
     /**
      * DOM node (or CSS selector) the children are rendered into.

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

@@ -1,10 +1,5 @@
 import type { PortalContainer } from '../utils/portal.js';
-/**
- * Teleports its `SkdxMenubarContent` into `document.body` (or a custom
- * `container`), so the panel escapes clipping/stacking contexts. Unmounted (unless
- * `forceMount`) while the menu is closed. Must be used inside
- * `SkdxMenubarMenu`.
- */
+/** Teleports menu content into `document.body` (or a custom `container`) to escape clipping contexts. */
 type __VLS_Props = {
     /**
      * DOM node (or CSS selector) the children are rendered into.

package/dist/menubar/MenubarPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("../utils/Portal.vue.cjs"),o=require("./context.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"MenubarPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(o.MENUBAR_MENU_CONTEXT);if(!r)throw new Error("SkdxMenubarPortal must be used within SkdxMenubarMenu.");return(n,l)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=a;
+const u=require("../utils/injectRequired.cjs"),o=require("../utils/Portal.vue.cjs"),a=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"MenubarPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=u.injectRequired(a.MENUBAR_MENU_CONTEXT,"SkdxMenubarPortal must be used within SkdxMenubarMenu.");return(n,c)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=l;

package/dist/menubar/MenubarPortal.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../utils/Portal.vue.js";import{MENUBAR_MENU_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as r,defineComponent as a,inject as n,openBlock as u,renderSlot as s,unref as l,withCtx as i}from"vue";var c=/* @__PURE__ */a({__name:"MenubarPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(a){const c=n(t);if(!c)throw new Error("SkdxMenubarPortal must be used within SkdxMenubarMenu.");return(t,n)=>a.forceMount||l(c).open.value?(u(),o(e,{key:0,container:a.container},{default:i(()=>[s(t.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import t from"../utils/Portal.vue.js";import{MENUBAR_MENU_CONTEXT as o}from"./context.js";import{createBlock as r,createCommentVNode as a,defineComponent as n,openBlock as u,renderSlot as s,unref as i,withCtx as l}from"vue";var c=/* @__PURE__ */n({__name:"MenubarPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(n){const c=e(o,"SkdxMenubarPortal must be used within SkdxMenubarMenu.");return(e,o)=>n.forceMount||i(c).open.value?(u(),r(t,{key:0,container:n.container},{default:l(()=>[s(e.$slots,"default")]),_:3},8,["container"])):a("",!0)}});export{c as default};

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

@@ -1,31 +1,24 @@
 /**
- * Wraps a set of mutually-exclusive `SkdxMenubarRadioItem`s: renders a
- * `<div role="group">` and distributes the selected `value` to its items
- * via context.
+ * Wraps mutually-exclusive radio items: renders `<div role="group">` and distributes
+ * selected value to items via context.
  */
 type __VLS_Props = {
     /**
-     * Value of the currently checked radio item. Pair with `v-model:value` or
-     * `@value-change`.
-     * @default undefined — uncontrolled, starting from `defaultValue`.
+     * Value of the currently checked radio item, for controlled usage via `v-model:value` or `@value-change`.
+     * @default undefined — no item is checked until one is chosen.
      */
-    value?: string;
-    /**
-     * Value of the initially checked radio item, for uncontrolled usage.
-     * @default undefined — no item checked.
-     */
-    defaultValue?: string;
+    value?: string | undefined;
 };
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string) => any;
     "value-change": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,31 +1,24 @@
 /**
- * Wraps a set of mutually-exclusive `SkdxMenubarRadioItem`s: renders a
- * `<div role="group">` and distributes the selected `value` to its items
- * via context.
+ * Wraps mutually-exclusive radio items: renders `<div role="group">` and distributes
+ * selected value to items via context.
  */
 type __VLS_Props = {
     /**
-     * Value of the currently checked radio item. Pair with `v-model:value` or
-     * `@value-change`.
-     * @default undefined — uncontrolled, starting from `defaultValue`.
+     * Value of the currently checked radio item, for controlled usage via `v-model:value` or `@value-change`.
+     * @default undefined — no item is checked until one is chosen.
      */
-    value?: string;
-    /**
-     * Value of the initially checked radio item, for uncontrolled usage.
-     * @default undefined — no item checked.
-     */
-    defaultValue?: string;
+    value?: string | undefined;
 };
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string) => any;
     "value-change": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/menubar/MenubarRadioGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var p={class:"skdx-menubar__radio-group","data-part":"radio-group",role:"group"},v=(0,e.defineComponent)({__name:"MenubarRadioGroup",props:{value:{},defaultValue:{}},emits:["update:value","value-change"],setup(o,{emit:n}){const u=o,r=n,t=(0,e.ref)(u.defaultValue),l=(0,e.computed)(()=>u.value!==void 0);return(0,e.provide)(d.MENUBAR_RADIO_GROUP_CONTEXT,{value:(0,e.computed)(()=>l.value?u.value:t.value),onValueChange:a=>{l.value||(t.value=a),r("update:value",a),r("value-change",a)}}),(a,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",p,[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=v;
+const p=require("../menu/MenuRadioGroup.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"MenubarRadioGroup",props:{value:{}},emits:["update:value","value-change"],setup(a,{emit:o}){const n=a,r=o;return(l,u)=>((0,e.openBlock)(),(0,e.createBlock)(p.default,(0,e.mergeProps)(n,{"onUpdate:value":u[0]||(u[0]=t=>r("update:value",t)),onValueChange:u[1]||(u[1]=t=>r("value-change",t))}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"default")]),_:3},16))}});exports.default=d;

package/dist/menubar/MenubarRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{MENUBAR_RADIO_GROUP_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as u,defineComponent as o,openBlock as l,provide as r,ref as t,renderSlot as s}from"vue";var d={class:"skdx-menubar__radio-group","data-part":"radio-group",role:"group"},p=/* @__PURE__ */o({__name:"MenubarRadioGroup",props:{value:{},defaultValue:{}},emits:["update:value","value-change"],setup(o,{emit:p}){const v=o,n=p,i=t(v.defaultValue),m=a(()=>void 0!==v.value);return r(e,{value:a(()=>m.value?v.value:i.value),onValueChange:e=>{m.value||(i.value=e),n("update:value",e),n("value-change",e)}}),(e,a)=>(l(),u("div",d,[s(e.$slots,"default")]))}});export{p as default};
+import e from"../menu/MenuRadioGroup.vue.js";import{createBlock as a,defineComponent as o,mergeProps as u,openBlock as t,renderSlot as r,withCtx as n}from"vue";var s=/* @__PURE__ */o({__name:"MenubarRadioGroup",props:{value:{}},emits:["update:value","value-change"],setup(o,{emit:s}){const l=o,p=s;return(o,s)=>(t(),a(e,u(l,{"onUpdate:value":s[0]||(s[0]=e=>p("update:value",e)),onValueChange:s[1]||(s[1]=e=>p("value-change",e))}),{default:n(()=>[r(o.$slots,"default")]),_:3},16))}});export{s as default};

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

@@ -1,27 +1,26 @@
-/**
- * A single option within a `SkdxMenubarRadioGroup`: renders a
- * `<div role="menuitemradio">` with `aria-checked` and `data-state`
- * (`checked`/`unchecked`) reflecting whether its `value` matches the
- * group's checked value. Selecting it updates the group, closes the menu,
- * and refocuses the trigger. Pair with a `SkdxMenubarItemIndicator` child to
- * render a dot/check glyph only when selected.
- */
+/** Renders `<div role="menuitemradio">` with `aria-checked` and `data-state` for a radio option in a group. */
 type __VLS_Props = {
-    /** Unique identifier matched against the group's checked `value`. */
+    /** Unique identifier matched against the group's checked value. */
     value: string;
-    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
-    disabled?: boolean;
+    /** Marks item `aria-disabled` and blocks selection, staying in roving order for discoverability. */
+    disabled?: boolean | undefined;
+    /**
+     * Text typeahead matches this item by, reflected to `data-text-value`.
+     * @default undefined — typeahead matches rendered text.
+     */
+    textValue?: string | undefined;
 };
-declare var __VLS_1: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: Event) => any) | undefined;
+    onSelect?: (event: Event) => any;
 }>, {
-    disabled: boolean;
+    disabled: boolean | undefined;
+    textValue: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;