@skdx/vue 0.26.0 → 0.28.0

package/dist/dropdown-menu/DropdownMenuAnatomy.vue.js

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

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

@@ -0,0 +1 @@
+const a=require("./DropdownMenuContent.vue.cjs"),u=require("./DropdownMenuItems.vue.cjs"),l=require("./DropdownMenuPortal.vue.cjs"),s=require("./DropdownMenuTrigger.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({inheritAttrs:!1,__name:"DropdownMenuAnatomy",props:{items:{},side:{},align:{},onItemSelect:{type:Function}},setup(t){const n=(0,e.useAttrs)(),o=(0,e.computed)(()=>n.id?{"aria-controls":n.id}:{});return(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(s.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(o.value)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3},16),(0,e.createVNode)(l.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(a.default,(0,e.mergeProps)(r.$attrs,{side:t.side,align:t.align}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default,{items:t.items,"on-item-select":t.onItemSelect},(0,e.createSlots)({_:2},[r.$slots.item?{name:"item",fn:(0,e.withCtx)(i=>[(0,e.renderSlot)(r.$slots,"item",(0,e.normalizeProps)((0,e.guardReactiveProps)(i)))]),key:"0"}:void 0]),1032,["items","on-item-select"])]),_:3},16,["side","align"])]),_:3})],64))}});exports.default=d;

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

@@ -0,0 +1 @@
+import e from"./DropdownMenuContent.vue.js";import t from"./DropdownMenuItems.vue.js";import o from"./DropdownMenuPortal.vue.js";import s from"./DropdownMenuTrigger.vue.js";import{Fragment as r,computed as n,createElementBlock as a,createSlots as i,createVNode as m,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as p,openBlock as c,renderSlot as f,useAttrs as g,withCtx as v}from"vue";var w=/* @__PURE__ */l({inheritAttrs:!1,__name:"DropdownMenuAnatomy",props:{items:{},side:{},align:{},onItemSelect:{type:Function}},setup(l){const w=g(),_=n(()=>w.id?{"aria-controls":w.id}:{});return(n,g)=>(c(),a(r,null,[m(s,p(u(_.value)),{default:v(()=>[f(n.$slots,"trigger")]),_:3},16),m(o,null,{default:v(()=>[m(e,d(n.$attrs,{side:l.side,align:l.align}),{default:v(()=>[m(t,{items:l.items,"on-item-select":l.onItemSelect},i({_:2},[n.$slots.item?{name:"item",fn:v(e=>[f(n.$slots,"item",p(u(e)))]),key:"0"}:void 0]),1032,["items","on-item-select"])]),_:3},16,["side","align"])]),_:3})],64))}});export{w as default};

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

@@ -1,7 +1,6 @@
 /**
- * Optional visual arrow pointing from `SkdxDropdownMenuContent` back at the
- * trigger. Must be rendered inside `SkdxDropdownMenuContent`; self-positions
- * based on the resolved `side`.
+ * Optional visual arrow pointing back at the trigger; self-positions based on resolved `side`.
+ * Must be rendered inside `SkdxDropdownMenuContent`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,7 +1,6 @@
 /**
- * Optional visual arrow pointing from `SkdxDropdownMenuContent` back at the
- * trigger. Must be rendered inside `SkdxDropdownMenuContent`; self-positions
- * based on the resolved `side`.
+ * Optional visual arrow pointing back at the trigger; self-positions based on resolved `side`.
+ * Must be rendered inside `SkdxDropdownMenuContent`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,23 +1,35 @@
 /**
  * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
  * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
- * (or `@checked-change`), or left unbound so the item tracks its own state
- * from `defaultChecked` — and, unlike `SkdxDropdownMenuItem`, always keeps the
- * menu open (calls `event.preventDefault()` internally). Wrap a
+ * (click or Enter/Space) reports the next state through `v-model:checked` /
+ * `@checked-change` — the state itself is always the consumer's, never the
+ * item's — and, unlike `SkdxDropdownMenuItem`, keeps the menu open by
+ * default: a checkbox item exists to be toggled, often more than once in a
+ * visit. Pass `closeOnSelect` to opt into closing; the root's own
+ * `closeOnSelect` is deliberately not inherited here. Wrap a
  * `SkdxDropdownMenuItemIndicator` inside it to render a check glyph only when
  * checked.
  */
 type __VLS_Props = {
     /**
-     * Whether the item is currently checked or unchecked, for controlled
-     * usage. Pair with `v-model:checked` or `@checked-change`.
+     * Whether the item is checked; pair with `v-model:checked` or `@checked-change`.
+     * @default false
      */
     checked?: boolean;
-    /** Initial checked state, for uncontrolled usage. */
-    defaultChecked?: boolean;
-    /** 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.
+     * Unlike other item types, stays open by default; checkbox items toggle multiple times.
+     * @default false
+     */
+    closeOnSelect?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -34,7 +46,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }>, {
     disabled: boolean;
     checked: boolean;
-    defaultChecked: 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/DropdownMenuCheckboxItem.vue.d.ts

@@ -1,23 +1,35 @@
 /**
  * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
  * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
- * (or `@checked-change`), or left unbound so the item tracks its own state
- * from `defaultChecked` — and, unlike `SkdxDropdownMenuItem`, always keeps the
- * menu open (calls `event.preventDefault()` internally). Wrap a
+ * (click or Enter/Space) reports the next state through `v-model:checked` /
+ * `@checked-change` — the state itself is always the consumer's, never the
+ * item's — and, unlike `SkdxDropdownMenuItem`, keeps the menu open by
+ * default: a checkbox item exists to be toggled, often more than once in a
+ * visit. Pass `closeOnSelect` to opt into closing; the root's own
+ * `closeOnSelect` is deliberately not inherited here. Wrap a
  * `SkdxDropdownMenuItemIndicator` inside it to render a check glyph only when
  * checked.
  */
 type __VLS_Props = {
     /**
-     * Whether the item is currently checked or unchecked, for controlled
-     * usage. Pair with `v-model:checked` or `@checked-change`.
+     * Whether the item is checked; pair with `v-model:checked` or `@checked-change`.
+     * @default false
      */
     checked?: boolean;
-    /** Initial checked state, for uncontrolled usage. */
-    defaultChecked?: boolean;
-    /** 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.
+     * Unlike other item types, stays open by default; checkbox items toggle multiple times.
+     * @default false
+     */
+    closeOnSelect?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -34,7 +46,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }>, {
     disabled: boolean;
     checked: boolean;
-    defaultChecked: 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/DropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang.cjs

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

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

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

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

@@ -1,27 +1,15 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
 /**
- * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
- * and `data-state` (`open`/`closed`), positioned via the shared popper layer
- * against the trigger using `side` (defaults to `'bottom'`) / `align`
- * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false` — against `collisionBoundary` when one is given, otherwise the
- * panel's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
- * the resolved placement, and the measurement custom properties
- * `--skdx-dropdown-menu-available-width` / `-available-height` /
- * `-trigger-width` / `-transform-origin`, so the panel can be sized and
- * animated from CSS without measuring anything by hand.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, and closes on
- * Escape, an outside interaction (pointer-down or focus moving out), or Tab
- * (per the WAI-ARIA menu pattern) unless `escape-key-down`/
- * `pointer-down-outside`/`focus-outside`/`interact-outside` call
- * `event.preventDefault()`. `interact-outside` fires for either kind of
- * outside interaction, immediately before the specific event and with the
- * same event object, so one veto covers both. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
+ * The menu's floating panel: `role="menu"` positioned against trigger
+ * via `side`/`align`/`sideOffset`/`alignOffset`, with collision detection.
+ * Exposes `data-side`/`data-align` and measurement properties
+ * `--skdx-dropdown-menu-available-width/height/trigger-width/transform-origin`.
+ * Names itself from trigger via `aria-labelledby` unless `aria-label` is set.
+ * Provides roving Up/Down navigation with typeahead; closes on Escape,
+ * outside interaction, or Tab (per WAI-ARIA, without consuming the key).
+ * Must be used inside `SkdxDropdownMenu`.
  */
 type __VLS_Props = {
     /** Preferred side of the trigger to render the panel on. */
@@ -37,13 +25,12 @@ type __VLS_Props = {
     /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
     /**
-     * Element (or elements) collisions are measured against, instead of the
-     * panel's clipping ancestors. Use it to keep the panel inside a scroll
-     * container or one pane of a split layout rather than the whole viewport.
+     * Elements to measure collisions against instead of clipping ancestors.
+     * Use to keep panel inside scroll container or split-layout pane.
      * @default undefined — the panel's clipping ancestors.
      */
     collisionBoundary?: Element | Element[] | null;
-    /** Keep this panel mounted even while the menu is closed, instead of unmounting it. */
+    /** Keep panel mounted while closed for animation libraries needing outgoing content. */
     forceMount?: boolean;
     /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
     loop?: boolean;
@@ -54,19 +41,21 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "focus-outside": (event: FocusOutsideEvent) => any;
+    "close-auto-focus": (event: AutoFocusEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
     "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
     "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
+    align: Align;
     side: Side;
     loop: boolean;
-    align: Align;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

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

@@ -1,27 +1,15 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
 /**
- * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
- * and `data-state` (`open`/`closed`), positioned via the shared popper layer
- * against the trigger using `side` (defaults to `'bottom'`) / `align`
- * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false` — against `collisionBoundary` when one is given, otherwise the
- * panel's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
- * the resolved placement, and the measurement custom properties
- * `--skdx-dropdown-menu-available-width` / `-available-height` /
- * `-trigger-width` / `-transform-origin`, so the panel can be sized and
- * animated from CSS without measuring anything by hand.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, and closes on
- * Escape, an outside interaction (pointer-down or focus moving out), or Tab
- * (per the WAI-ARIA menu pattern) unless `escape-key-down`/
- * `pointer-down-outside`/`focus-outside`/`interact-outside` call
- * `event.preventDefault()`. `interact-outside` fires for either kind of
- * outside interaction, immediately before the specific event and with the
- * same event object, so one veto covers both. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
+ * The menu's floating panel: `role="menu"` positioned against trigger
+ * via `side`/`align`/`sideOffset`/`alignOffset`, with collision detection.
+ * Exposes `data-side`/`data-align` and measurement properties
+ * `--skdx-dropdown-menu-available-width/height/trigger-width/transform-origin`.
+ * Names itself from trigger via `aria-labelledby` unless `aria-label` is set.
+ * Provides roving Up/Down navigation with typeahead; closes on Escape,
+ * outside interaction, or Tab (per WAI-ARIA, without consuming the key).
+ * Must be used inside `SkdxDropdownMenu`.
  */
 type __VLS_Props = {
     /** Preferred side of the trigger to render the panel on. */
@@ -37,13 +25,12 @@ type __VLS_Props = {
     /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
     /**
-     * Element (or elements) collisions are measured against, instead of the
-     * panel's clipping ancestors. Use it to keep the panel inside a scroll
-     * container or one pane of a split layout rather than the whole viewport.
+     * Elements to measure collisions against instead of clipping ancestors.
+     * Use to keep panel inside scroll container or split-layout pane.
      * @default undefined — the panel's clipping ancestors.
      */
     collisionBoundary?: Element | Element[] | null;
-    /** Keep this panel mounted even while the menu is closed, instead of unmounting it. */
+    /** Keep panel mounted while closed for animation libraries needing outgoing content. */
     forceMount?: boolean;
     /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
     loop?: boolean;
@@ -54,19 +41,21 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "focus-outside": (event: FocusOutsideEvent) => any;
+    "close-auto-focus": (event: AutoFocusEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
     "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
     "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
+    align: Align;
     side: Side;
     loop: boolean;
-    align: Align;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

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

@@ -1 +1 @@
-const R=require("../utils/composeRefs.cjs"),v=require("../utils/useDismiss.cjs"),g=require("../utils/useRovingFocus.cjs"),s=require("../utils/popper.cjs"),u=require("./context.cjs"),E=require("../utils/useFocusFirstItemOnOpen.cjs");let t=require("vue");var D=["id","data-state","data-side","data-align"],q=(0,t.defineComponent)({__name:"DropdownMenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(i,{emit:c}){const a=i,n=c,o=(0,t.inject)(u.DROPDOWN_MENU_CONTEXT);if(!o)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const d=(0,t.inject)(s.POPPER_CONTEXT);if(!d)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const r=(0,t.ref)(null),l=(0,t.ref)(null),f=R.composeRefs(r,o.contentRef),p=g.useRovingFocus({orientation:"vertical",loop:a.loop,itemSelector:u.ITEM_SELECTOR,typeahead:!0});v.useDismiss({enabled:o.open,onEscapeKeyDown:e=>{n("escape-key-down",e),e.defaultPrevented||(o.setOpen(!1),o.triggerRef.value?.focus())},onPointerDownOutside:e=>{n("pointer-down-outside",e),e.defaultPrevented||o.setOpen(!1)},onFocusOutside:e=>{n("focus-outside",e),e.defaultPrevented||o.setOpen(!1)},onInteractOutside:e=>n("interact-outside",e)},[r,o.triggerRef]),E.useFocusFirstItemOnOpen(r,o.open,u.ITEM_SELECTOR);const{style:w,arrowStyle:_,placedSide:m,placedAlign:O}=s.usePopperPosition(d.anchor,r,o.open,()=>({...a,component:"dropdown-menu"}),l);(0,t.provide)(s.ARROW_CONTEXT,{style:_,setArrowEl:e=>{l.value=e}});function y(e){p(e),e.key==="Tab"&&(e.preventDefault(),o.setOpen(!1),o.triggerRef.value?.focus())}return(e,C)=>i.forceMount||(0,t.unref)(o).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:(0,t.unref)(o).contentId,ref:(0,t.unref)(f),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":(0,t.unref)(o).open.value?"open":"closed","data-side":(0,t.unref)(m),"data-align":(0,t.unref)(O),style:(0,t.normalizeStyle)((0,t.unref)(w)),onKeydown:y},[(0,t.renderSlot)(e.$slots,"default")],44,D)):(0,t.createCommentVNode)("",!0)}});exports.default=q;
+const E=require("../utils/composeRefs.cjs"),R=require("../utils/useBodyScrollLock.cjs"),D=require("../utils/useDismiss.cjs"),S=require("../utils/useOutsideInert.cjs"),b=require("../utils/useRovingFocus.cjs"),u=require("../utils/popper.cjs"),k=require("../utils/useFocusFirstItemOnOpen.cjs"),s=require("./context.cjs");let e=require("vue");var C=["id","dir","aria-labelledby","data-state","data-side","data-align"],T=(0,e.defineComponent)({__name:"DropdownMenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(i,{emit:p}){const a=i,n=p,o=(0,e.inject)(s.DROPDOWN_MENU_CONTEXT);if(!o)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const d=(0,e.inject)(u.POPPER_CONTEXT);if(!d)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");o.closeAutoFocus.current=t=>n("close-auto-focus",t);const r=(0,e.ref)(null),l=(0,e.ref)(null),f=E.composeRefs(r,o.contentRef),m=b.useRovingFocus({orientation:"vertical",loop:a.loop,itemSelector:s.ITEM_SELECTOR,scopeSelector:'[role="menu"]',typeahead:!0,includeDisabled:!0}),c=(0,e.computed)(()=>o.open.value&&o.modal.value);S.useOutsideInert(r,c),R.useBodyScrollLock(c),D.useDismiss({enabled:o.open,onEscapeKeyDown:t=>{n("escape-key-down",t),t.defaultPrevented||(o.setOpen(!1),o.focusTrigger())},onPointerDownOutside:t=>{n("pointer-down-outside",t),t.defaultPrevented||o.setOpen(!1)},onFocusOutside:t=>{n("focus-outside",t),t.defaultPrevented||o.setOpen(!1)},onInteractOutside:t=>n("interact-outside",t)},[r,o.triggerRef]),k.useFocusFirstItemOnOpen(r,o.open,s.ITEM_SELECTOR,()=>o.openIntent.current);const _=(0,e.useAttrs)(),w=(0,e.computed)(()=>_["aria-label"]===void 0?o.triggerId:void 0),{style:O,arrowStyle:y,placedSide:v,placedAlign:g}=u.usePopperPosition(d.anchor,r,o.open,()=>({...a,component:"dropdown-menu"}),l);(0,e.provide)(u.ARROW_CONTEXT,{style:y,setArrowEl:t=>{l.value=t}});function q(t){m(t),t.key==="Tab"&&(o.setOpen(!1),o.focusTrigger())}return(t,M)=>i.forceMount||(0,e.unref)(o).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:(0,e.unref)(o).contentId,ref:(0,e.unref)(f),dir:(0,e.unref)(o).dir.value,role:"menu","aria-labelledby":w.value,"aria-orientation":"vertical",tabindex:"-1","data-state":(0,e.unref)(o).open.value?"open":"closed","data-side":(0,e.unref)(v),"data-align":(0,e.unref)(g),style:(0,e.normalizeStyle)((0,e.unref)(O)),onKeydown:q},[(0,e.renderSlot)(t.$slots,"default")],44,C)):(0,e.createCommentVNode)("",!0)}});exports.default=T;

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

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as o}from"../utils/useDismiss.js";import{useRovingFocus as t}from"../utils/useRovingFocus.js";import{ARROW_CONTEXT as n,POPPER_CONTEXT as s,usePopperPosition as a}from"../utils/popper.js";import{DROPDOWN_MENU_CONTEXT as i,ITEM_SELECTOR as r}from"./context.js";import{useFocusFirstItemOnOpen as d}from"../utils/useFocusFirstItemOnOpen.js";import{createCommentVNode as u,createElementBlock as l,defineComponent as p,inject as c,normalizeStyle as f,openBlock as m,provide as w,ref as O,renderSlot as v,unref as y}from"vue";var g=["id","data-state","data-side","data-align"],E=/* @__PURE__ */p({__name:"DropdownMenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(p,{emit:E}){const R=p,D=E,k=c(i);if(!k)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const P=c(s);if(!P)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const C=O(null),S=O(null),M=e(C,k.contentRef),T=t({orientation:"vertical",loop:R.loop,itemSelector:r,typeahead:!0});o({enabled:k.open,onEscapeKeyDown:e=>{D("escape-key-down",e),e.defaultPrevented||(k.setOpen(!1),k.triggerRef.value?.focus())},onPointerDownOutside:e=>{D("pointer-down-outside",e),e.defaultPrevented||k.setOpen(!1)},onFocusOutside:e=>{D("focus-outside",e),e.defaultPrevented||k.setOpen(!1)},onInteractOutside:e=>D("interact-outside",e)},[C,k.triggerRef]),d(C,k.open,r);const{style:_,arrowStyle:x,placedSide:j,placedAlign:F}=a(P.anchor,C,k.open,()=>({...R,component:"dropdown-menu"}),S);function b(e){T(e),"Tab"===e.key&&(e.preventDefault(),k.setOpen(!1),k.triggerRef.value?.focus())}return w(n,{style:x,setArrowEl:e=>{S.value=e}}),(e,o)=>p.forceMount||y(k).open.value?(m(),l("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:y(k).contentId,ref:y(M),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":y(k).open.value?"open":"closed","data-side":y(j),"data-align":y(F),style:f(y(_)),onKeydown:b},[v(e.$slots,"default")],44,g)):u("",!0)}});export{E as default};
+import{composeRefs as e}from"../utils/composeRefs.js";import{useBodyScrollLock as o}from"../utils/useBodyScrollLock.js";import{useDismiss as t}from"../utils/useDismiss.js";import{useOutsideInert as s}from"../utils/useOutsideInert.js";import{useRovingFocus as n}from"../utils/useRovingFocus.js";import{ARROW_CONTEXT as a,POPPER_CONTEXT as r,usePopperPosition as i}from"../utils/popper.js";import{useFocusFirstItemOnOpen as d}from"../utils/useFocusFirstItemOnOpen.js";import{DROPDOWN_MENU_CONTEXT as u,ITEM_SELECTOR as l}from"./context.js";import{computed as p,createCommentVNode as c,createElementBlock as f,defineComponent as m,inject as O,normalizeStyle as w,openBlock as v,provide as y,ref as g,renderSlot as k,unref as E,useAttrs as S}from"vue";var b=["id","dir","aria-labelledby","data-state","data-side","data-align"],D=/* @__PURE__ */m({__name:"DropdownMenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(m,{emit:D}){const P=m,R=D,T=O(u);if(!T)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const C=O(r);if(!C)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");T.closeAutoFocus.current=e=>R("close-auto-focus",e);const j=g(null),I=g(null),M=e(j,T.contentRef),_=n({orientation:"vertical",loop:P.loop,itemSelector:l,scopeSelector:'[role="menu"]',typeahead:!0,includeDisabled:!0}),x=p(()=>T.open.value&&T.modal.value);s(j,x),o(x),t({enabled:T.open,onEscapeKeyDown:e=>{R("escape-key-down",e),e.defaultPrevented||(T.setOpen(!1),T.focusTrigger())},onPointerDownOutside:e=>{R("pointer-down-outside",e),e.defaultPrevented||T.setOpen(!1)},onFocusOutside:e=>{R("focus-outside",e),e.defaultPrevented||T.setOpen(!1)},onInteractOutside:e=>R("interact-outside",e)},[j,T.triggerRef]),d(j,T.open,l,()=>T.openIntent.current);const B=S(),F=p(()=>void 0===B["aria-label"]?T.triggerId:void 0),{style:h,arrowStyle:N,placedSide:A,placedAlign:L}=i(C.anchor,j,T.open,()=>({...P,component:"dropdown-menu"}),I);function X(e){_(e),"Tab"===e.key&&(T.setOpen(!1),T.focusTrigger())}return y(a,{style:N,setArrowEl:e=>{I.value=e}}),(e,o)=>m.forceMount||E(T).open.value?(v(),f("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:E(T).contentId,ref:E(M),dir:E(T).dir.value,role:"menu","aria-labelledby":F.value,"aria-orientation":"vertical",tabindex:"-1","data-state":E(T).open.value?"open":"closed","data-side":E(A),"data-align":E(L),style:w(E(h)),onKeydown:X},[k(e.$slots,"default")],44,b)):c("",!0)}});export{D as default};

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

@@ -1,7 +1,3 @@
-/**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Pair with a preceding `SkdxDropdownMenuLabel` to caption the group.
- */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,7 +1,3 @@
-/**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Pair with a preceding `SkdxDropdownMenuLabel` to caption the group.
- */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-let e=require("vue");var o={class:"skdx-dropdown-menu__group","data-part":"group",role:"group"},u=(0,e.defineComponent)({__name:"DropdownMenuGroup",setup(t){return(r,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",o,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=u;
+const t=require("../utils/declaredChildren.cjs"),a=require("../utils/menuGroup.cjs"),n=require("./DropdownMenuLabel.vue.cjs");let e=require("vue");var d=["aria-labelledby"],s=(0,e.defineComponent)({__name:"DropdownMenuGroup",setup(p){const r=(0,e.useAttrs)(),u=a.useMenuGroupLabel(t.slotDeclares((0,e.useSlots)().default,n.default)),l=(0,e.computed)(()=>r["aria-label"]===void 0?u.value:void 0);return(o,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-dropdown-menu__group","data-part":"group",role:"group","aria-labelledby":l.value},[(0,e.renderSlot)(o.$slots,"default")],8,d))}});exports.default=s;

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

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as o,openBlock as r,renderSlot as a}from"vue";var p={class:"skdx-dropdown-menu__group","data-part":"group",role:"group"},t=/* @__PURE__ */o({__name:"DropdownMenuGroup",setup:o=>(o,t)=>(r(),e("div",p,[a(o.$slots,"default")]))});export{t as default};
+import{slotDeclares as e}from"../utils/declaredChildren.js";import{useMenuGroupLabel as a}from"../utils/menuGroup.js";import o from"./DropdownMenuLabel.vue.js";import{computed as r,createElementBlock as l,defineComponent as s,openBlock as u,renderSlot as t,useAttrs as d,useSlots as p}from"vue";var n=["aria-labelledby"],i=/* @__PURE__ */s({__name:"DropdownMenuGroup",setup(s){const i=d(),m=a(e(p().default,o)),c=r(()=>void 0===i["aria-label"]?m.value:void 0);return(e,a)=>(u(),l("div",{class:"skdx-dropdown-menu__group","data-part":"group",role:"group","aria-labelledby":c.value},[t(e.$slots,"default")],8,n))}});export{i as default};

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

@@ -1,17 +1,28 @@
-/**
- * A single selectable menu item: `role="menuitem"`, participates in the
- * content's roving-focus/typeahead navigation. Selecting it (click,
- * Enter, or Space) fires `select` and closes the menu, returning focus to
- * the trigger, unless the `select` listener calls `event.preventDefault()`.
- * Set `disabled` to exclude it from navigation and selection.
- */
+import type { PolymorphicTag } from '../utils/polymorphic.cjs';
 type __VLS_Props = {
-    /** Excludes the item from roving-focus navigation and blocks selection. */
+    /**
+     * Tag name to render instead of default `<div>`, from the library's allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag;
+    /** 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: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
@@ -19,6 +30,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((event: Event) => any) | undefined;
 }>, {
     disabled: boolean;
+    as: PolymorphicTag;
+    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/DropdownMenuItem.vue.d.ts

@@ -1,17 +1,28 @@
-/**
- * A single selectable menu item: `role="menuitem"`, participates in the
- * content's roving-focus/typeahead navigation. Selecting it (click,
- * Enter, or Space) fires `select` and closes the menu, returning focus to
- * the trigger, unless the `select` listener calls `event.preventDefault()`.
- * Set `disabled` to exclude it from navigation and selection.
- */
+import type { PolymorphicTag } from '../utils/polymorphic.js';
 type __VLS_Props = {
-    /** Excludes the item from roving-focus navigation and blocks selection. */
+    /**
+     * Tag name to render instead of default `<div>`, from the library's allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag;
+    /** 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: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
@@ -19,6 +30,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((event: Event) => any) | undefined;
 }>, {
     disabled: boolean;
+    as: PolymorphicTag;
+    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/DropdownMenuItem.vue_vue_type_script_setup_true_lang.cjs

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

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

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

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

@@ -1,11 +1,10 @@
 /**
- * Renders its children (typically a check glyph) only while the enclosing
- * `SkdxDropdownMenuCheckboxItem` or `SkdxDropdownMenuRadioItem` is checked.
- * Exposes `data-state` (`checked`/`unchecked`). Mounts only while checked
- * unless `forceMount` is set.
+ * Renders children only while enclosing checkbox or radio item is checked.
+ * Exposes `data-state` (`checked`/`unchecked`).
+ * Mounts only while checked unless `forceMount` is set.
  */
 type __VLS_Props = {
-    /** Render even while unchecked, instead of unmounting. */
+    /** Keep mounted while unchecked for animation libraries needing outgoing content. */
     forceMount?: boolean;
 };
 declare var __VLS_1: {};

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

@@ -1,11 +1,10 @@
 /**
- * Renders its children (typically a check glyph) only while the enclosing
- * `SkdxDropdownMenuCheckboxItem` or `SkdxDropdownMenuRadioItem` is checked.
- * Exposes `data-state` (`checked`/`unchecked`). Mounts only while checked
- * unless `forceMount` is set.
+ * Renders children only while enclosing checkbox or radio item is checked.
+ * Exposes `data-state` (`checked`/`unchecked`).
+ * Mounts only while checked unless `forceMount` is set.
  */
 type __VLS_Props = {
-    /** Render even while unchecked, instead of unmounting. */
+    /** Keep mounted while unchecked for animation libraries needing outgoing content. */
     forceMount?: boolean;
 };
 declare var __VLS_1: {};

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

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

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

@@ -0,0 +1,25 @@
+import type { MenuItem } from './types.cjs';
+/**
+ * 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;
+    };
+};