@skdx/vue 0.27.0 → 0.29.0

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

@@ -0,0 +1,35 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type TreeSelectRenderLabel } from './context.cjs';
+/** @internal Renders rows flat, one `SkdxTreeSelectItem` per row with no nesting, for the windowed path. */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. */
+    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 | undefined>;
+        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. */
+    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 | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    renderLabel: TreeSelectRenderLabel | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,35 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type TreeSelectRenderLabel } from './context.js';
+/** @internal Renders rows flat, one `SkdxTreeSelectItem` per row with no nesting, for the windowed path. */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. */
+    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 | undefined>;
+        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. */
+    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 | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    renderLabel: TreeSelectRenderLabel | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tree-select/rows.js

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

package/dist/utils/Glyph.vue.cjs

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

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

@@ -0,0 +1,7 @@
+import { type GlyphName } from './glyph-data.cjs';
+/** @internal A built-in decorative glyph: 1em, aria-hidden, painted with currentColor. */
+type __VLS_Props = {
+    name: GlyphName;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { type GlyphName } from './glyph-data.js';
+/** @internal A built-in decorative glyph: 1em, aria-hidden, painted with currentColor. */
+type __VLS_Props = {
+    name: GlyphName;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/utils/Glyph.vue.js

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

package/dist/utils/Glyph.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const t=require("./glyph-data.cjs");let e=require("vue");var n=["viewBox","fill"],a=["d"],u=["d","stroke-width"],i=(0,e.defineComponent)({__name:"Glyph",props:{name:{}},setup(o){const r=o,l=(0,e.computed)(()=>t.GLYPHS[r.name]);return(_,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("svg",{viewBox:l.value.viewBox,width:"1em",height:"1em",fill:l.value.fill?"currentColor":"none","aria-hidden":"true",focusable:"false"},[l.value.fill?((0,e.openBlock)(),(0,e.createElementBlock)("path",{key:0,d:l.value.d},null,8,a)):((0,e.openBlock)(),(0,e.createElementBlock)("path",{key:1,d:l.value.d,stroke:"currentColor","stroke-width":(0,e.unref)(t.GLYPH_STROKE_WIDTH),"stroke-linecap":"round","stroke-linejoin":"round"},null,8,u))],8,n))}});exports.default=i;

package/dist/utils/Glyph.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{GLYPHS as e,GLYPH_STROKE_WIDTH as o}from"./glyph-data.js";import{computed as l,createElementBlock as a,defineComponent as r,openBlock as t,unref as n}from"vue";var s=["viewBox","fill"],i=["d"],u=["d","stroke-width"],d=/* @__PURE__ */r({__name:"Glyph",props:{name:{}},setup(r){const d=r,p=l(()=>e[d.name]);return(e,l)=>(t(),a("svg",{viewBox:p.value.viewBox,width:"1em",height:"1em",fill:p.value.fill?"currentColor":"none","aria-hidden":"true",focusable:"false"},[p.value.fill?(t(),a("path",{key:0,d:p.value.d},null,8,i)):(t(),a("path",{key:1,d:p.value.d,stroke:"currentColor","stroke-width":n(o),"stroke-linecap":"round","stroke-linejoin":"round"},null,8,u))],8,s))}});export{d as default};

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

@@ -1,28 +1,9 @@
-/**
- * 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 a nested submenu; owns open state and hover grace timer, rendering no DOM. */
 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`. */
-    open?: boolean;
-    /** Whether the submenu is initially open, for uncontrolled usage. */
-    defaultOpen?: boolean;
+    /** Whether submenu is open, for controlled usage via `v-model:open`. */
+    open?: boolean | undefined;
+    /** Whether submenu is initially open, for uncontrolled usage. */
+    defaultOpen?: boolean | undefined;
 };
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -33,12 +14,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change": (open: boolean) => any;
     "open-change-complete": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    open: boolean;
-    defaultOpen: boolean;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,28 +1,9 @@
-/**
- * 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 a nested submenu; owns open state and hover grace timer, rendering no DOM. */
 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`. */
-    open?: boolean;
-    /** Whether the submenu is initially open, for uncontrolled usage. */
-    defaultOpen?: boolean;
+    /** Whether submenu is open, for controlled usage via `v-model:open`. */
+    open?: boolean | undefined;
+    /** Whether submenu is initially open, for uncontrolled usage. */
+    defaultOpen?: boolean | undefined;
 };
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -33,12 +14,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change": (open: boolean) => any;
     "open-change-complete": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    open: boolean;
-    defaultOpen: boolean;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

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

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

@@ -1,53 +1,42 @@
 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 `role="menu"` panel, positioned by the popper layer with vertical roving focus and typeahead. */
 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;
+    /**
+     * Size rung the skin renders the panel at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: Align;
     forceMount: boolean;
     side: Side;
     loop: boolean;
-    align: Align;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

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

@@ -1,53 +1,42 @@
 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 `role="menu"` panel, positioned by the popper layer with vertical roving focus and typeahead. */
 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;
+    /**
+     * Size rung the skin renders the panel at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: Align;
     forceMount: boolean;
     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 _=require("./appearance.cjs"),R=require("./injectRequired.cjs"),C=require("./composeRefs.cjs"),s=require("./direction.cjs"),k=require("./useRovingFocus.cjs"),l=require("./popper.cjs"),d=require("./menuSub.cjs");let e=require("vue");var E=["id","aria-labelledby","data-state","data-side","data-align"],M=(0,e.defineComponent)({inheritAttrs:!1,__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},size:{}},setup(r){const u=r,t=R.injectRequired(d.MENU_SUB_CONTEXT,"A menu SubContent must be used within its Sub root (SkdxMenuSub / SkdxMenubarSub)."),c=(0,e.useAttrs)(),f=(0,e.computed)(()=>c["aria-label"]===void 0?t.triggerId:void 0),i=(0,e.inject)(l.POPPER_CONTEXT);if(!i)throw new Error("A menu SubContent must be used within its Sub root (SkdxMenuSub / SkdxMenubarSub).");const p=s.useDirection(),a=(0,e.ref)(null),b=C.composeRefs(a,t.contentRef),S=k.useRovingFocus({orientation:"vertical",loop:u.loop,itemSelector:d.ITEM_SELECTOR,typeahead:!0,includeDisabled:!0}),{style:y,placedSide:g,placedAlign:m}=l.usePopperPosition(i.anchor,a,t.open,u);function q(n){const o=s.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",(0,e.mergeProps)({key:0,id:(0,e.unref)(t).contentId,ref:(0,e.unref)(b),class:`skdx-${(0,e.unref)(t).family}__sub-content`,"data-part":"sub-content",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)(g),"data-align":(0,e.unref)(m),style:(0,e.unref)(y)},{...n.$attrs,...(0,e.unref)(_.appearanceAttrs)({size:r.size},n.$attrs)},{onKeydown:q,onPointerenter:o[0]||(o[0]=v=>(0,e.unref)(t).openNow()),onPointerleave:o[1]||(o[1]=v=>(0,e.unref)(t).scheduleClose())}),[(0,e.renderSlot)(n.$slots,"default")],16,E)):(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{appearanceAttrs as e}from"./appearance.js";import{injectRequired as t}from"./injectRequired.js";import{composeRefs as o}from"./composeRefs.js";import{directionalKey as a,useDirection as n}from"./direction.js";import{useRovingFocus as s}from"./useRovingFocus.js";import{POPPER_CONTEXT as r,usePopperPosition as i}from"./popper.js";import{ITEM_SELECTOR as l,MENU_SUB_CONTEXT as u}from"./menuSub.js";import{computed as d,createCommentVNode as p,createElementBlock as c,defineComponent as f,inject as m,mergeProps as b,openBlock as S,ref as v,renderSlot as g,unref as y,useAttrs as j}from"vue";var k=["id","aria-labelledby","data-state","data-side","data-align"],C=/* @__PURE__ */f({inheritAttrs:!1,__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},size:{}},setup(f){const C=f,E=t(u,"A menu SubContent must be used within its Sub root (SkdxMenuSub / SkdxMenubarSub)."),P=j(),R=d(()=>void 0===P["aria-label"]?E.triggerId:void 0),M=m(r);if(!M)throw new Error("A menu SubContent must be used within its Sub root (SkdxMenuSub / SkdxMenubarSub).");const w=n(),T=v(null),_=o(T,E.contentRef),h=s({orientation:"vertical",loop:C.loop,itemSelector:l,typeahead:!0,includeDisabled:!0}),{style:x,placedSide:A,placedAlign:B}=i(M.anchor,T,E.open,C);function N(e){const t=a(e.key,e.currentTarget,w());"ArrowLeft"===t||"Escape"===t?(e.preventDefault(),E.closeNow(),E.triggerRef.value?.focus()):h(e),"Tab"!==e.key&&e.stopPropagation()}return(t,o)=>f.forceMount||y(E).open.value?(S(),c("div",b({key:0,id:y(E).contentId,ref:y(_),class:`skdx-${y(E).family}__sub-content`,"data-part":"sub-content",role:"menu","aria-labelledby":R.value,"aria-orientation":"vertical",tabindex:"-1","data-state":y(E).open.value?"open":"closed","data-side":y(A),"data-align":y(B),style:y(x)},{...t.$attrs,...y(e)({size:f.size},t.$attrs)},{onKeydown:N,onPointerenter:o[0]||(o[0]=e=>y(E).openNow()),onPointerleave:o[1]||(o[1]=e=>y(E).scheduleClose())}),[g(t.$slots,"default")],16,k)):p("",!0)}});export{C as default};

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

@@ -1,23 +1,19 @@
-/**
- * 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 that opens the submenu on click/Enter/Space/ArrowRight or hover, as `role="menuitem"`. */
 type __VLS_Props = {
-    /** Excludes the trigger from roving-focus navigation and blocks it from opening the submenu. */
-    disabled?: boolean;
+    /** Marks trigger `aria-disabled` and blocks submenu open, staying focusable. */
+    disabled?: boolean | undefined;
+    /**
+     * 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 = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
+    disabled: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,23 +1,19 @@
-/**
- * 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 that opens the submenu on click/Enter/Space/ArrowRight or hover, as `role="menuitem"`. */
 type __VLS_Props = {
-    /** Excludes the trigger from roving-focus navigation and blocks it from opening the submenu. */
-    disabled?: boolean;
+    /** Marks trigger `aria-disabled` and blocks submenu open, staying focusable. */
+    disabled?: boolean | undefined;
+    /**
+     * 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 = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
+    disabled: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

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

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

@@ -1,15 +1,4 @@
-/**
- * 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, for anchors that don't auto-register. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,15 +1,4 @@
-/**
- * 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, for anchors that don't auto-register. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/utils/PopperAnchor.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const t=require("./popper.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"PopperAnchor",setup(p){const r=(0,e.inject)(t.POPPER_CONTEXT);if(!r)throw new Error("PopperAnchor must be used within a popper root (e.g. SkdxPopover).");const o=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setAnchor(o.value)),(0,e.onBeforeUnmount)(()=>{r.anchor.value===o.value&&r.setAnchor(null)}),(n,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{ref_key:"elRef",ref:o},[(0,e.renderSlot)(n.$slots,"default")],512))}});exports.default=u;
+const n=require("./injectRequired.cjs"),u=require("./popper.cjs");let e=require("vue");var p=(0,e.defineComponent)({__name:"PopperAnchor",setup(c){const r=n.injectRequired(u.POPPER_CONTEXT,"PopperAnchor must be used within a popper root (e.g. SkdxPopover)."),t=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setAnchor(t.value,!0)),(0,e.onBeforeUnmount)(()=>{r.anchor.value===t.value&&r.setAnchor(null,!0)}),(o,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{ref_key:"elRef",ref:t,"data-part":"anchor"},[(0,e.renderSlot)(o.$slots,"default")],512))}});exports.default=p;

package/dist/utils/PopperAnchor.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"./popper.js";import{createElementBlock as o,defineComponent as r,inject as n,onBeforeUnmount as t,onMounted as a,openBlock as s,ref as p,renderSlot as l}from"vue";var u=/* @__PURE__ */r({__name:"PopperAnchor",setup(r){const u=n(e);if(!u)throw new Error("PopperAnchor must be used within a popper root (e.g. SkdxPopover).");const c=p(null);return a(()=>u.setAnchor(c.value)),t(()=>{u.anchor.value===c.value&&u.setAnchor(null)}),(e,r)=>(s(),o("div",{ref_key:"elRef",ref:c},[l(e.$slots,"default")],512))}});export{u as default};
+import{injectRequired as e}from"./injectRequired.js";import{POPPER_CONTEXT as o}from"./popper.js";import{createElementBlock as r,defineComponent as n,onBeforeUnmount as t,onMounted as a,openBlock as s,ref as p,renderSlot as u}from"vue";var l=/* @__PURE__ */n({__name:"PopperAnchor",setup(n){const l=e(o,"PopperAnchor must be used within a popper root (e.g. SkdxPopover)."),c=p(null);return a(()=>l.setAnchor(c.value,!0)),t(()=>{l.anchor.value===c.value&&l.setAnchor(null,!0)}),(e,o)=>(s(),r("div",{ref_key:"elRef",ref:c,"data-part":"anchor"},[u(e.$slots,"default")],512))}});export{l as default};

package/dist/utils/PopperRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./popper.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"PopperRoot",setup(p){const t=(0,e.ref)(null);return(0,e.provide)(o.POPPER_CONTEXT,{anchor:t,setAnchor:r=>{t.value=r}}),(r,_)=>(0,e.renderSlot)(r.$slots,"default")}});exports.default=u;
+const l=require("./popper.cjs");let e=require("vue");var p=(0,e.defineComponent)({__name:"PopperRoot",setup(n){const t=(0,e.ref)(null),u=(0,e.ref)(null);return(0,e.provide)(l.POPPER_CONTEXT,{anchor:(0,e.computed)(()=>u.value??t.value),setAnchor:(r,o=!1)=>{o?u.value=r:t.value=r}}),(r,o)=>(0,e.renderSlot)(r.$slots,"default")}});exports.default=p;

package/dist/utils/PopperRoot.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"./popper.js";import{defineComponent as o,provide as r,ref as t,renderSlot as a}from"vue";var s=/* @__PURE__ */o({__name:"PopperRoot",setup(o){const s=t(null);return r(e,{anchor:s,setAnchor:e=>{s.value=e}}),(e,o)=>a(e.$slots,"default")}});export{s as default};
+import{POPPER_CONTEXT as e}from"./popper.js";import{computed as o,defineComponent as a,provide as r,ref as t,renderSlot as s}from"vue";var l=/* @__PURE__ */a({__name:"PopperRoot",setup(a){const l=t(null),p=t(null);return r(e,{anchor:o(()=>p.value??l.value),setAnchor:(e,o=!1)=>{o?p.value=e:l.value=e}}),(e,o)=>s(e.$slots,"default")}});export{l as default};