@skdx/vue 0.27.0 → 0.28.0

package/dist/tree-select/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.cjs"),r=require("./TreeSelect.vue.cjs"),t=require("./TreeSelectTrigger.vue.cjs"),l=require("./TreeSelectValue.vue.cjs"),u=require("./TreeSelectPortal.vue.cjs"),c=require("./TreeSelectContent.vue.cjs"),S=require("./TreeSelectItem.vue.cjs"),i=require("./TreeSelectTree.vue.cjs"),d=require("./TreeSelectItemIndicator.vue.cjs"),T=require("./TreeSelectEmpty.vue.cjs"),a=require("./TreeSelectInput.vue.cjs");exports.SkdxTreeSelect=r.default;exports.SkdxTreeSelectContent=c.default;exports.SkdxTreeSelectEmpty=T.default;exports.SkdxTreeSelectInput=a.default;exports.SkdxTreeSelectItem=S.default;exports.SkdxTreeSelectItemIndicator=d.default;exports.SkdxTreeSelectPortal=u.default;exports.SkdxTreeSelectTree=i.default;exports.SkdxTreeSelectTrigger=t.default;exports.SkdxTreeSelectValue=l.default;exports.defaultGetMatchCountLabel=e.defaultGetMatchCountLabel;exports.defaultTreeSelectFilter=e.defaultTreeSelectFilter;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.cjs"),t=require("./TreeSelect.vue.cjs");exports.SkdxTreeSelect=t.default;exports.defaultGetMatchCountLabel=e.defaultGetMatchCountLabel;exports.defaultTreeSelectFilter=e.defaultTreeSelectFilter;

package/dist/tree-select/index.d.cts

@@ -1,12 +1,3 @@
 export { default as SkdxTreeSelect } from './TreeSelect.vue.cjs';
-export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.cjs';
-export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.cjs';
-export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.cjs';
-export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.cjs';
-export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.cjs';
-export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.cjs';
-export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.cjs';
-export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.cjs';
-export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.cjs';
 export { defaultGetMatchCountLabel, defaultTreeSelectFilter } from './context.cjs';
 export type { TreeSelectCheckStrategy, TreeSelectFilter, TreeSelectNode, TreeSelectRenderLabel, TreeSelectValueStrategy, } from './context.cjs';

package/dist/tree-select/index.d.ts

@@ -1,12 +1,3 @@
 export { default as SkdxTreeSelect } from './TreeSelect.vue.js';
-export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.js';
-export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.js';
-export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.js';
-export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.js';
-export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.js';
-export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.js';
-export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.js';
-export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.js';
-export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.js';
 export { defaultGetMatchCountLabel, defaultTreeSelectFilter } from './context.js';
 export type { TreeSelectCheckStrategy, TreeSelectFilter, TreeSelectNode, TreeSelectRenderLabel, TreeSelectValueStrategy, } from './context.js';

package/dist/tree-select/index.js

@@ -1 +1 @@
-import{defaultGetMatchCountLabel as e,defaultTreeSelectFilter as t}from"./context.js";import r from"./TreeSelect.vue.js";import l from"./TreeSelectTrigger.vue.js";import o from"./TreeSelectValue.vue.js";import S from"./TreeSelectPortal.vue.js";import a from"./TreeSelectContent.vue.js";import m from"./TreeSelectItem.vue.js";import c from"./TreeSelectTree.vue.js";import T from"./TreeSelectItemIndicator.vue.js";import s from"./TreeSelectEmpty.vue.js";import u from"./TreeSelectInput.vue.js";export{r as SkdxTreeSelect,a as SkdxTreeSelectContent,s as SkdxTreeSelectEmpty,u as SkdxTreeSelectInput,m as SkdxTreeSelectItem,T as SkdxTreeSelectItemIndicator,S as SkdxTreeSelectPortal,c as SkdxTreeSelectTree,l as SkdxTreeSelectTrigger,o as SkdxTreeSelectValue,e as defaultGetMatchCountLabel,t as defaultTreeSelectFilter};
+import{defaultGetMatchCountLabel as e,defaultTreeSelectFilter as t}from"./context.js";import a from"./TreeSelect.vue.js";export{a as SkdxTreeSelect,e as defaultGetMatchCountLabel,t as defaultTreeSelectFilter};

package/dist/tree-select/nodes.d.cts

@@ -1,14 +1,8 @@
 import { type PropType, type VNodeChild } from 'vue';
 import { type TreeSelectNode, type TreeSelectRenderLabel } from './context.cjs';
 /**
- * @internal Renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup` (which unmounts itself
- * while the branch is collapsed).
- *
- * A render-function component rather than an SFC because the recursion is the
- * whole of it, and a template would have to reach for self-reference by
- * filename plus a wrapper component just to splice in `renderLabel`'s vnodes.
- * Never exported: `SkdxTreeSelectTree` is the public way to render a tree.
+ * @internal Renders one item per visible node, nesting children in `SkdxTreeGroup`.
+ * A render function because recursion requires self-reference.
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** The sibling nodes to render at this level, before filtering. */

package/dist/tree-select/nodes.d.ts

@@ -1,14 +1,8 @@
 import { type PropType, type VNodeChild } from 'vue';
 import { type TreeSelectNode, type TreeSelectRenderLabel } from './context.js';
 /**
- * @internal Renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup` (which unmounts itself
- * while the branch is collapsed).
- *
- * A render-function component rather than an SFC because the recursion is the
- * whole of it, and a template would have to reach for self-reference by
- * filename plus a wrapper component just to splice in `renderLabel`'s vnodes.
- * Never exported: `SkdxTreeSelectTree` is the public way to render a tree.
+ * @internal Renders one item per visible node, nesting children in `SkdxTreeGroup`.
+ * A render function because recursion requires self-reference.
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** The sibling nodes to render at this level, before filtering. */

package/dist/tree-select/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TreeSelectContent.vue.cjs"),r=require("./TreeSelectEmpty.vue.cjs"),t=require("./TreeSelectInput.vue.cjs"),l=require("./TreeSelectItemIndicator.vue.cjs"),u=require("./TreeSelectPortal.vue.cjs"),c=require("./TreeSelectItem.vue.cjs"),S=require("./TreeSelectTree.vue.cjs"),i=require("./TreeSelectTrigger.vue.cjs"),T=require("./TreeSelectValue.vue.cjs"),d=require("./TreeSelect.vue.cjs");exports.SkdxTreeSelect=d.default;exports.SkdxTreeSelectContent=e.default;exports.SkdxTreeSelectEmpty=r.default;exports.SkdxTreeSelectInput=t.default;exports.SkdxTreeSelectItem=c.default;exports.SkdxTreeSelectItemIndicator=l.default;exports.SkdxTreeSelectPortal=u.default;exports.SkdxTreeSelectTree=S.default;exports.SkdxTreeSelectTrigger=i.default;exports.SkdxTreeSelectValue=T.default;

package/dist/tree-select/primitives.d.cts

@@ -0,0 +1,34 @@
+/**
+ * Primitives for `SkdxTreeSelect` — composable building blocks.
+ * Use these when you need a custom layout beyond the derived recipe.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTreeSelect, SkdxTreeSelectContent, SkdxTreeSelectPortal, SkdxTreeSelectTree, SkdxTreeSelectTrigger, SkdxTreeSelectValue } from '@skdx/vue/primitives/tree-select';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTreeSelect :collection="collection" v-model:value="value">
+ *     <SkdxTreeSelectTrigger>
+ *       <SkdxTreeSelectValue placeholder="Files" />
+ *     </SkdxTreeSelectTrigger>
+ *     <SkdxTreeSelectPortal>
+ *       <SkdxTreeSelectContent>
+ *         <SkdxTreeSelectTree aria-label="Files" />
+ *       </SkdxTreeSelectContent>
+ *     </SkdxTreeSelectPortal>
+ *   </SkdxTreeSelect>
+ * </template>
+ * ```
+ */
+export { default as SkdxTreeSelect } from './TreeSelect.vue.cjs';
+export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.cjs';
+export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.cjs';
+export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.cjs';
+export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.cjs';
+export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.cjs';
+export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.cjs';
+export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.cjs';
+export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.cjs';
+export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.cjs';

package/dist/tree-select/primitives.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Primitives for `SkdxTreeSelect` — composable building blocks.
+ * Use these when you need a custom layout beyond the derived recipe.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTreeSelect, SkdxTreeSelectContent, SkdxTreeSelectPortal, SkdxTreeSelectTree, SkdxTreeSelectTrigger, SkdxTreeSelectValue } from '@skdx/vue/primitives/tree-select';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTreeSelect :collection="collection" v-model:value="value">
+ *     <SkdxTreeSelectTrigger>
+ *       <SkdxTreeSelectValue placeholder="Files" />
+ *     </SkdxTreeSelectTrigger>
+ *     <SkdxTreeSelectPortal>
+ *       <SkdxTreeSelectContent>
+ *         <SkdxTreeSelectTree aria-label="Files" />
+ *       </SkdxTreeSelectContent>
+ *     </SkdxTreeSelectPortal>
+ *   </SkdxTreeSelect>
+ * </template>
+ * ```
+ */
+export { default as SkdxTreeSelect } from './TreeSelect.vue.js';
+export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.js';
+export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.js';
+export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.js';
+export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.js';
+export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.js';
+export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.js';
+export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.js';
+export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.js';
+export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.js';

package/dist/tree-select/primitives.js

@@ -0,0 +1 @@
+import e from"./TreeSelectContent.vue.js";import r from"./TreeSelectEmpty.vue.js";import t from"./TreeSelectInput.vue.js";import S from"./TreeSelectItemIndicator.vue.js";import o from"./TreeSelectPortal.vue.js";import m from"./TreeSelectItem.vue.js";import l from"./TreeSelectTree.vue.js";import T from"./TreeSelectTrigger.vue.js";import c from"./TreeSelectValue.vue.js";import s from"./TreeSelect.vue.js";export{s as SkdxTreeSelect,e as SkdxTreeSelectContent,r as SkdxTreeSelectEmpty,t as SkdxTreeSelectInput,m as SkdxTreeSelectItem,S as SkdxTreeSelectItemIndicator,o as SkdxTreeSelectPortal,l as SkdxTreeSelectTree,T as SkdxTreeSelectTrigger,c as SkdxTreeSelectValue};

package/dist/tree-select/rows.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs"),a=require("./TreeSelectItem.vue.cjs");let t=require("vue");var d=(0,t.defineComponent)({name:"SkdxTreeSelectRows",inheritAttrs:!1,props:{rows:{type:Array,required:!0},renderLabel:{type:Function,default:void 0}},setup(r){const n=(0,t.inject)(l.TREE_SELECT_CONTEXT);if(!n)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");return()=>r.rows.map(u=>{const e=n.index.value.get(u.value)?.node;return e?(0,t.h)(a.default,{node:e,key:u.value},()=>[r.renderLabel?r.renderLabel(e):e.label??e.value]):null})}});exports.default=d;

package/dist/tree-select/rows.d.cts

@@ -0,0 +1,38 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type TreeSelectRenderLabel } from './context.cjs';
+/**
+ * @internal Renders rows flat — one `SkdxTreeSelectItem` per row, no nesting —
+ * for the windowed path. Aria attributes derive from the unwindowed root index.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    renderLabel: TreeSelectRenderLabel;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tree-select/rows.d.ts

@@ -0,0 +1,38 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type TreeSelectRenderLabel } from './context.js';
+/**
+ * @internal Renders rows flat — one `SkdxTreeSelectItem` per row, no nesting —
+ * for the windowed path. Aria attributes derive from the unwindowed root index.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    renderLabel: TreeSelectRenderLabel;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tree-select/rows.js

@@ -0,0 +1 @@
+import{TREE_SELECT_CONTEXT as e}from"./context.js";import r from"./TreeSelectItem.vue.js";import{defineComponent as t,h as n,inject as o}from"vue";var a=t({name:"SkdxTreeSelectRows",inheritAttrs:!1,props:{rows:{type:Array,required:!0},renderLabel:{type:Function,default:void 0}},setup(t){const a=o(e);if(!a)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");return()=>t.rows.map(e=>{const o=a.index.value.get(e.value)?.node;return o?n(r,{node:o,key:e.value},()=>[t.renderLabel?t.renderLabel(o):o.label??o.value]):null})}});export{a as default};

package/dist/utils/MenuSub.vue.d.cts

@@ -1,27 +1,11 @@
 /**
- * Root of a nested submenu inside a menu panel: owns the submenu's own open
- * state and hover grace timer, and wraps its children in a nested popper root
- * so the SubContent positions against the SubTrigger. Renders no DOM of its
- * own. Exported per family as `SkdxDropdownMenuSub`, `SkdxContextMenuSub` and
- * `SkdxMenubarSub`.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after the SubContent's enter or
- * exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ * Root of nested submenu: owns open state and hover grace timer. Renders no DOM.
+ * Works controlled or uncontrolled.
  */
 type __VLS_Props = {
-    /**
-     * The re-exporting family, e.g. `'context-menu'`, which is what lets the
-     * shared SubTrigger and SubContent name their own classes. Supplied by
-     * each family's thin wrapper, never by a consumer.
-     * @internal
-     */
-    family: string;
-    /** Whether the submenu is open, for controlled usage. Pair with `v-model:open`. */
+    /** Whether submenu is open, for controlled usage via `v-model:open`. */
     open?: boolean;
-    /** Whether the submenu is initially open, for uncontrolled usage. */
+    /** Whether submenu is initially open, for uncontrolled usage. */
     defaultOpen?: boolean;
 };
 declare var __VLS_5: {};

package/dist/utils/MenuSub.vue.d.ts

@@ -1,27 +1,11 @@
 /**
- * Root of a nested submenu inside a menu panel: owns the submenu's own open
- * state and hover grace timer, and wraps its children in a nested popper root
- * so the SubContent positions against the SubTrigger. Renders no DOM of its
- * own. Exported per family as `SkdxDropdownMenuSub`, `SkdxContextMenuSub` and
- * `SkdxMenubarSub`.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after the SubContent's enter or
- * exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ * Root of nested submenu: owns open state and hover grace timer. Renders no DOM.
+ * Works controlled or uncontrolled.
  */
 type __VLS_Props = {
-    /**
-     * The re-exporting family, e.g. `'context-menu'`, which is what lets the
-     * shared SubTrigger and SubContent name their own classes. Supplied by
-     * each family's thin wrapper, never by a consumer.
-     * @internal
-     */
-    family: string;
-    /** Whether the submenu is open, for controlled usage. Pair with `v-model:open`. */
+    /** Whether submenu is open, for controlled usage via `v-model:open`. */
     open?: boolean;
-    /** Whether the submenu is initially open, for uncontrolled usage. */
+    /** Whether submenu is initially open, for uncontrolled usage. */
     defaultOpen?: boolean;
 };
 declare var __VLS_5: {};

package/dist/utils/MenuSub.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const m=require("./useOpenChangeComplete.cjs"),_=require("./PopperRoot.vue.cjs"),s=require("./menuSub.cjs");let e=require("vue");var g=(0,e.defineComponent)({__name:"MenuSub",props:{family:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(i,{emit:f}){const o=i,u=f,d=(0,e.ref)(null),r=(0,e.ref)(null),a=(0,e.ref)(o.defaultOpen),c=(0,e.computed)(()=>o.open??a.value);m.useOpenChangeComplete(c,r,n=>u("open-change-complete",n));let l;function p(n){o.open===void 0&&(a.value=n),u("update:open",n),u("open-change",n)}function t(){clearTimeout(l),l=void 0}return(0,e.provide)(s.MENU_SUB_CONTEXT,{family:o.family,open:c,triggerRef:d,contentRef:r,contentId:s.nextMenuSubContentId(),openNow(){t(),p(!0)},closeNow(){t(),p(!1)},scheduleClose(){t(),l=setTimeout(()=>p(!1),150)}}),(0,e.onBeforeUnmount)(t),(n,v)=>((0,e.openBlock)(),(0,e.createBlock)(_.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3}))}});exports.default=g;
+const _=require("./useOpenChangeComplete.cjs"),p=require("./menuSub.cjs"),g=require("./PopperRoot.vue.cjs");let e=require("vue");var h=(0,e.defineComponent)({__name:"MenuSub",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(f,{emit:d}){const o=f,a=(0,e.inject)("skdx-menu-family");if(!a?.family)throw new Error("SkdxMenuSub must be used within a menu family context.");const u=d,m=(0,e.ref)(null),i=(0,e.ref)(null),c=(0,e.ref)(o.defaultOpen),s=(0,e.computed)(()=>o.open??c.value);_.useOpenChangeComplete(s,i,n=>u("open-change-complete",n));let l;function r(n){o.open===void 0&&(c.value=n),u("update:open",n),u("open-change",n)}function t(){clearTimeout(l),l=void 0}return(0,e.provide)(p.MENU_SUB_CONTEXT,{family:a.family,open:s,triggerRef:m,contentRef:i,contentId:p.nextMenuSubContentId(),triggerId:p.nextMenuSubTriggerId(),openNow(){t(),r(!0)},closeNow(){t(),r(!1)},scheduleClose(){t(),l=setTimeout(()=>r(!1),150)}}),(0,e.onBeforeUnmount)(t),(n,C)=>((0,e.openBlock)(),(0,e.createBlock)(g.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3}))}});exports.default=h;

package/dist/utils/MenuSub.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useOpenChangeComplete as e}from"./useOpenChangeComplete.js";import o from"./PopperRoot.vue.js";import{MENU_SUB_CONTEXT as n,nextMenuSubContentId as t}from"./menuSub.js";import{computed as a,createBlock as p,defineComponent as l,onBeforeUnmount as u,openBlock as s,provide as m,ref as r,renderSlot as f,withCtx as i}from"vue";var d=/* @__PURE__ */l({__name:"MenuSub",props:{family:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(l,{emit:d}){const c=l,v=d,C=r(null),g=r(null),h=r(c.defaultOpen),B=a(()=>c.open??h.value);let y;function O(e){void 0===c.open&&(h.value=e),v("update:open",e),v("open-change",e)}function S(){clearTimeout(y),y=void 0}return e(B,g,e=>v("open-change-complete",e)),m(n,{family:c.family,open:B,triggerRef:C,contentRef:g,contentId:t(),openNow(){S(),O(!0)},closeNow(){S(),O(!1)},scheduleClose(){S(),y=setTimeout(()=>O(!1),150)}}),u(S),(e,n)=>(s(),p(o,null,{default:i(()=>[f(e.$slots,"default")]),_:3}))}});export{d as default};
+import{useOpenChangeComplete as e}from"./useOpenChangeComplete.js";import{MENU_SUB_CONTEXT as o,nextMenuSubContentId as n,nextMenuSubTriggerId as t}from"./menuSub.js";import a from"./PopperRoot.vue.js";import{computed as u,createBlock as p,defineComponent as l,inject as s,onBeforeUnmount as r,openBlock as m,provide as i,ref as d,renderSlot as f,withCtx as c}from"vue";var g=/* @__PURE__ */l({__name:"MenuSub",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(l,{emit:g}){const h=l,v=s("skdx-menu-family");if(!v?.family)throw new Error("SkdxMenuSub must be used within a menu family context.");const C=g,S=d(null),x=d(null),y=d(h.defaultOpen),b=u(()=>h.open??y.value);let w;function B(e){void 0===h.open&&(y.value=e),C("update:open",e),C("open-change",e)}function M(){clearTimeout(w),w=void 0}return e(b,x,e=>C("open-change-complete",e)),i(o,{family:v.family,open:b,triggerRef:S,contentRef:x,contentId:n(),triggerId:t(),openNow(){M(),B(!0)},closeNow(){M(),B(!1)},scheduleClose(){M(),w=setTimeout(()=>B(!1),150)}}),r(M),(e,o)=>(m(),p(a,null,{default:c(()=>[f(e.$slots,"default")]),_:3}))}});export{g as default};

package/dist/utils/MenuSubContent.vue.d.cts

@@ -1,40 +1,29 @@
 import { type Align, type PhysicalSide, type Side } from './popper.cjs';
 /**
- * The submenu's floating panel: `role="menu"` with
- * `aria-orientation="vertical"` and `data-state` (`open`/`closed`),
- * positioned by the shared popper layer against its SubTrigger (`side`
- * defaults to the logical `'end'` — right under LTR, left under RTL — `align`
- * to `'start'`, `sideOffset` to `0`) and exposing the resolved
- * `data-side`/`data-align`.
- *
- * Owns its own vertical roving focus and typeahead over its items. ArrowLeft
- * and Escape close only this submenu and return focus to the SubTrigger,
- * leaving the parent menu open; under `dir="rtl"` the closing arrow is
- * ArrowRight. Mounts only while open unless `forceMount` is set. Renders
- * inline inside the parent menu rather than in a portal — see `menuSub.ts`.
- * Must be used inside a `Sub` root.
+ * Submenu's floating panel: `role="menu"` named after SubTrigger via `aria-labelledby` (or `aria-label`),
+ * with `aria-orientation="vertical"` and `data-state`. Positioned by popper layer.
+ * Owns vertical roving focus and typeahead. ArrowLeft/Escape close submenu only.
+ * Mounts only while open unless `forceMount`. Must be used inside `Sub` root.
  */
 type __VLS_Props = {
-    /** Preferred side of the trigger to render the panel on. */
+    /** Preferred edge of the trigger to render the panel on. */
     side?: Side;
-    /** Alignment of the panel relative to the trigger along the chosen side. */
+    /** Alignment along that edge relative to the trigger. */
     align?: Align;
-    /** Distance (px) between the panel and the trigger. */
+    /** Pixel gap between panel and trigger. */
     sideOffset?: number;
-    /** Offset (px) along the alignment axis. */
+    /** Pixel offset along the alignment axis. */
     alignOffset?: number;
-    /** Whether to flip/shift the panel to stay within the viewport. */
+    /** Flip/shift panel to stay within viewport. */
     avoidCollisions?: boolean;
-    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    /** Minimum pixel distance from collision boundary; number or per-side object. */
     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.
-     * @default undefined — the panel's clipping ancestors.
+     * Element collisions are measured against, instead of panel's clipping ancestors.
+     * @default undefined — panel's clipping ancestors.
      */
     collisionBoundary?: Element | Element[] | null;
-    /** Keep this panel mounted even while the submenu is closed, instead of unmounting it. */
+    /** Keep panel mounted while closed, for animations needing outgoing content. */
     forceMount?: boolean;
     /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
     loop?: boolean;
@@ -45,9 +34,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     forceMount: boolean;
+    align: Align;
     side: Side;
     loop: boolean;
-    align: Align;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/utils/MenuSubContent.vue.d.ts

@@ -1,40 +1,29 @@
 import { type Align, type PhysicalSide, type Side } from './popper.js';
 /**
- * The submenu's floating panel: `role="menu"` with
- * `aria-orientation="vertical"` and `data-state` (`open`/`closed`),
- * positioned by the shared popper layer against its SubTrigger (`side`
- * defaults to the logical `'end'` — right under LTR, left under RTL — `align`
- * to `'start'`, `sideOffset` to `0`) and exposing the resolved
- * `data-side`/`data-align`.
- *
- * Owns its own vertical roving focus and typeahead over its items. ArrowLeft
- * and Escape close only this submenu and return focus to the SubTrigger,
- * leaving the parent menu open; under `dir="rtl"` the closing arrow is
- * ArrowRight. Mounts only while open unless `forceMount` is set. Renders
- * inline inside the parent menu rather than in a portal — see `menuSub.ts`.
- * Must be used inside a `Sub` root.
+ * Submenu's floating panel: `role="menu"` named after SubTrigger via `aria-labelledby` (or `aria-label`),
+ * with `aria-orientation="vertical"` and `data-state`. Positioned by popper layer.
+ * Owns vertical roving focus and typeahead. ArrowLeft/Escape close submenu only.
+ * Mounts only while open unless `forceMount`. Must be used inside `Sub` root.
  */
 type __VLS_Props = {
-    /** Preferred side of the trigger to render the panel on. */
+    /** Preferred edge of the trigger to render the panel on. */
     side?: Side;
-    /** Alignment of the panel relative to the trigger along the chosen side. */
+    /** Alignment along that edge relative to the trigger. */
     align?: Align;
-    /** Distance (px) between the panel and the trigger. */
+    /** Pixel gap between panel and trigger. */
     sideOffset?: number;
-    /** Offset (px) along the alignment axis. */
+    /** Pixel offset along the alignment axis. */
     alignOffset?: number;
-    /** Whether to flip/shift the panel to stay within the viewport. */
+    /** Flip/shift panel to stay within viewport. */
     avoidCollisions?: boolean;
-    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    /** Minimum pixel distance from collision boundary; number or per-side object. */
     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.
-     * @default undefined — the panel's clipping ancestors.
+     * Element collisions are measured against, instead of panel's clipping ancestors.
+     * @default undefined — panel's clipping ancestors.
      */
     collisionBoundary?: Element | Element[] | null;
-    /** Keep this panel mounted even while the submenu is closed, instead of unmounting it. */
+    /** Keep panel mounted while closed, for animations needing outgoing content. */
     forceMount?: boolean;
     /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
     loop?: boolean;
@@ -45,9 +34,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     forceMount: boolean;
+    align: Align;
     side: Side;
     loop: boolean;
-    align: Align;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/utils/MenuSubContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const C=require("./composeRefs.cjs"),s=require("./direction.cjs"),g=require("./useRovingFocus.cjs"),l=require("./popper.cjs"),d=require("./menuSub.cjs");let e=require("vue");var v=["id","data-state","data-side","data-align"],k=(0,e.defineComponent)({__name:"MenuSubContent",props:{side:{default:"end"},align:{default:"start"},sideOffset:{default:0},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},setup(r){const u=r,t=(0,e.inject)(d.MENU_SUB_CONTEXT);if(!t)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const i=(0,e.inject)(l.POPPER_CONTEXT);if(!i)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const c=s.useDirection(),a=(0,e.ref)(null),f=C.composeRefs(a,t.contentRef),p=g.useRovingFocus({orientation:"vertical",loop:u.loop,itemSelector:d.ITEM_SELECTOR,typeahead:!0}),{style:S,placedSide:b,placedAlign:_}=l.usePopperPosition(i.anchor,a,t.open,u);function m(n){const o=s.directionalKey(n.key,n.currentTarget,c());o==="ArrowLeft"||o==="Escape"?(n.preventDefault(),t.closeNow(),t.triggerRef.value?.focus()):p(n),n.key!=="Tab"&&n.stopPropagation()}return(n,o)=>r.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(t).family}__sub-content`),"data-part":"sub-content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(f),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":(0,e.unref)(t).open.value?"open":"closed","data-side":(0,e.unref)(b),"data-align":(0,e.unref)(_),style:(0,e.normalizeStyle)((0,e.unref)(S)),onKeydown:m,onPointerenter:o[0]||(o[0]=y=>(0,e.unref)(t).openNow()),onPointerleave:o[1]||(o[1]=y=>(0,e.unref)(t).scheduleClose())},[(0,e.renderSlot)(n.$slots,"default")],46,v)):(0,e.createCommentVNode)("",!0)}});exports.default=k;
+const C=require("./composeRefs.cjs"),l=require("./direction.cjs"),k=require("./useRovingFocus.cjs"),s=require("./popper.cjs"),d=require("./menuSub.cjs");let e=require("vue");var w=["id","aria-labelledby","data-state","data-side","data-align"],M=(0,e.defineComponent)({__name:"MenuSubContent",props:{side:{default:"end"},align:{default:"start"},sideOffset:{default:0},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},setup(r){const u=r,t=(0,e.inject)(d.MENU_SUB_CONTEXT);if(!t)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const c=(0,e.useAttrs)(),f=(0,e.computed)(()=>c["aria-label"]===void 0?t.triggerId:void 0),a=(0,e.inject)(s.POPPER_CONTEXT);if(!a)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const p=l.useDirection(),i=(0,e.ref)(null),b=C.composeRefs(i,t.contentRef),S=k.useRovingFocus({orientation:"vertical",loop:u.loop,itemSelector:d.ITEM_SELECTOR,typeahead:!0,includeDisabled:!0}),{style:y,placedSide:m,placedAlign:_}=s.usePopperPosition(a.anchor,i,t.open,u);function v(n){const o=l.directionalKey(n.key,n.currentTarget,p());o==="ArrowLeft"||o==="Escape"?(n.preventDefault(),t.closeNow(),t.triggerRef.value?.focus()):S(n),n.key!=="Tab"&&n.stopPropagation()}return(n,o)=>r.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(t).family}__sub-content`),"data-part":"sub-content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(b),role:"menu","aria-labelledby":f.value,"aria-orientation":"vertical",tabindex:"-1","data-state":(0,e.unref)(t).open.value?"open":"closed","data-side":(0,e.unref)(m),"data-align":(0,e.unref)(_),style:(0,e.normalizeStyle)((0,e.unref)(y)),onKeydown:v,onPointerenter:o[0]||(o[0]=g=>(0,e.unref)(t).openNow()),onPointerleave:o[1]||(o[1]=g=>(0,e.unref)(t).scheduleClose())},[(0,e.renderSlot)(n.$slots,"default")],46,w)):(0,e.createCommentVNode)("",!0)}});exports.default=M;

package/dist/utils/MenuSubContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"./composeRefs.js";import{directionalKey as o,useDirection as t}from"./direction.js";import{useRovingFocus as n}from"./useRovingFocus.js";import{POPPER_CONTEXT as a,usePopperPosition as s}from"./popper.js";import{ITEM_SELECTOR as r,MENU_SUB_CONTEXT as i}from"./menuSub.js";import{createCommentVNode as u,createElementBlock as l,defineComponent as d,inject as p,normalizeClass as c,normalizeStyle as f,openBlock as m,ref as S,renderSlot as b,unref as y}from"vue";var v=["id","data-state","data-side","data-align"],C=/* @__PURE__ */d({__name:"MenuSubContent",props:{side:{default:"end"},align:{default:"start"},sideOffset:{default:0},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},setup(d){const C=d,g=p(i);if(!g)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const k=p(a);if(!k)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const w=t(),x=S(null),E=e(x,g.contentRef),M=n({orientation:"vertical",loop:C.loop,itemSelector:r,typeahead:!0}),{style:P,placedSide:R,placedAlign:T}=s(k.anchor,x,g.open,C);function _(e){const t=o(e.key,e.currentTarget,w());"ArrowLeft"===t||"Escape"===t?(e.preventDefault(),g.closeNow(),g.triggerRef.value?.focus()):M(e),"Tab"!==e.key&&e.stopPropagation()}return(e,o)=>d.forceMount||y(g).open.value?(m(),l("div",{key:0,class:c(`skdx-${y(g).family}__sub-content`),"data-part":"sub-content",id:y(g).contentId,ref:y(E),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":y(g).open.value?"open":"closed","data-side":y(R),"data-align":y(T),style:f(y(P)),onKeydown:_,onPointerenter:o[0]||(o[0]=e=>y(g).openNow()),onPointerleave:o[1]||(o[1]=e=>y(g).scheduleClose())},[b(e.$slots,"default")],46,v)):u("",!0)}});export{C as default};
+import{composeRefs as e}from"./composeRefs.js";import{directionalKey as o,useDirection as t}from"./direction.js";import{useRovingFocus as a}from"./useRovingFocus.js";import{POPPER_CONTEXT as n,usePopperPosition as s}from"./popper.js";import{ITEM_SELECTOR as r,MENU_SUB_CONTEXT as i}from"./menuSub.js";import{computed as l,createCommentVNode as u,createElementBlock as d,defineComponent as p,inject as c,normalizeClass as f,normalizeStyle as m,openBlock as b,ref as S,renderSlot as v,unref as y,useAttrs as g}from"vue";var C=["id","aria-labelledby","data-state","data-side","data-align"],k=/* @__PURE__ */p({__name:"MenuSubContent",props:{side:{default:"end"},align:{default:"start"},sideOffset:{default:0},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},setup(p){const k=p,w=c(i);if(!w)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const x=g(),E=l(()=>void 0===x["aria-label"]?w.triggerId:void 0),M=c(n);if(!M)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const P=t(),R=S(null),T=e(R,w.contentRef),_=a({orientation:"vertical",loop:k.loop,itemSelector:r,typeahead:!0,includeDisabled:!0}),{style:h,placedSide:B,placedAlign:j}=s(M.anchor,R,w.open,k);function N(e){const t=o(e.key,e.currentTarget,P());"ArrowLeft"===t||"Escape"===t?(e.preventDefault(),w.closeNow(),w.triggerRef.value?.focus()):_(e),"Tab"!==e.key&&e.stopPropagation()}return(e,o)=>p.forceMount||y(w).open.value?(b(),d("div",{key:0,class:f(`skdx-${y(w).family}__sub-content`),"data-part":"sub-content",id:y(w).contentId,ref:y(T),role:"menu","aria-labelledby":E.value,"aria-orientation":"vertical",tabindex:"-1","data-state":y(w).open.value?"open":"closed","data-side":y(B),"data-align":y(j),style:m(y(h)),onKeydown:N,onPointerenter:o[0]||(o[0]=e=>y(w).openNow()),onPointerleave:o[1]||(o[1]=e=>y(w).scheduleClose())},[v(e.$slots,"default")],46,C)):u("",!0)}});export{k as default};

package/dist/utils/MenuSubTrigger.vue.d.cts

@@ -1,16 +1,16 @@
 /**
- * The parent-menu item that opens a submenu: `role="menuitem"` (so it takes
- * part in the parent menu's roving focus and typeahead) with
- * `aria-haspopup="menu"`, `aria-expanded`, `aria-controls` and `data-state`.
- * Doubles as the positioning anchor for its SubContent. Opens on click,
- * Enter, Space or ArrowRight — moving focus to the submenu's first item — and
- * on hover, which leaves focus on the trigger. Under `dir="rtl"` the opening
- * arrow is ArrowLeft instead. Selecting it never closes the parent menu. Must
- * be used inside a `Sub` root.
+ * Parent-menu item opening submenu: `role="menuitem"` with aria-haspopup/expanded/controls.
+ * Opens on click/Enter/Space/ArrowRight; hover opens without moving focus.
+ * Must be used inside `Sub` root.
  */
 type __VLS_Props = {
-    /** Excludes the trigger from roving-focus navigation and blocks it from opening the submenu. */
+    /** Marks trigger `aria-disabled` and blocks submenu open, staying focusable. */
     disabled?: boolean;
+    /**
+     * Text typeahead matches by, reflected to `data-text-value`.
+     * @default undefined — typeahead matches trigger's rendered text.
+     */
+    textValue?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/utils/MenuSubTrigger.vue.d.ts

@@ -1,16 +1,16 @@
 /**
- * The parent-menu item that opens a submenu: `role="menuitem"` (so it takes
- * part in the parent menu's roving focus and typeahead) with
- * `aria-haspopup="menu"`, `aria-expanded`, `aria-controls` and `data-state`.
- * Doubles as the positioning anchor for its SubContent. Opens on click,
- * Enter, Space or ArrowRight — moving focus to the submenu's first item — and
- * on hover, which leaves focus on the trigger. Under `dir="rtl"` the opening
- * arrow is ArrowLeft instead. Selecting it never closes the parent menu. Must
- * be used inside a `Sub` root.
+ * Parent-menu item opening submenu: `role="menuitem"` with aria-haspopup/expanded/controls.
+ * Opens on click/Enter/Space/ArrowRight; hover opens without moving focus.
+ * Must be used inside `Sub` root.
  */
 type __VLS_Props = {
-    /** Excludes the trigger from roving-focus navigation and blocks it from opening the submenu. */
+    /** Marks trigger `aria-disabled` and blocks submenu open, staying focusable. */
     disabled?: boolean;
+    /**
+     * Text typeahead matches by, reflected to `data-text-value`.
+     * @default undefined — typeahead matches trigger's rendered text.
+     */
+    textValue?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/utils/MenuSubTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./direction.cjs"),S=require("./popper.cjs"),g=require("./menuSub.cjs");let e=require("vue");var v=["aria-expanded","aria-controls","data-state","data-disabled","aria-disabled","tabindex"],h=(0,e.defineComponent)({__name:"MenuSubTrigger",props:{disabled:{type:Boolean,default:!1}},setup(o){const i=o,c=s.useDirection(),r=(0,e.inject)(g.MENU_SUB_CONTEXT);if(!r)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const a=(0,e.inject)(S.POPPER_CONTEXT);if(!a)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const u=(0,e.ref)(null);(0,e.onMounted)(()=>{r.triggerRef.value=u.value,a.setAnchor(u.value)});let t;(0,e.onBeforeUnmount)(()=>{t!==void 0&&cancelAnimationFrame(t),a.anchor.value===u.value&&a.setAnchor(null)});function d(){r.openNow(),t!==void 0&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{const n=r.contentRef.value;(n?.querySelector('[role^="menuitem"]:not([data-disabled])')??n)?.focus()})}function f(){i.disabled||d()}function b(n){if(i.disabled)return;const l=s.directionalKey(n.key,n.currentTarget,c());["ArrowRight","Enter"," "].includes(l)&&(n.preventDefault(),n.stopPropagation(),d())}function p(n){i.disabled||(n.currentTarget.focus(),r.openNow())}function m(){i.disabled||r.scheduleClose()}return(n,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(r).family}__sub-trigger`),"data-part":"sub-trigger",ref_key:"elRef",ref:u,role:"menuitem","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":o.disabled?"":void 0,"aria-disabled":o.disabled||void 0,tabindex:o.disabled?void 0:-1,onClick:f,onKeydown:b,onPointerenter:p,onPointerleave:m},[(0,e.renderSlot)(n.$slots,"default")],42,v))}});exports.default=h;
+const s=require("./direction.cjs"),S=require("./popper.cjs"),g=require("./menuSub.cjs");let e=require("vue");var v=["id","aria-expanded","aria-controls","data-state","data-text-value","data-disabled","aria-disabled"],x=(0,e.defineComponent)({__name:"MenuSubTrigger",props:{disabled:{type:Boolean,default:!1},textValue:{}},setup(a){const o=a,c=s.useDirection(),n=(0,e.inject)(g.MENU_SUB_CONTEXT);if(!n)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const i=(0,e.inject)(S.POPPER_CONTEXT);if(!i)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const u=(0,e.ref)(null);(0,e.onMounted)(()=>{n.triggerRef.value=u.value,i.setAnchor(u.value)});let r;(0,e.onBeforeUnmount)(()=>{r!==void 0&&cancelAnimationFrame(r),i.anchor.value===u.value&&i.setAnchor(null)});function d(){n.openNow(),r!==void 0&&cancelAnimationFrame(r),r=requestAnimationFrame(()=>{const t=n.contentRef.value;(t?.querySelector('[role^="menuitem"]')??t)?.focus()})}function f(){o.disabled||d()}function b(t){if(o.disabled)return;const l=s.directionalKey(t.key,t.currentTarget,c());["ArrowRight","Enter"," "].includes(l)&&(t.preventDefault(),t.stopPropagation(),d())}function p(t){o.disabled||(t.currentTarget.focus(),n.openNow())}function m(){o.disabled||n.scheduleClose()}return(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(n).family}__sub-trigger`),"data-part":"sub-trigger",ref_key:"elRef",ref:u,id:(0,e.unref)(n).triggerId,role:"menuitem","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-text-value":a.textValue,"data-disabled":a.disabled?"":void 0,"aria-disabled":a.disabled||void 0,tabindex:"-1",onClick:f,onKeydown:b,onPointerenter:p,onPointerleave:m},[(0,e.renderSlot)(t.$slots,"default")],42,v))}});exports.default=x;

package/dist/utils/MenuSubTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as n}from"./direction.js";import{POPPER_CONTEXT as a}from"./popper.js";import{MENU_SUB_CONTEXT as o}from"./menuSub.js";import{createElementBlock as t,defineComponent as r,inject as i,normalizeClass as s,onBeforeUnmount as d,onMounted as u,openBlock as l,ref as c,renderSlot as b,unref as m}from"vue";var p=["aria-expanded","aria-controls","data-state","data-disabled","aria-disabled","tabindex"],f=/* @__PURE__ */r({__name:"MenuSubTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r){const f=r,S=n(),v=i(o);if(!v)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const g=i(a);if(!g)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const x=c(null);let k;function w(){v.openNow(),void 0!==k&&cancelAnimationFrame(k),k=requestAnimationFrame(()=>{const e=v.contentRef.value;(e?.querySelector('[role^="menuitem"]:not([data-disabled])')??e)?.focus()})}function h(){f.disabled||w()}function M(n){if(f.disabled)return;const a=e(n.key,n.currentTarget,S());["ArrowRight","Enter"," "].includes(a)&&(n.preventDefault(),n.stopPropagation(),w())}function T(e){f.disabled||(e.currentTarget.focus(),v.openNow())}function A(){f.disabled||v.scheduleClose()}return u(()=>{v.triggerRef.value=x.value,g.setAnchor(x.value)}),d(()=>{void 0!==k&&cancelAnimationFrame(k),g.anchor.value===x.value&&g.setAnchor(null)}),(e,n)=>(l(),t("div",{class:s(`skdx-${m(v).family}__sub-trigger`),"data-part":"sub-trigger",ref_key:"elRef",ref:x,role:"menuitem","aria-haspopup":"menu","aria-expanded":m(v).open.value,"aria-controls":m(v).contentId,"data-state":m(v).open.value?"open":"closed","data-disabled":r.disabled?"":void 0,"aria-disabled":r.disabled||void 0,tabindex:r.disabled?void 0:-1,onClick:h,onKeydown:M,onPointerenter:T,onPointerleave:A},[b(e.$slots,"default")],42,p))}});export{f as default};
+import{directionalKey as e,useDirection as a}from"./direction.js";import{POPPER_CONTEXT as t}from"./popper.js";import{MENU_SUB_CONTEXT as n}from"./menuSub.js";import{createElementBlock as o,defineComponent as r,inject as i,normalizeClass as u,onBeforeUnmount as s,onMounted as d,openBlock as l,ref as c,renderSlot as b,unref as m}from"vue";var p=["id","aria-expanded","aria-controls","data-state","data-text-value","data-disabled","aria-disabled"],f=/* @__PURE__ */r({__name:"MenuSubTrigger",props:{disabled:{type:Boolean,default:!1},textValue:{}},setup(r){const f=r,S=a(),v=i(n);if(!v)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const g=i(t);if(!g)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const x=c(null);let k;function w(){v.openNow(),void 0!==k&&cancelAnimationFrame(k),k=requestAnimationFrame(()=>{const e=v.contentRef.value;(e?.querySelector('[role^="menuitem"]')??e)?.focus()})}function h(){f.disabled||w()}function M(a){if(f.disabled)return;const t=e(a.key,a.currentTarget,S());["ArrowRight","Enter"," "].includes(t)&&(a.preventDefault(),a.stopPropagation(),w())}function T(e){f.disabled||(e.currentTarget.focus(),v.openNow())}function A(){f.disabled||v.scheduleClose()}return d(()=>{v.triggerRef.value=x.value,g.setAnchor(x.value)}),s(()=>{void 0!==k&&cancelAnimationFrame(k),g.anchor.value===x.value&&g.setAnchor(null)}),(e,a)=>(l(),o("div",{class:u(`skdx-${m(v).family}__sub-trigger`),"data-part":"sub-trigger",ref_key:"elRef",ref:x,id:m(v).triggerId,role:"menuitem","aria-haspopup":"menu","aria-expanded":m(v).open.value,"aria-controls":m(v).contentId,"data-state":m(v).open.value?"open":"closed","data-text-value":r.textValue,"data-disabled":r.disabled?"":void 0,"aria-disabled":r.disabled||void 0,tabindex:"-1",onClick:h,onKeydown:M,onPointerenter:T,onPointerleave:A},[b(e.$slots,"default")],42,p))}});export{f as default};

package/dist/utils/PopperAnchor.vue.d.cts

@@ -1,14 +1,6 @@
 /**
- * Positions floating content against a custom element instead of the
- * trigger. Renders a plain `<div>`; most consumers don't need this
- * directly, since trigger components (`SkdxPopoverTrigger`, etc.) register
- * themselves as the anchor automatically.
- *
- * This is the shared popper primitive, but it is public API: it ships as
- * `SkdxPopoverAnchor`, the `Anchor` part of the Popover contract
- * (`@skdx/shared` `contracts/popover.ts`), matching React's `PopoverAnchor`.
- * Do not mark this component internal — only the popper primitives it builds
- * on are.
+ * Positions floating content against a custom element. Trigger components
+ * register themselves automatically; use this for custom anchors.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};