@skdx/vue 0.27.0 → 0.29.0

package/dist/menu/MenuCheckboxItem.vue.d.cts

@@ -0,0 +1,44 @@
+/** A toggleable menu item rendered as `role="menuitemcheckbox"`, reporting the next state via `v-model:checked`. */
+type __VLS_Props = {
+    /**
+     * Whether the item is checked; pair with `v-model:checked` or `@checked-change`.
+     * @default false
+     */
+    checked?: boolean;
+    /** Marks item aria-disabled; blocks selection, stays focusable. */
+    disabled?: boolean | undefined;
+    /**
+     * Text for typeahead matching, reflected to `data-text-value`.
+     * @default undefined
+     */
+    textValue?: string | undefined;
+    /**
+     * Whether selecting this item closes the menu.
+     * @default false
+     */
+    closeOnSelect?: boolean;
+};
+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, {
+    select: (event: Event) => any;
+    "update:checked": (checked: boolean) => any;
+    "checked-change": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (event: Event) => any;
+    "onUpdate:checked"?: (checked: boolean) => any;
+    "onChecked-change"?: (checked: boolean) => any;
+}>, {
+    disabled: boolean | undefined;
+    checked: boolean;
+    closeOnSelect: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuCheckboxItem.vue.d.ts

@@ -0,0 +1,44 @@
+/** A toggleable menu item rendered as `role="menuitemcheckbox"`, reporting the next state via `v-model:checked`. */
+type __VLS_Props = {
+    /**
+     * Whether the item is checked; pair with `v-model:checked` or `@checked-change`.
+     * @default false
+     */
+    checked?: boolean;
+    /** Marks item aria-disabled; blocks selection, stays focusable. */
+    disabled?: boolean | undefined;
+    /**
+     * Text for typeahead matching, reflected to `data-text-value`.
+     * @default undefined
+     */
+    textValue?: string | undefined;
+    /**
+     * Whether selecting this item closes the menu.
+     * @default false
+     */
+    closeOnSelect?: boolean;
+};
+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, {
+    select: (event: Event) => any;
+    "update:checked": (checked: boolean) => any;
+    "checked-change": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (event: Event) => any;
+    "onUpdate:checked"?: (checked: boolean) => any;
+    "onChecked-change"?: (checked: boolean) => any;
+}>, {
+    disabled: boolean | undefined;
+    checked: boolean;
+    closeOnSelect: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuCheckboxItem.vue.js

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

package/dist/menu/MenuCheckboxItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const _=require("../utils/injectRequired.cjs"),h=require("../utils/menuSub.cjs"),f=require("./context.cjs"),v=require("../utils/useMenuItem.cjs");let e=require("vue");var I=["aria-checked","data-state"],b=(0,e.defineComponent)({__name:"MenuCheckboxItem",props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},textValue:{},closeOnSelect:{type:Boolean,default:!1}},emits:["select","update:checked","checked-change"],setup(m,{emit:k}){const p=h.useMenuFamily(),o=m,r=k,c=_.injectRequired(f.MENU_CONTEXT,"SkdxMenuCheckboxItem must be used within SkdxMenu."),u=(0,e.computed)(()=>o.checked),{itemAttrs:x,onItemClick:s,onItemKeydown:d,onItemPointerenter:a,onItemPointerleave:i}=v.useMenuItem({disabled:(0,e.toRef)(o,"disabled"),textValue:(0,e.toRef)(o,"textValue"),closeOnSelect:(0,e.toRef)(o,"closeOnSelect"),onSelect:l=>{const t=!u.value;r("update:checked",t),r("checked-change",t),r("select",l)},onSelected:()=>{c.setOpen(!1),c.focusTrigger()},contentRef:c.contentRef});return(0,e.provide)(f.MENU_ITEM_INDICATOR_CONTEXT,u),(l,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:`skdx-${(0,e.unref)(p)}__checkbox-item`,"data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":u.value,"data-state":u.value?"checked":"unchecked"},(0,e.unref)(x),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(d)&&(0,e.unref)(d)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(a)&&(0,e.unref)(a)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...n))}),[(0,e.renderSlot)(l.$slots,"default")],16,I))}});exports.default=b;

package/dist/menu/MenuCheckboxItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{useMenuFamily as t}from"../utils/menuSub.js";import{MENU_CONTEXT as o,MENU_ITEM_INDICATOR_CONTEXT as a}from"./context.js";import{useMenuItem as c}from"../utils/useMenuItem.js";import{computed as n,createElementBlock as s,defineComponent as l,mergeProps as d,openBlock as u,provide as r,renderSlot as i,toRef as m,unref as k}from"vue";var p=["aria-checked","data-state"],h=/* @__PURE__ */l({__name:"MenuCheckboxItem",props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},textValue:{},closeOnSelect:{type:Boolean,default:!1}},emits:["select","update:checked","checked-change"],setup(l,{emit:h}){const f=t(),x=l,I=h,b=e(o,"SkdxMenuCheckboxItem must be used within SkdxMenu."),v=n(()=>x.checked),{itemAttrs:M,onItemClick:S,onItemKeydown:C,onItemPointerenter:_,onItemPointerleave:O}=c({disabled:m(x,"disabled"),textValue:m(x,"textValue"),closeOnSelect:m(x,"closeOnSelect"),onSelect:e=>{const t=!v.value;I("update:checked",t),I("checked-change",t),I("select",e)},onSelected:()=>{b.setOpen(!1),b.focusTrigger()},contentRef:b.contentRef});return r(a,v),(e,t)=>(u(),s("div",d({class:`skdx-${k(f)}__checkbox-item`,"data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":v.value,"data-state":v.value?"checked":"unchecked"},k(M),{onClick:t[0]||(t[0]=(...e)=>k(S)&&k(S)(...e)),onKeydown:t[1]||(t[1]=(...e)=>k(C)&&k(C)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>k(_)&&k(_)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>k(O)&&k(O)(...e))}),[i(e.$slots,"default")],16,p))}});export{h as default};

package/dist/menu/MenuContent.vue.cjs

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

package/dist/menu/MenuContent.vue.d.cts

@@ -0,0 +1,66 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
+/** The menu's floating panel, rendered as `role="menu"` — anchored to the trigger via `side`/`align`, or fixed at the pointer under `openOn="contextmenu"`. */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the panel on. */
+    side?: Side;
+    /** Alignment of the panel relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the panel and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the panel to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary, and from the viewport edge under `openOn="contextmenu"`. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Elements to measure collisions against instead of clipping ancestors.
+     * @default undefined
+     */
+    collisionBoundary?: Element | Element[] | null | undefined;
+    /** Keep panel mounted while closed for animation libraries needing outgoing content. */
+    forceMount?: boolean;
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+    /**
+     * 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, {
+    "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
+}>, {
+    size: "sm" | "lg" | (string & {}) | undefined;
+    align: Align;
+    forceMount: boolean;
+    side: Side;
+    loop: boolean;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuContent.vue.d.ts

@@ -0,0 +1,66 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
+/** The menu's floating panel, rendered as `role="menu"` — anchored to the trigger via `side`/`align`, or fixed at the pointer under `openOn="contextmenu"`. */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the panel on. */
+    side?: Side;
+    /** Alignment of the panel relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the panel and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the panel to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary, and from the viewport edge under `openOn="contextmenu"`. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Elements to measure collisions against instead of clipping ancestors.
+     * @default undefined
+     */
+    collisionBoundary?: Element | Element[] | null | undefined;
+    /** Keep panel mounted while closed for animation libraries needing outgoing content. */
+    forceMount?: boolean;
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+    /**
+     * 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, {
+    "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
+}>, {
+    size: "sm" | "lg" | (string & {}) | undefined;
+    align: Align;
+    forceMount: boolean;
+    side: Side;
+    loop: boolean;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuContent.vue.js

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

package/dist/menu/MenuContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const j=require("../utils/appearance.cjs"),X=require("../utils/injectRequired.cjs"),z=require("../utils/composeRefs.cjs"),O=require("../utils/direction.cjs"),U=require("../utils/useRovingFocus.cjs"),W=require("../utils/useBodyScrollLock.cjs"),H=require("../utils/useDismiss.cjs"),V=require("../utils/useOutsideInert.cjs"),m=require("../utils/popper.cjs"),Y=require("../utils/menuSub.cjs"),G=require("../utils/useFocusFirstItemOnOpen.cjs"),v=require("./context.cjs");let o=require("vue");var J=["id","dir","aria-labelledby","data-state","data-side","data-align"],Q=(0,o.defineComponent)({inheritAttrs:!1,__name:"MenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},size:{default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(l,{emit:b}){const c=Y.useMenuFamily(),d=l,u=b,t=X.injectRequired(v.MENU_CONTEXT,"SkdxMenuContent must be used within SkdxMenu."),g=(0,o.inject)(m.POPPER_CONTEXT);if(!g)throw new Error("SkdxMenuContent must be used within SkdxMenu.");t.closeAutoFocus.current=e=>u("close-auto-focus",e);const i=(0,o.computed)(()=>t.openOn.value==="contextmenu"),f=c==="menubar",y=(0,o.computed)(()=>f?t.triggerRef.value?.closest('[role="menubar"]')??null:null),r=(0,o.ref)(null),h=(0,o.ref)(null),x=z.composeRefs(r,t.contentRef),M=U.useRovingFocus({orientation:"vertical",loop:d.loop,itemSelector:v.ITEM_SELECTOR,scopeSelector:'[role="menu"]',typeahead:!0,includeDisabled:!0}),q=(0,o.computed)(()=>t.open.value&&t.modal.value);V.useOutsideInert(r,q),W.useBodyScrollLock(q);const w=(0,o.ref)(null);(0,o.watchEffect)(()=>{w.value=i.value?null:t.triggerRef.value}),H.useDismiss({enabled:t.open,onEscapeKeyDown:e=>{u("escape-key-down",e),e.defaultPrevented||(t.setOpen(!1),t.focusTrigger())},onPointerDownOutside:e=>{u("pointer-down-outside",e),e.defaultPrevented||t.setOpen(!1)},onFocusOutside:e=>{t.open.value&&(u("focus-outside",e),e.defaultPrevented||t.setOpen(!1))},onInteractOutside:e=>{t.open.value&&u("interact-outside",e)}},[r,w,y]),G.useFocusFirstItemOnOpen(r,t.open,v.ITEM_SELECTOR,()=>t.openIntent.current,t.openRequestId);const k=(0,o.useAttrs)(),T=(0,o.computed)(()=>k["aria-label"]===void 0?t.triggerId:void 0),{style:E,arrowStyle:S,placedSide:A,placedAlign:C}=m.usePopperPosition(g.anchor,r,t.open,()=>({...d,component:c}),h),P=(0,o.computed)(()=>{const e=d.collisionPadding;return typeof e=="number"?{top:e,right:e,bottom:e,left:e}:{top:0,right:0,bottom:0,left:0,...e}}),a=(0,o.ref)(t.point.value);(0,o.watch)(()=>[t.open.value,t.point.value,r.value],([e])=>{if(!e||!i.value)return;const n=r.value;if(!n){a.value=t.point.value;return}const{width:s,height:p}=n.getBoundingClientRect(),{top:R,right:$,bottom:K,left:_}=P.value,L=window.innerWidth-s-$,N=window.innerHeight-p-K;a.value={x:Math.max(_,Math.min(t.point.value.x,Math.max(L,_))),y:Math.max(R,Math.min(t.point.value.y,Math.max(N,R)))}},{immediate:!0,flush:"post"});const I=(0,o.computed)(()=>i.value?{position:"fixed",top:`${a.value.y}px`,left:`${a.value.x}px`}:E.value);(0,o.provide)(m.ARROW_CONTEXT,{style:S,setArrowEl:e=>{h.value=e}});const B=O.useDirection();function D(e){const n=Array.from(y.value?.querySelectorAll("[data-skdx-menubar-trigger]:not([data-disabled])")??[]),s=n.findIndex(p=>p===t.triggerRef.value);s!==-1&&n[(s+e+n.length)%n.length]?.focus()}function F(e){if(f){const n=O.directionalKey(e.key,e.currentTarget,B());if(n==="ArrowRight"||n==="ArrowLeft"){e.preventDefault(),e.stopPropagation(),D(n==="ArrowRight"?1:-1);return}}else if(e.altKey&&e.key==="ArrowUp"){e.preventDefault(),t.setOpen(!1),t.focusTrigger();return}M(e),f&&e.defaultPrevented&&e.stopPropagation(),e.key==="Tab"&&(t.setOpen(!1),t.focusTrigger())}return(e,n)=>l.forceMount||(0,o.unref)(t).open.value?((0,o.openBlock)(),(0,o.createElementBlock)("div",(0,o.mergeProps)({key:0,id:(0,o.unref)(t).contentId,ref:(0,o.unref)(x),class:`skdx-${(0,o.unref)(c)}__content`,"data-part":"content",dir:(0,o.unref)(t).dir.value,role:"menu","aria-labelledby":T.value,"aria-orientation":"vertical",tabindex:"-1","data-state":(0,o.unref)(t).open.value?"open":"closed","data-side":i.value?void 0:(0,o.unref)(A),"data-align":i.value?void 0:(0,o.unref)(C),style:I.value},{...e.$attrs,...(0,o.unref)(j.appearanceAttrs)({size:l.size},e.$attrs)},{onKeydown:F}),[(0,o.renderSlot)(e.$slots,"default")],16,J)):(0,o.createCommentVNode)("",!0)}});exports.default=Q;

package/dist/menu/MenuContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{composeRefs as o}from"../utils/composeRefs.js";import{directionalKey as a,useDirection as n}from"../utils/direction.js";import{useRovingFocus as s}from"../utils/useRovingFocus.js";import{useBodyScrollLock as i}from"../utils/useBodyScrollLock.js";import{useDismiss as r}from"../utils/useDismiss.js";import{useOutsideInert as u}from"../utils/useOutsideInert.js";import{ARROW_CONTEXT as l,POPPER_CONTEXT as d,usePopperPosition as p}from"../utils/popper.js";import{useMenuFamily as c}from"../utils/menuSub.js";import{useFocusFirstItemOnOpen as f}from"../utils/useFocusFirstItemOnOpen.js";import{ITEM_SELECTOR as m,MENU_CONTEXT as v}from"./context.js";import{computed as g,createCommentVNode as y,createElementBlock as h,defineComponent as w,inject as O,mergeProps as b,openBlock as x,provide as R,ref as k,renderSlot as M,unref as j,useAttrs as P,watch as S,watchEffect as A}from"vue";var E=["id","dir","aria-labelledby","data-state","data-side","data-align"],T=/* @__PURE__ */w({inheritAttrs:!1,__name:"MenuContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},size:{default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(w,{emit:T}){const C=c(),I=w,B=T,F=t(v,"SkdxMenuContent must be used within SkdxMenu."),D=O(d);if(!D)throw new Error("SkdxMenuContent must be used within SkdxMenu.");F.closeAutoFocus.current=e=>B("close-auto-focus",e);const _=g(()=>"contextmenu"===F.openOn.value),$="menubar"===C,N=g(()=>$?F.triggerRef.value?.closest('[role="menubar"]')??null:null),q=k(null),K=k(null),L=o(q,F.contentRef),z=s({orientation:"vertical",loop:I.loop,itemSelector:m,scopeSelector:'[role="menu"]',typeahead:!0,includeDisabled:!0}),X=g(()=>F.open.value&&F.modal.value);u(q,X),i(X);const U=k(null);A(()=>{U.value=_.value?null:F.triggerRef.value}),r({enabled:F.open,onEscapeKeyDown:e=>{B("escape-key-down",e),e.defaultPrevented||(F.setOpen(!1),F.focusTrigger())},onPointerDownOutside:e=>{B("pointer-down-outside",e),e.defaultPrevented||F.setOpen(!1)},onFocusOutside:e=>{F.open.value&&(B("focus-outside",e),e.defaultPrevented||F.setOpen(!1))},onInteractOutside:e=>{F.open.value&&B("interact-outside",e)}},[q,U,N]),f(q,F.open,m,()=>F.openIntent.current,F.openRequestId);const W=P(),H=g(()=>void 0===W["aria-label"]?F.triggerId:void 0),{style:V,arrowStyle:G,placedSide:J,placedAlign:Q}=p(D.anchor,q,F.open,()=>({...I,component:C}),K),Y=g(()=>{const e=I.collisionPadding;return"number"==typeof e?{top:e,right:e,bottom:e,left:e}:{top:0,right:0,bottom:0,left:0,...e}}),Z=k(F.point.value);S(()=>[F.open.value,F.point.value,q.value],([e])=>{if(!e||!_.value)return;const t=q.value;if(!t)return void(Z.value=F.point.value);const{width:o,height:a}=t.getBoundingClientRect(),{top:n,right:s,bottom:i,left:r}=Y.value,u=window.innerWidth-o-s,l=window.innerHeight-a-i;Z.value={x:Math.max(r,Math.min(F.point.value.x,Math.max(u,r))),y:Math.max(n,Math.min(F.point.value.y,Math.max(l,n)))}},{immediate:!0,flush:"post"});const ee=g(()=>_.value?{position:"fixed",top:`${Z.value.y}px`,left:`${Z.value.x}px`}:V.value);R(l,{style:G,setArrowEl:e=>{K.value=e}});const te=n();function oe(e){if($){const t=a(e.key,e.currentTarget,te());if("ArrowRight"===t||"ArrowLeft"===t)return e.preventDefault(),e.stopPropagation(),void function(e){const t=Array.from(N.value?.querySelectorAll("[data-skdx-menubar-trigger]:not([data-disabled])")??[]),o=t.findIndex(e=>e===F.triggerRef.value);-1!==o&&t[(o+e+t.length)%t.length]?.focus()}("ArrowRight"===t?1:-1)}else if(e.altKey&&"ArrowUp"===e.key)return e.preventDefault(),F.setOpen(!1),void F.focusTrigger();z(e),$&&e.defaultPrevented&&e.stopPropagation(),"Tab"===e.key&&(F.setOpen(!1),F.focusTrigger())}return(t,o)=>w.forceMount||j(F).open.value?(x(),h("div",b({key:0,id:j(F).contentId,ref:j(L),class:`skdx-${j(C)}__content`,"data-part":"content",dir:j(F).dir.value,role:"menu","aria-labelledby":H.value,"aria-orientation":"vertical",tabindex:"-1","data-state":j(F).open.value?"open":"closed","data-side":_.value?void 0:j(J),"data-align":_.value?void 0:j(Q),style:ee.value},{...t.$attrs,...j(e)({size:w.size},t.$attrs)},{onKeydown:oe}),[M(t.$slots,"default")],16,E)):y("",!0)}});export{T as default};

package/dist/menu/MenuGroup.vue.cjs

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

package/dist/menu/MenuGroup.vue.d.cts

@@ -0,0 +1,13 @@
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuGroup.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuGroup.vue.js

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

package/dist/menu/MenuGroup.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/menu/MenuGroup.vue_vue_type_script_setup_true_lang.js

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

package/dist/menu/MenuItem.vue.cjs

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

package/dist/menu/MenuItem.vue.d.cts

@@ -0,0 +1,40 @@
+import type { PolymorphicTag } from '../utils/polymorphic.cjs';
+type __VLS_Props = {
+    /**
+     * Tag name to render instead of default `<div>`, from the library's allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag;
+    /** Marks item aria-disabled; blocks selection, stays focusable. */
+    disabled?: boolean | undefined;
+    /**
+     * Text for typeahead matching, reflected to `data-text-value`.
+     * @default undefined
+     */
+    textValue?: string | undefined;
+    /**
+     * Whether selecting this item closes the menu, overriding the root's `closeOnSelect`.
+     * @default undefined
+     */
+    closeOnSelect?: boolean | undefined;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (event: Event) => any;
+}>, {
+    disabled: boolean | undefined;
+    as: PolymorphicTag;
+    closeOnSelect: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuItem.vue.d.ts

@@ -0,0 +1,40 @@
+import type { PolymorphicTag } from '../utils/polymorphic.js';
+type __VLS_Props = {
+    /**
+     * Tag name to render instead of default `<div>`, from the library's allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag;
+    /** Marks item aria-disabled; blocks selection, stays focusable. */
+    disabled?: boolean | undefined;
+    /**
+     * Text for typeahead matching, reflected to `data-text-value`.
+     * @default undefined
+     */
+    textValue?: string | undefined;
+    /**
+     * Whether selecting this item closes the menu, overriding the root's `closeOnSelect`.
+     * @default undefined
+     */
+    closeOnSelect?: boolean | undefined;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (event: Event) => any;
+}>, {
+    disabled: boolean | undefined;
+    as: PolymorphicTag;
+    closeOnSelect: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuItem.vue.js

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

package/dist/menu/MenuItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const f=require("../utils/injectRequired.cjs"),_=require("../utils/menuSub.cjs"),p=require("./context.cjs"),q=require("../utils/useMenuItem.cjs");let e=require("vue");var v=(0,e.defineComponent)({inheritAttrs:!1,__name:"MenuItem",props:{as:{default:"div"},disabled:{type:Boolean,default:!1},textValue:{},closeOnSelect:{type:Boolean,default:void 0}},emits:["select"],setup(r,{emit:u}){const l=_.useMenuFamily(),o=r,s=u,t=f.injectRequired(p.MENU_CONTEXT,"SkdxMenuItem must be used within SkdxMenu."),{itemAttrs:i,onItemClick:c,onItemKeydown:a,onItemPointerenter:d,onItemPointerleave:m}=q.useMenuItem({disabled:(0,e.toRef)(o,"disabled"),textValue:(0,e.toRef)(o,"textValue"),closeOnSelect:(0,e.computed)(()=>o.closeOnSelect??t.closeOnSelect.value),onSelect:n=>s("select",n),onSelected:()=>{t.setOpen(!1),t.focusTrigger()},contentRef:t.contentRef});return(n,S)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(r.as),(0,e.mergeProps)({class:`skdx-${(0,e.unref)(l)}__item`,"data-part":"item",role:"menuitem"},{...n.$attrs,...(0,e.unref)(i)},{onClick:(0,e.unref)(c),onKeydown:(0,e.unref)(a),onPointerenter:(0,e.unref)(d),onPointerleave:(0,e.unref)(m)}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},16,["class","onClick","onKeydown","onPointerenter","onPointerleave"]))}});exports.default=v;

package/dist/menu/MenuItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{useMenuFamily as t}from"../utils/menuSub.js";import{MENU_CONTEXT as o}from"./context.js";import{useMenuItem as n}from"../utils/useMenuItem.js";import{computed as s,createBlock as a,defineComponent as l,mergeProps as i,openBlock as r,renderSlot as u,resolveDynamicComponent as m,toRef as c,unref as d,withCtx as p}from"vue";var f=/* @__PURE__ */l({inheritAttrs:!1,__name:"MenuItem",props:{as:{default:"div"},disabled:{type:Boolean,default:!1},textValue:{},closeOnSelect:{type:Boolean,default:void 0}},emits:["select"],setup(l,{emit:f}){const S=t(),v=l,x=f,k=e(o,"SkdxMenuItem must be used within SkdxMenu."),{itemAttrs:I,onItemClick:y,onItemKeydown:C,onItemPointerenter:M,onItemPointerleave:P}=n({disabled:c(v,"disabled"),textValue:c(v,"textValue"),closeOnSelect:s(()=>v.closeOnSelect??k.closeOnSelect.value),onSelect:e=>x("select",e),onSelected:()=>{k.setOpen(!1),k.focusTrigger()},contentRef:k.contentRef});return(e,t)=>(r(),a(m(l.as),i({class:`skdx-${d(S)}__item`,"data-part":"item",role:"menuitem"},{...e.$attrs,...d(I)},{onClick:d(y),onKeydown:d(C),onPointerenter:d(M),onPointerleave:d(P)}),{default:p(()=>[u(e.$slots,"default")]),_:3},16,["class","onClick","onKeydown","onPointerenter","onPointerleave"]))}});export{f as default};

package/dist/menu/MenuItemIndicator.vue.cjs

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

package/dist/menu/MenuItemIndicator.vue.d.cts

@@ -0,0 +1,19 @@
+/** Renders children only while the enclosing checkbox or radio item is checked, exposing `data-state`. */
+type __VLS_Props = {
+    /** Keep mounted while unchecked for animation libraries needing outgoing content. */
+    forceMount?: boolean;
+};
+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<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuItemIndicator.vue.d.ts

@@ -0,0 +1,19 @@
+/** Renders children only while the enclosing checkbox or radio item is checked, exposing `data-state`. */
+type __VLS_Props = {
+    /** Keep mounted while unchecked for animation libraries needing outgoing content. */
+    forceMount?: boolean;
+};
+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<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuItemIndicator.vue.js

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

package/dist/menu/MenuItemIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("../utils/menuSub.cjs"),o=require("./context.cjs");let e=require("vue");var c=["data-state"],s=(0,e.defineComponent)({__name:"MenuItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(r){const n=u.useMenuFamily(),t=(0,e.inject)(o.MENU_ITEM_INDICATOR_CONTEXT,(0,e.ref)(!1));return(a,i)=>r.forceMount||(0,e.unref)(t)?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(n)}__item-indicator`),"data-part":"item-indicator","data-state":(0,e.unref)(t)?"checked":"unchecked"},[(0,e.renderSlot)(a.$slots,"default")],10,c)):(0,e.createCommentVNode)("",!0)}});exports.default=s;

package/dist/menu/MenuItemIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useMenuFamily as e}from"../utils/menuSub.js";import{MENU_ITEM_INDICATOR_CONTEXT as t}from"./context.js";import{createCommentVNode as a,createElementBlock as o,defineComponent as s,inject as n,normalizeClass as r,openBlock as c,ref as m,renderSlot as u,unref as d}from"vue";var i=["data-state"],l=/* @__PURE__ */s({__name:"MenuItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(s){const l=e(),p=n(t,m(!1));return(e,t)=>s.forceMount||d(p)?(c(),o("span",{key:0,class:r(`skdx-${d(l)}__item-indicator`),"data-part":"item-indicator","data-state":d(p)?"checked":"unchecked"},[u(e.$slots,"default")],10,i)):a("",!0)}});export{l as default};

package/dist/menu/MenuItems.vue.cjs

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

package/dist/menu/MenuItems.vue.d.cts

@@ -0,0 +1,28 @@
+import type { MenuEntry } from './types.cjs';
+/**
+ * The item list that `MenuAnatomy` draws, recursing for submenus and groups.
+ * @internal
+ */
+type __VLS_Props = {
+    items: MenuEntry[];
+    /** The recipe's `select`, fired after the item's own `onSelect`. */
+    onItemSelect?: ((item: MenuEntry) => void) | undefined;
+    /**
+     * Size rung the skin renders the submenu panels at, applied to the derived SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    item?(props: {
+        item: MenuEntry;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuItems.vue.d.ts

@@ -0,0 +1,28 @@
+import type { MenuEntry } from './types.js';
+/**
+ * The item list that `MenuAnatomy` draws, recursing for submenus and groups.
+ * @internal
+ */
+type __VLS_Props = {
+    items: MenuEntry[];
+    /** The recipe's `select`, fired after the item's own `onSelect`. */
+    onItemSelect?: ((item: MenuEntry) => void) | undefined;
+    /**
+     * Size rung the skin renders the submenu panels at, applied to the derived SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    item?(props: {
+        item: MenuEntry;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuItems.vue.js

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

package/dist/menu/MenuItems.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/menu/MenuItems.vue_vue_type_script_setup_true_lang.js

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

package/dist/menu/MenuLabel.vue.cjs

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

package/dist/menu/MenuLabel.vue.d.cts

@@ -0,0 +1,13 @@
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuLabel.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menu/MenuLabel.vue.js

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

package/dist/menu/MenuLabel.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/menu/MenuLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useMenuLabelId as e}from"../utils/menuGroup.js";import{useMenuFamily as a}from"../utils/menuSub.js";import{createElementBlock as s,defineComponent as l,normalizeClass as t,openBlock as o,renderSlot as r,unref as u}from"vue";var n=["id"],m=/* @__PURE__ */l({__name:"MenuLabel",setup(l){const m=a(),i=e();return(e,a)=>(o(),s("div",{id:u(i),class:t(`skdx-${u(m)}__label`),"data-part":"label"},[r(e.$slots,"default")],10,n))}});export{m as default};

package/dist/menu/MenuPortal.vue.cjs

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