@skdx/vue 0.26.0 → 0.28.0

package/dist/dropdown-menu/DropdownMenuItems.vue.d.ts

@@ -0,0 +1,25 @@
+import type { MenuItem } from './types.js';
+/**
+ * The item list that `DropdownMenuAnatomy` draws, recursing for submenus and groups
+ * so roving focus and typeahead see one uniform anatomy at every level.
+ * Not exported from the package.
+ * @internal
+ */
+type __VLS_Props = {
+    items: MenuItem[];
+    /** The recipe's `select`, fired after the item's own `onSelect`. */
+    onItemSelect?: (item: MenuItem) => void;
+};
+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/dropdown-menu/DropdownMenuItems.vue.js

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

package/dist/dropdown-menu/DropdownMenuItems.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const w=require("../utils/MenuSubContent.vue.cjs"),x=require("../utils/MenuSubTrigger.vue.cjs"),C=require("./DropdownMenuCheckboxItem.vue.cjs"),S=require("./DropdownMenuLabel.vue.cjs"),v=require("./DropdownMenuGroup.vue.cjs"),B=require("./DropdownMenuItem.vue.cjs"),u=require("./DropdownMenuItemIndicator.vue.cjs"),g=require("./DropdownMenuRadioGroup.vue.cjs"),V=require("./DropdownMenuRadioItem.vue.cjs"),q=require("./DropdownMenuSeparator.vue.cjs"),d=require("./DropdownMenuShortcut.vue.cjs"),_=require("./DropdownMenuSub.vue.cjs");let e=require("vue");var m=(0,e.defineComponent)({__name:"DropdownMenuItems",props:{items:{},onItemSelect:{type:Function}},setup(n){const c=n,s=o=>"type"in o&&o.type==="separator",i=o=>"type"in o&&o.type==="checkbox",p=o=>"type"in o&&o.type==="radio-group",k=o=>"type"in o&&o.type==="submenu",f=o=>"type"in o&&o.type==="group";function h(o,l){return"type"in o?`${o.type}-${l}`:`${o.label}-${l}`}function y(o){o.onSelect?.(),c.onItemSelect?.(o)}return(o,l)=>{const a=(0,e.resolveComponent)("DropdownMenuItems",!0);return(0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.items,(t,b)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:h(t,b)},[s(t)?((0,e.openBlock)(),(0,e.createBlock)(q.default,{key:0})):i(t)?((0,e.openBlock)(),(0,e.createBlock)(C.default,{key:1,checked:t.checked??!1,disabled:t.disabled,"text-value":t.textValue??t.label,onCheckedChange:r=>t.onCheckedChange?.(r),onSelect:r=>n.onItemSelect?.(t)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"item",{item:t},()=>[(0,e.createVNode)(u.default,{"aria-hidden":"true"},{default:(0,e.withCtx)(()=>[...l[0]||(l[0]=[(0,e.createElementVNode)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true",focusable:"false"},[(0,e.createElementVNode)("path",{d:"M3 8.5l3 3 7-7",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])]),_:1}),(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"])):p(t)?((0,e.openBlock)(),(0,e.createBlock)(g.default,{key:2,value:t.value,onValueChange:r=>t.onValueChange?.(r)},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,r=>((0,e.openBlock)(),(0,e.createBlock)(V.default,{key:r.value,value:r.value,disabled:r.disabled,"text-value":r.textValue??r.label},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default,{"aria-hidden":"true"},{default:(0,e.withCtx)(()=>[...l[1]||(l[1]=[(0,e.createElementVNode)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true",focusable:"false"},[(0,e.createElementVNode)("circle",{cx:"8",cy:"8",r:"3",fill:"currentColor"})],-1)])]),_:1}),(0,e.createTextVNode)(" "+(0,e.toDisplayString)(r.label),1)]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1032,["value","onValueChange"])):k(t)?((0,e.openBlock)(),(0,e.createBlock)(_.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.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1032,["disabled","text-value"]),(0,e.createVNode)(w.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(a,{items:t.items,"on-item-select":n.onItemSelect},(0,e.createSlots)({_:2},[o.$slots.item?{name:"item",fn:(0,e.withCtx)(r=>[(0,e.renderSlot)(o.$slots,"item",(0,e.mergeProps)({ref_for:!0},r))]),key:"0"}:void 0]),1032,["items","on-item-select"])]),_:2},1024)]),_:2},1024)):f(t)?((0,e.openBlock)(),(0,e.createBlock)(v.default,{key:4},{default:(0,e.withCtx)(()=>[t.label?((0,e.openBlock)(),(0,e.createBlock)(S.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)(a,{items:t.items,"on-item-select":n.onItemSelect},(0,e.createSlots)({_:2},[o.$slots.item?{name:"item",fn:(0,e.withCtx)(r=>[(0,e.renderSlot)(o.$slots,"item",(0,e.mergeProps)({ref_for:!0},r))]),key:"0"}:void 0]),1032,["items","on-item-select"])]),_:2},1024)):((0,e.openBlock)(),(0,e.createBlock)(B.default,{key:5,disabled:t.disabled,"text-value":t.textValue??t.label,onSelect:r=>y(t)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$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/dropdown-menu/DropdownMenuItems.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/MenuSubContent.vue.js";import t from"../utils/MenuSubTrigger.vue.js";import o from"./DropdownMenuCheckboxItem.vue.js";import l from"./DropdownMenuLabel.vue.js";import a from"./DropdownMenuGroup.vue.js";import n from"./DropdownMenuItem.vue.js";import r from"./DropdownMenuItemIndicator.vue.js";import u from"./DropdownMenuRadioGroup.vue.js";import s from"./DropdownMenuRadioItem.vue.js";import i from"./DropdownMenuSeparator.vue.js";import d from"./DropdownMenuShortcut.vue.js";import m from"./DropdownMenuSub.vue.js";import{Fragment as c,createBlock as p,createCommentVNode as f,createElementBlock as v,createElementVNode as b,createSlots as h,createTextVNode as k,createVNode as y,defineComponent as x,mergeProps as _,openBlock as w,renderList as S,renderSlot as g,resolveComponent as C,toDisplayString as M,withCtx as j}from"vue";var D=/* @__PURE__ */x({__name:"DropdownMenuItems",props:{items:{},onItemSelect:{type:Function}},setup(x){const D=x,I=e=>"type"in e&&"separator"===e.type,V=e=>"type"in e&&"checkbox"===e.type,$=e=>"type"in e&&"radio-group"===e.type,B=e=>"type"in e&&"submenu"===e.type,N=e=>"type"in e&&"group"===e.type;function E(e,t){return"type"in e?`${e.type}-${t}`:`${e.label}-${t}`}return(F,G)=>{const L=C("DropdownMenuItems",!0);return w(!0),v(c,null,S(x.items,(C,R)=>(w(),v(c,{key:E(C,R)},[I(C)?(w(),p(i,{key:0})):V(C)?(w(),p(o,{key:1,checked:C.checked??!1,disabled:C.disabled,"text-value":C.textValue??C.label,onCheckedChange:e=>C.onCheckedChange?.(e),onSelect:e=>x.onItemSelect?.(C)},{default:j(()=>[g(F.$slots,"item",{item:C},()=>[y(r,{"aria-hidden":"true"},{default:j(()=>[...G[0]||(G[0]=[b("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true",focusable:"false"},[b("path",{d:"M3 8.5l3 3 7-7",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])]),_:1}),k(" "+M(C.label)+" ",1),C.shortcut?(w(),p(d,{key:0},{default:j(()=>[k(M(C.shortcut),1)]),_:2},1024)):f("",!0)])]),_:2},1032,["checked","disabled","text-value","onCheckedChange","onSelect"])):$(C)?(w(),p(u,{key:2,value:C.value,onValueChange:e=>C.onValueChange?.(e)},{default:j(()=>[(w(!0),v(c,null,S(C.items,e=>(w(),p(s,{key:e.value,value:e.value,disabled:e.disabled,"text-value":e.textValue??e.label},{default:j(()=>[y(r,{"aria-hidden":"true"},{default:j(()=>[...G[1]||(G[1]=[b("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true",focusable:"false"},[b("circle",{cx:"8",cy:"8",r:"3",fill:"currentColor"})],-1)])]),_:1}),k(" "+M(e.label),1)]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1032,["value","onValueChange"])):B(C)?(w(),p(m,{key:3},{default:j(()=>[y(t,{disabled:C.disabled,"text-value":C.textValue??C.label},{default:j(()=>[k(M(C.label),1)]),_:2},1032,["disabled","text-value"]),y(e,null,{default:j(()=>[y(L,{items:C.items,"on-item-select":x.onItemSelect},h({_:2},[F.$slots.item?{name:"item",fn:j(e=>[g(F.$slots,"item",_({ref_for:!0},e))]),key:"0"}:void 0]),1032,["items","on-item-select"])]),_:2},1024)]),_:2},1024)):N(C)?(w(),p(a,{key:4},{default:j(()=>[C.label?(w(),p(l,{key:0},{default:j(()=>[k(M(C.label),1)]),_:2},1024)):f("",!0),y(L,{items:C.items,"on-item-select":x.onItemSelect},h({_:2},[F.$slots.item?{name:"item",fn:j(e=>[g(F.$slots,"item",_({ref_for:!0},e))]),key:"0"}:void 0]),1032,["items","on-item-select"])]),_:2},1024)):(w(),p(n,{key:5,disabled:C.disabled,"text-value":C.textValue??C.label,onSelect:e=>function(e){e.onSelect?.(),D.onItemSelect?.(e)}(C)},{default:j(()=>[g(F.$slots,"item",{item:C},()=>[k(M(C.label)+" ",1),C.shortcut?(w(),p(d,{key:0},{default:j(()=>[k(M(C.shortcut),1)]),_:2},1024)):f("",!0)])]),_:2},1032,["disabled","text-value","onSelect"]))],64))),128)}}});export{D as default};

package/dist/dropdown-menu/DropdownMenuLabel.vue.d.cts

@@ -1,7 +1,3 @@
-/**
- * Non-interactive heading for a group of items, typically preceding a
- * `SkdxDropdownMenuGroup`. Renders a plain `<div>`.
- */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/dropdown-menu/DropdownMenuLabel.vue.d.ts

@@ -1,7 +1,3 @@
-/**
- * Non-interactive heading for a group of items, typically preceding a
- * `SkdxDropdownMenuGroup`. Renders a plain `<div>`.
- */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/dropdown-menu/DropdownMenuLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var r={class:"skdx-dropdown-menu__label","data-part":"label"},a=(0,e.defineComponent)({__name:"DropdownMenuLabel",setup(l){return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;
+const n=require("../utils/menuGroup.cjs");let e=require("vue");var t=["id"],l=(0,e.defineComponent)({__name:"DropdownMenuLabel",setup(a){const r=n.useMenuLabelId();return(u,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{id:(0,e.unref)(r),class:"skdx-dropdown-menu__label","data-part":"label"},[(0,e.renderSlot)(u.$slots,"default")],8,t))}});exports.default=l;

package/dist/dropdown-menu/DropdownMenuLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as o,renderSlot as l}from"vue";var t={class:"skdx-dropdown-menu__label","data-part":"label"},n=/* @__PURE__ */a({__name:"DropdownMenuLabel",setup:a=>(a,n)=>(o(),e("div",t,[l(a.$slots,"default")]))});export{n as default};
+import{useMenuLabelId as e}from"../utils/menuGroup.js";import{createElementBlock as a,defineComponent as o,openBlock as s,renderSlot as n,unref as r}from"vue";var t=["id"],l=/* @__PURE__ */o({__name:"DropdownMenuLabel",setup(o){const l=e();return(e,o)=>(s(),a("div",{id:r(l),class:"skdx-dropdown-menu__label","data-part":"label"},[n(e.$slots,"default")],8,t))}});export{l as default};

package/dist/dropdown-menu/DropdownMenuPortal.vue.d.cts

@@ -1,16 +1,15 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Teleports `SkdxDropdownMenuContent` to `document.body` (or a custom `container`), so the menu
- * escapes any clipping/`overflow` ancestors. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
+ * Teleports content to `document.body` (or a custom `container`) to escape clipping ancestors.
+ * Mounts only while open unless `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
  */
 type __VLS_Props = {
     /**
-     * DOM node (or CSS selector) the children are rendered into.
+     * DOM node or CSS selector to render children into.
      * @default document.body
      */
     container?: PortalContainer;
-    /** Render the portal even while the menu is closed, instead of unmounting it. */
+    /** Keep portal mounted while closed for animation libraries needing outgoing content. */
     forceMount?: boolean;
 };
 declare var __VLS_5: {};

package/dist/dropdown-menu/DropdownMenuPortal.vue.d.ts

@@ -1,16 +1,15 @@
 import type { PortalContainer } from '../utils/portal.js';
 /**
- * Teleports `SkdxDropdownMenuContent` to `document.body` (or a custom `container`), so the menu
- * escapes any clipping/`overflow` ancestors. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
+ * Teleports content to `document.body` (or a custom `container`) to escape clipping ancestors.
+ * Mounts only while open unless `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
  */
 type __VLS_Props = {
     /**
-     * DOM node (or CSS selector) the children are rendered into.
+     * DOM node or CSS selector to render children into.
      * @default document.body
      */
     container?: PortalContainer;
-    /** Render the portal even while the menu is closed, instead of unmounting it. */
+    /** Keep portal mounted while closed for animation libraries needing outgoing content. */
     forceMount?: boolean;
 };
 declare var __VLS_5: {};

package/dist/dropdown-menu/DropdownMenuRadioGroup.vue.d.cts

@@ -9,8 +9,6 @@ type __VLS_Props = {
      * `value`. Pair with `v-model:value` or `@value-change`.
      */
     value?: string;
-    /** Initially selected item's value, for uncontrolled usage. */
-    defaultValue?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -24,7 +22,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onValue-change"?: ((value: string) => any) | undefined;
 }>, {
     value: string;
-    defaultValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dropdown-menu/DropdownMenuRadioGroup.vue.d.ts

@@ -9,8 +9,6 @@ type __VLS_Props = {
      * `value`. Pair with `v-model:value` or `@value-change`.
      */
     value?: string;
-    /** Initially selected item's value, for uncontrolled usage. */
-    defaultValue?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -24,7 +22,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onValue-change"?: ((value: string) => any) | undefined;
 }>, {
     value: string;
-    defaultValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dropdown-menu/DropdownMenuRadioGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var p={class:"skdx-dropdown-menu__radio-group","data-part":"radio-group",role:"group"},v=(0,e.defineComponent)({__name:"DropdownMenuRadioGroup",props:{value:{default:void 0},defaultValue:{default:void 0}},emits:["update:value","value-change"],setup(r,{emit:d}){const a=r,o=d,t=(0,e.ref)(a.defaultValue),l=(0,e.computed)(()=>a.value!==void 0);return(0,e.provide)(n.DROPDOWN_MENU_RADIO_GROUP_CONTEXT,{value:(0,e.computed)(()=>l.value?a.value:t.value),onValueChange:u=>{l.value||(t.value=u),o("update:value",u),o("value-change",u)}}),(u,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",p,[(0,e.renderSlot)(u.$slots,"default")]))}});exports.default=v;
+const s=require("../utils/declaredChildren.cjs"),i=require("./context.cjs"),p=require("../utils/menuGroup.cjs"),c=require("./DropdownMenuLabel.vue.cjs");let e=require("vue");var _=["aria-labelledby"],v=(0,e.defineComponent)({__name:"DropdownMenuRadioGroup",props:{value:{default:void 0}},emits:["update:value","value-change"],setup(a,{emit:o}){const l=a,u=o;(0,e.provide)(i.DROPDOWN_MENU_RADIO_GROUP_CONTEXT,{value:(0,e.computed)(()=>l.value),onValueChange:r=>{u("update:value",r),u("value-change",r)}});const t=(0,e.useAttrs)(),d=p.useMenuGroupLabel(s.slotDeclares((0,e.useSlots)().default,c.default)),n=(0,e.computed)(()=>t["aria-label"]===void 0?d.value:void 0);return(r,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-dropdown-menu__radio-group","data-part":"radio-group",role:"group","aria-labelledby":n.value},[(0,e.renderSlot)(r.$slots,"default")],8,_))}});exports.default=v;

package/dist/dropdown-menu/DropdownMenuRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{DROPDOWN_MENU_RADIO_GROUP_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as u,openBlock as l,provide as t,ref as d,renderSlot as r}from"vue";var p={class:"skdx-dropdown-menu__radio-group","data-part":"radio-group",role:"group"},s=/* @__PURE__ */u({__name:"DropdownMenuRadioGroup",props:{value:{default:void 0},defaultValue:{default:void 0}},emits:["update:value","value-change"],setup(u,{emit:s}){const v=u,n=s,i=d(v.defaultValue),m=a(()=>void 0!==v.value);return t(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(),o("div",p,[r(e.$slots,"default")]))}});export{s as default};
+import{slotDeclares as e}from"../utils/declaredChildren.js";import{DROPDOWN_MENU_RADIO_GROUP_CONTEXT as a}from"./context.js";import{useMenuGroupLabel as o}from"../utils/menuGroup.js";import r from"./DropdownMenuLabel.vue.js";import{computed as l,createElementBlock as u,defineComponent as s,openBlock as t,provide as d,renderSlot as p,useAttrs as n,useSlots as i}from"vue";var m=["aria-labelledby"],v=/* @__PURE__ */s({__name:"DropdownMenuRadioGroup",props:{value:{default:void 0}},emits:["update:value","value-change"],setup(s,{emit:v}){const c=s,f=v;d(a,{value:l(()=>c.value),onValueChange:e=>{f("update:value",e),f("value-change",e)}});const _=n(),b=o(e(i().default,r)),g=l(()=>void 0===_["aria-label"]?b.value:void 0);return(e,a)=>(t(),u("div",{class:"skdx-dropdown-menu__radio-group","data-part":"radio-group",role:"group","aria-labelledby":g.value},[p(e.$slots,"default")],8,m))}});export{v as default};

package/dist/dropdown-menu/DropdownMenuRadioItem.vue.d.cts

@@ -1,16 +1,25 @@
 /**
- * A single option within a `SkdxDropdownMenuRadioGroup`:
- * `role="menuitemradio"` with `aria-checked` and `data-state`
- * (`checked`/`unchecked`) reflecting whether its `value` matches the
- * group's selected value. Selecting it updates the group and closes the
- * menu. Wrap a `SkdxDropdownMenuItemIndicator` inside it to render a
- * dot/check glyph only when selected.
+ * A single radio option: `role="menuitemradio"` with `aria-checked` and `data-state`.
+ * Selecting it updates the group's value and closes the menu.
+ * Wrap a `SkdxDropdownMenuItemIndicator` to render a glyph only when selected.
  */
 type __VLS_Props = {
     /** Unique identifier compared against the group's selected `value`. */
     value: string;
-    /** Excludes the item from roving-focus navigation and blocks selection. */
+    /** Marks item aria-disabled; blocks selection, stays focusable. */
     disabled?: boolean;
+    /**
+     * Text for typeahead matching; reflected to `data-text-value`.
+     * Required for items rendering more than label or icon-only items.
+     * @default undefined — typeahead matches the item's rendered text.
+     */
+    textValue?: string;
+    /**
+     * Whether selecting this item closes the menu, overriding root's `closeOnSelect`.
+     * Item setting or `preventDefault()` can each veto independently.
+     * @default undefined — inherits the root's closeOnSelect.
+     */
+    closeOnSelect?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -22,6 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((event: Event) => any) | undefined;
 }>, {
     disabled: boolean;
+    closeOnSelect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dropdown-menu/DropdownMenuRadioItem.vue.d.ts

@@ -1,16 +1,25 @@
 /**
- * A single option within a `SkdxDropdownMenuRadioGroup`:
- * `role="menuitemradio"` with `aria-checked` and `data-state`
- * (`checked`/`unchecked`) reflecting whether its `value` matches the
- * group's selected value. Selecting it updates the group and closes the
- * menu. Wrap a `SkdxDropdownMenuItemIndicator` inside it to render a
- * dot/check glyph only when selected.
+ * A single radio option: `role="menuitemradio"` with `aria-checked` and `data-state`.
+ * Selecting it updates the group's value and closes the menu.
+ * Wrap a `SkdxDropdownMenuItemIndicator` to render a glyph only when selected.
  */
 type __VLS_Props = {
     /** Unique identifier compared against the group's selected `value`. */
     value: string;
-    /** Excludes the item from roving-focus navigation and blocks selection. */
+    /** Marks item aria-disabled; blocks selection, stays focusable. */
     disabled?: boolean;
+    /**
+     * Text for typeahead matching; reflected to `data-text-value`.
+     * Required for items rendering more than label or icon-only items.
+     * @default undefined — typeahead matches the item's rendered text.
+     */
+    textValue?: string;
+    /**
+     * Whether selecting this item closes the menu, overriding root's `closeOnSelect`.
+     * Item setting or `preventDefault()` can each veto independently.
+     * @default undefined — inherits the root's closeOnSelect.
+     */
+    closeOnSelect?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -22,6 +31,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((event: Event) => any) | undefined;
 }>, {
     disabled: boolean;
+    closeOnSelect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dropdown-menu/DropdownMenuRadioItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs"),w=require("../utils/useMenuItem.cjs");let e=require("vue");var R=["aria-checked","data-state"],k=(0,e.defineComponent)({__name:"DropdownMenuRadioItem",props:{value:{},disabled:{type:Boolean,default:!1}},emits:["select"],setup(c,{emit:f}){const r=c,_=f,o=(0,e.inject)(a.DROPDOWN_MENU_CONTEXT);if(!o)throw new Error("SkdxDropdownMenuRadioItem must be used within SkdxDropdownMenu.");const u=(0,e.inject)(a.DROPDOWN_MENU_RADIO_GROUP_CONTEXT);if(!u)throw new Error("SkdxDropdownMenuRadioItem must be used within SkdxDropdownMenuRadioGroup.");const d=(0,e.computed)(()=>u.value.value===r.value),{itemAttrs:v,onItemClick:s,onItemKeydown:l,onItemPointerenter:m,onItemPointerleave:p}=w.useMenuItem({disabled:(0,e.toRef)(r,"disabled"),onSelect:i=>{u.onValueChange?.(r.value),_("select",i)},onSelected:()=>{o.setOpen(!1),o.triggerRef.value?.focus()},contentRef:o.contentRef});return(0,e.provide)(a.DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT,d),(i,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-dropdown-menu__radio-item","data-part":"radio-item",role:"menuitemradio","aria-checked":d.value,"data-state":d.value?"checked":"unchecked"},(0,e.unref)(v),{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)(p)&&(0,e.unref)(p)(...n))}),[(0,e.renderSlot)(i.$slots,"default")],16,R))}});exports.default=k;
+const a=require("./context.cjs"),O=require("../utils/useMenuItem.cjs");let e=require("vue");var w=["aria-checked","data-state"],R=(0,e.defineComponent)({__name:"DropdownMenuRadioItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{},closeOnSelect:{type:Boolean,default:void 0}},emits:["select"],setup(p,{emit:f}){const o=p,_=f,r=(0,e.inject)(a.DROPDOWN_MENU_CONTEXT);if(!r)throw new Error("SkdxDropdownMenuRadioItem must be used within SkdxDropdownMenu.");const u=(0,e.inject)(a.DROPDOWN_MENU_RADIO_GROUP_CONTEXT);if(!u)throw new Error("SkdxDropdownMenuRadioItem must be used within SkdxDropdownMenuRadioGroup.");const d=(0,e.computed)(()=>u.value.value===o.value),{itemAttrs:v,onItemClick:i,onItemKeydown:s,onItemPointerenter:c,onItemPointerleave:m}=O.useMenuItem({disabled:(0,e.toRef)(o,"disabled"),textValue:(0,e.toRef)(o,"textValue"),closeOnSelect:(0,e.computed)(()=>o.closeOnSelect??r.closeOnSelect.value),onSelect:l=>{u.onValueChange?.(o.value),_("select",l)},onSelected:()=>{r.setOpen(!1),r.focusTrigger()},contentRef:r.contentRef});return(0,e.provide)(a.DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT,d),(l,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-dropdown-menu__radio-item","data-part":"radio-item",role:"menuitemradio","aria-checked":d.value,"data-state":d.value?"checked":"unchecked"},(0,e.unref)(v),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...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)(c)&&(0,e.unref)(c)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(m)&&(0,e.unref)(m)(...n))}),[(0,e.renderSlot)(l.$slots,"default")],16,w))}});exports.default=R;

package/dist/dropdown-menu/DropdownMenuRadioItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/dropdown-menu/DropdownMenuRoot.vue.cjs

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

package/dist/dropdown-menu/DropdownMenuRoot.vue.d.cts

@@ -0,0 +1,45 @@
+/**
+ * Context holder: owns open state for menu parts. Wraps children in popper.
+ * Emits `open-change` immediately, `open-change-complete` after animation.
+ * Controlled or uncontrolled.
+ */
+type __VLS_Props = {
+    /** Whether menu is open (controlled). Pair with `v-model:open`. */
+    open?: boolean;
+    /** Whether initially open (uncontrolled). @default false */
+    defaultOpen?: boolean;
+    /**
+     * Modal: outside `inert`, scroll locked. No Tab trap. @default true
+     */
+    modal?: boolean;
+    /**
+     * Item selection closes menu (inherited by MenuItem/RadioItem, not
+     * CheckboxItem). @default true
+     */
+    closeOnSelect?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+    closeOnSelect: boolean;
+}, {}, {}, {}, 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/dropdown-menu/DropdownMenuRoot.vue.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Context holder: owns open state for menu parts. Wraps children in popper.
+ * Emits `open-change` immediately, `open-change-complete` after animation.
+ * Controlled or uncontrolled.
+ */
+type __VLS_Props = {
+    /** Whether menu is open (controlled). Pair with `v-model:open`. */
+    open?: boolean;
+    /** Whether initially open (uncontrolled). @default false */
+    defaultOpen?: boolean;
+    /**
+     * Modal: outside `inert`, scroll locked. No Tab trap. @default true
+     */
+    modal?: boolean;
+    /**
+     * Item selection closes menu (inherited by MenuItem/RadioItem, not
+     * CheckboxItem). @default true
+     */
+    closeOnSelect?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+    closeOnSelect: boolean;
+}, {}, {}, {}, 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/dropdown-menu/DropdownMenuRoot.vue.js

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

package/dist/dropdown-menu/DropdownMenuRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const O=require("../utils/direction.cjs"),q=require("../utils/useFocusTrap.cjs"),h=require("../utils/useOpenChangeComplete.cjs"),C=require("../utils/useOutsideInert.cjs"),u=require("./context.cjs"),D=require("../utils/PopperRoot.vue.cjs");let e=require("vue");var I=(0,e.defineComponent)({__name:"DropdownMenuRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(a,{emit:d}){const t=a,n=d,r=(0,e.ref)(null),c=(0,e.ref)(null),l=(0,e.ref)(t.defaultOpen),p=(0,e.computed)(()=>t.open??l.value);h.useOpenChangeComplete(p,c,o=>n("open-change-complete",o));function i(o){t.open===void 0&&(l.value=o),n("update:open",o),n("open-change",o)}const f={current:"first"},s={current:void 0},_=(0,e.computed)(()=>t.modal),m=(0,e.computed)(()=>t.closeOnSelect);function g(){t.modal&&C.releaseOutsideInert(),q.autoFocusEvent("close-auto-focus",s.current)&&r.value?.focus()}const v=(0,e.computed)(()=>O.resolveDirection(r.value));return(0,e.provide)(u.DROPDOWN_MENU_CONTEXT,{triggerRef:r,contentRef:c,contentId:u.nextDropdownMenuContentId(),triggerId:u.nextDropdownMenuTriggerId(),open:p,modal:_,closeOnSelect:m,setOpen:i,focusTrigger:g,openIntent:f,closeAutoFocus:s,dir:v}),(o,B)=>((0,e.openBlock)(),(0,e.createBlock)(D.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3}))}});exports.default=I;

package/dist/dropdown-menu/DropdownMenuRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{resolveDirection as e}from"../utils/direction.js";import{autoFocusEvent as o}from"../utils/useFocusTrap.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{releaseOutsideInert as n}from"../utils/useOutsideInert.js";import{DROPDOWN_MENU_CONTEXT as s,nextDropdownMenuContentId as a,nextDropdownMenuTriggerId as r}from"./context.js";import u from"../utils/PopperRoot.vue.js";import{computed as l,createBlock as p,defineComponent as c,openBlock as i,provide as d,ref as m,renderSlot as f,withCtx as g}from"vue";var v=/* @__PURE__ */c({__name:"DropdownMenuRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(c,{emit:v}){const O=c,C=v,h=m(null),I=m(null),j=m(O.defaultOpen),B=l(()=>O.open??j.value);t(B,I,e=>C("open-change-complete",e));const D={current:void 0},x=l(()=>O.modal),R=l(()=>O.closeOnSelect),T=l(()=>e(h.value));return d(s,{triggerRef:h,contentRef:I,contentId:a(),triggerId:r(),open:B,modal:x,closeOnSelect:R,setOpen:function(e){void 0===O.open&&(j.value=e),C("update:open",e),C("open-change",e)},focusTrigger:function(){O.modal&&n(),o("close-auto-focus",D.current)&&h.value?.focus()},openIntent:{current:"first"},closeAutoFocus:D,dir:T}),(e,o)=>(i(),p(u,null,{default:g(()=>[f(e.$slots,"default")]),_:3}))}});export{v as default};

package/dist/dropdown-menu/DropdownMenuShortcut.vue.cjs

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

package/dist/dropdown-menu/DropdownMenuShortcut.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Keyboard hint at item's trailing edge (e.g. "⌘K", "Ctrl+S"); aria-hidden.
+ * Hidden because unhidden would read the accelerator twice.
+ */
+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/dropdown-menu/DropdownMenuShortcut.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Keyboard hint at item's trailing edge (e.g. "⌘K", "Ctrl+S"); aria-hidden.
+ * Hidden because unhidden would read the accelerator twice.
+ */
+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/dropdown-menu/DropdownMenuShortcut.vue.js

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

package/dist/dropdown-menu/DropdownMenuShortcut.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/dropdown-menu/DropdownMenuShortcut.vue_vue_type_script_setup_true_lang.js

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

package/dist/dropdown-menu/DropdownMenuSub.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/dropdown-menu/DropdownMenuSub.vue_vue_type_script_setup_true_lang.js

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

package/dist/dropdown-menu/DropdownMenuTrigger.vue.d.cts

@@ -1,8 +1,7 @@
 /**
- * Button that opens the menu when clicked, or via Arrow Up/Down, and doubles
- * as the positioning anchor for `SkdxDropdownMenuContent`. Sets
- * `aria-haspopup="menu"`, `aria-expanded`, `aria-controls`, and
- * `data-state` (`open`/`closed`). Must be used inside `SkdxDropdownMenu`.
+ * Opens menu via click or Arrow Up/Down. Positions menu content. Sets aria-haspopup,
+ * aria-expanded, aria-controls, id. Enter/Space/ArrowDown open on first; ArrowUp on last.
+ * Use inside SkdxDropdownMenu.
  */
 type __VLS_Props = {
     /** Disables the trigger, preventing the menu from opening. */

package/dist/dropdown-menu/DropdownMenuTrigger.vue.d.ts

@@ -1,8 +1,7 @@
 /**
- * Button that opens the menu when clicked, or via Arrow Up/Down, and doubles
- * as the positioning anchor for `SkdxDropdownMenuContent`. Sets
- * `aria-haspopup="menu"`, `aria-expanded`, `aria-controls`, and
- * `data-state` (`open`/`closed`). Must be used inside `SkdxDropdownMenu`.
+ * Opens menu via click or Arrow Up/Down. Positions menu content. Sets aria-haspopup,
+ * aria-expanded, aria-controls, id. Enter/Space/ArrowDown open on first; ArrowUp on last.
+ * Use inside SkdxDropdownMenu.
  */
 type __VLS_Props = {
     /** Disables the trigger, preventing the menu from opening. */

package/dist/dropdown-menu/DropdownMenuTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("../utils/popper.cjs"),s=require("./context.cjs");let e=require("vue");var p=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],c=(0,e.defineComponent)({__name:"DropdownMenuTrigger",props:{disabled:{type:Boolean,default:!1}},setup(a){const d=a,n=(0,e.inject)(s.DROPDOWN_MENU_CONTEXT);if(!n)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const r=(0,e.inject)(l.POPPER_CONTEXT);if(!r)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const t=(0,e.ref)(null);(0,e.onMounted)(()=>{n.triggerRef.value=t.value,r.setAnchor(t.value)}),(0,e.onBeforeUnmount)(()=>{r.anchor.value===t.value&&r.setAnchor(null)});function u(){d.disabled||n.setOpen(!n.open.value)}function i(o){d.disabled||["ArrowDown","ArrowUp"].includes(o.key)&&(o.preventDefault(),n.setOpen(!0))}return(o,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-dropdown-menu__trigger","data-part":"trigger",ref_key:"elRef",ref:t,type:"button","aria-haspopup":"menu","aria-expanded":(0,e.unref)(n).open.value,"aria-controls":(0,e.unref)(n).contentId,"data-state":(0,e.unref)(n).open.value?"open":"closed","data-disabled":a.disabled?"":void 0,disabled:a.disabled,onClick:u,onKeydown:i},[(0,e.renderSlot)(o.$slots,"default")],40,p))}});exports.default=c;
+const l=require("../utils/popper.cjs"),s=require("./context.cjs");let e=require("vue");var p=["id","aria-expanded","aria-controls","data-state","data-disabled","disabled"],c=(0,e.defineComponent)({__name:"DropdownMenuTrigger",props:{disabled:{type:Boolean,default:!1}},setup(a){const d=a,r=(0,e.inject)(s.DROPDOWN_MENU_CONTEXT);if(!r)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const t=(0,e.inject)(l.POPPER_CONTEXT);if(!t)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const o=(0,e.ref)(null);(0,e.onMounted)(()=>{r.triggerRef.value=o.value,t.setAnchor(o.value)}),(0,e.onBeforeUnmount)(()=>{t.anchor.value===o.value&&t.setAnchor(null)});function u(){d.disabled||(r.openIntent.current="first",r.setOpen(!r.open.value))}function i(n){d.disabled||["ArrowDown","ArrowUp"].includes(n.key)&&(r.openIntent.current=n.key==="ArrowUp"?"last":"first",n.preventDefault(),r.setOpen(!0))}return(n,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-dropdown-menu__trigger","data-part":"trigger",ref_key:"elRef",ref:o,id:(0,e.unref)(r).triggerId,type:"button","aria-haspopup":"menu","aria-expanded":(0,e.unref)(r).open.value,"aria-controls":(0,e.unref)(r).contentId,"data-state":(0,e.unref)(r).open.value?"open":"closed","data-disabled":a.disabled?"":void 0,disabled:a.disabled,onClick:u,onKeydown:i},[(0,e.renderSlot)(n.$slots,"default")],40,p))}});exports.default=c;

package/dist/dropdown-menu/DropdownMenuTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"../utils/popper.js";import{DROPDOWN_MENU_CONTEXT as o}from"./context.js";import{createElementBlock as n,defineComponent as a,inject as r,onBeforeUnmount as t,onMounted as d,openBlock as s,ref as l,renderSlot as u,unref as i}from"vue";var p=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],c=/* @__PURE__ */a({__name:"DropdownMenuTrigger",props:{disabled:{type:Boolean,default:!1}},setup(a){const c=a,f=r(o);if(!f)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const w=r(e);if(!w)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const m=l(null);function b(){c.disabled||f.setOpen(!f.open.value)}function g(e){c.disabled||["ArrowDown","ArrowUp"].includes(e.key)&&(e.preventDefault(),f.setOpen(!0))}return d(()=>{f.triggerRef.value=m.value,w.setAnchor(m.value)}),t(()=>{w.anchor.value===m.value&&w.setAnchor(null)}),(e,o)=>(s(),n("button",{class:"skdx-dropdown-menu__trigger","data-part":"trigger",ref_key:"elRef",ref:m,type:"button","aria-haspopup":"menu","aria-expanded":i(f).open.value,"aria-controls":i(f).contentId,"data-state":i(f).open.value?"open":"closed","data-disabled":a.disabled?"":void 0,disabled:a.disabled,onClick:b,onKeydown:g},[u(e.$slots,"default")],40,p))}});export{c as default};
+import{POPPER_CONTEXT as e}from"../utils/popper.js";import{DROPDOWN_MENU_CONTEXT as n}from"./context.js";import{createElementBlock as r,defineComponent as o,inject as t,onBeforeUnmount as a,onMounted as d,openBlock as s,ref as i,renderSlot as l,unref as u}from"vue";var p=["id","aria-expanded","aria-controls","data-state","data-disabled","disabled"],c=/* @__PURE__ */o({__name:"DropdownMenuTrigger",props:{disabled:{type:Boolean,default:!1}},setup(o){const c=o,f=t(n);if(!f)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const w=t(e);if(!w)throw new Error("SkdxDropdownMenuTrigger must be used within SkdxDropdownMenu.");const g=i(null);function m(){c.disabled||(f.openIntent.current="first",f.setOpen(!f.open.value))}function b(e){c.disabled||["ArrowDown","ArrowUp"].includes(e.key)&&(f.openIntent.current="ArrowUp"===e.key?"last":"first",e.preventDefault(),f.setOpen(!0))}return d(()=>{f.triggerRef.value=g.value,w.setAnchor(g.value)}),a(()=>{w.anchor.value===g.value&&w.setAnchor(null)}),(e,n)=>(s(),r("button",{class:"skdx-dropdown-menu__trigger","data-part":"trigger",ref_key:"elRef",ref:g,id:u(f).triggerId,type:"button","aria-haspopup":"menu","aria-expanded":u(f).open.value,"aria-controls":u(f).contentId,"data-state":u(f).open.value?"open":"closed","data-disabled":o.disabled?"":void 0,disabled:o.disabled,onClick:m,onKeydown:b},[l(e.$slots,"default")],40,p))}});export{c as default};

package/dist/dropdown-menu/context.cjs

@@ -1 +1 @@
-const n=require("../utils/id.cjs");var o='[role^="menuitem"]:not([data-disabled])',O=Symbol("skdx-dropdown-menu-context");function e(){return n.nextId("dropdown-menu-content")}var t=Symbol("skdx-dropdown-menu-radio-group-context"),_=Symbol("skdx-dropdown-menu-item-indicator-context");exports.DROPDOWN_MENU_CONTEXT=O;exports.DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT=_;exports.DROPDOWN_MENU_RADIO_GROUP_CONTEXT=t;exports.ITEM_SELECTOR=o;exports.nextDropdownMenuContentId=e;
+const n=require("../utils/id.cjs");var e='[role^="menuitem"]',o=Symbol("skdx-dropdown-menu-context");function r(){return n.nextId("dropdown-menu-content")}function t(){return n.nextId("dropdown-menu-trigger")}var d=Symbol("skdx-dropdown-menu-radio-group-context"),O=Symbol("skdx-dropdown-menu-item-indicator-context");exports.DROPDOWN_MENU_CONTEXT=o;exports.DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT=O;exports.DROPDOWN_MENU_RADIO_GROUP_CONTEXT=d;exports.ITEM_SELECTOR=e;exports.nextDropdownMenuContentId=r;exports.nextDropdownMenuTriggerId=t;

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

@@ -1,18 +1,56 @@
 import type { InjectionKey, Ref } from 'vue';
-/** @internal CSS selector matching enabled menu-item elements (role menuitem/checkbox/radio, not disabled) for keyboard navigation. */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+import type { Direction } from '../utils/direction.cjs';
+import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
+/**
+ * @internal Menu items including disabled (APG: disabled items must be focusable for discovery).
+ */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
+/**
+ * Which end focus should land on: Enter/Space/ArrowDown → first, ArrowUp → last
+ * (upward reach gets bottom in one keystroke). @internal
+ */
+export type DropdownMenuOpenIntent = 'first' | 'last';
 /** @internal Injection key a DropdownMenu provides so its parts can read/drive shared state. */
 export interface DropdownMenuContext {
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
     contentId: string;
+    /**
+     * Trigger id, wired to Content's aria-labelledby (menu takes no name from items).
+     */
+    triggerId: string;
     open: Readonly<Ref<boolean>>;
+    /** Whether the open menu takes the page out of use behind it. */
+    modal: Readonly<Ref<boolean>>;
+    /** The root's `closeOnSelect`, the default Item and RadioItem fall back to. */
+    closeOnSelect: Readonly<Ref<boolean>>;
     setOpen(open: boolean): void;
+    /**
+     * Returns focus to Trigger, lifting modal inertness first so it can take focus.
+     */
+    focusTrigger(): void;
+    /**
+     * Content's close-auto-focus handler, plain mutable box not reactive
+     * (nothing renders from it, root owns focus logic).
+     */
+    closeAutoFocus: {
+        current: ((event: AutoFocusEvent) => void) | undefined;
+    };
+    /**
+     * Which end the last open requested; not reactive (read once, never rendered).
+     */
+    openIntent: {
+        current: DropdownMenuOpenIntent;
+    };
+    /** Portal direction, resolved from the trigger's nearest `[dir]` ancestor. */
+    dir: Readonly<Ref<Direction>>;
 }
 /** @internal Injection key the DropdownMenu root provides so its Trigger and Content share open state and element refs. */
 export declare const DROPDOWN_MENU_CONTEXT: InjectionKey<DropdownMenuContext>;
 /** @internal Generates a unique id for a DropdownMenu's content. */
 export declare function nextDropdownMenuContentId(): string;
+/** @internal Generates a unique id for a DropdownMenu's trigger, which its content names itself after. */
+export declare function nextDropdownMenuTriggerId(): string;
 /** @internal Shared selected-value state distributed from DropdownMenuRadioGroup to its DropdownMenuRadioItems. */
 export interface MenuRadioGroupContext {
     value: Ref<string | undefined>;
@@ -20,5 +58,5 @@ export interface MenuRadioGroupContext {
 }
 /** @internal Injection key a DropdownMenuRadioGroup provides so its RadioItems share the selected value and change handler. */
 export declare const DROPDOWN_MENU_RADIO_GROUP_CONTEXT: InjectionKey<MenuRadioGroupContext>;
-/** @internal Whether the enclosing checkbox/radio item is checked, read by a nested DropdownMenuItemIndicator. Defaults to false (unlike other context here, not required to be nested — matches React's plain, non-throwing context). */
+/** @internal Whether enclosing checkbox/radio item is checked, read by nested Indicator. Defaults to false, non-throwing. */
 export declare const DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT: InjectionKey<Ref<boolean>>;