@skdx/vue 0.26.0

package/dist/context-menu/ContextMenuCheckboxItem.vue.d.cts

@@ -0,0 +1,45 @@
+/**
+ * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
+ * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
+ * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
+ * (or `@checked-change`), or left unbound so the item tracks its own state
+ * from `defaultChecked` — and, unlike `SkdxContextMenuItem`, always keeps the
+ * menu open (calls `event.preventDefault()` internally). Wrap a
+ * `SkdxContextMenuItemIndicator` inside it to render a check glyph only when
+ * checked.
+ */
+type __VLS_Props = {
+    /**
+     * Whether the item is currently checked or unchecked, for controlled
+     * usage. Pair with `v-model:checked` or `@checked-change`.
+     */
+    checked?: boolean;
+    /** Initial checked state, for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: 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) | undefined;
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    defaultChecked: 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/context-menu/ContextMenuCheckboxItem.vue.d.ts

@@ -0,0 +1,45 @@
+/**
+ * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
+ * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
+ * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
+ * (or `@checked-change`), or left unbound so the item tracks its own state
+ * from `defaultChecked` — and, unlike `SkdxContextMenuItem`, always keeps the
+ * menu open (calls `event.preventDefault()` internally). Wrap a
+ * `SkdxContextMenuItemIndicator` inside it to render a check glyph only when
+ * checked.
+ */
+type __VLS_Props = {
+    /**
+     * Whether the item is currently checked or unchecked, for controlled
+     * usage. Pair with `v-model:checked` or `@checked-change`.
+     */
+    checked?: boolean;
+    /** Initial checked state, for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: 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) | undefined;
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    defaultChecked: 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/context-menu/ContextMenuCheckboxItem.vue.js

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

package/dist/context-menu/ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/context-menu/ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/context-menu/ContextMenuContent.vue.cjs

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

package/dist/context-menu/ContextMenuContent.vue.d.cts

@@ -0,0 +1,52 @@
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+/**
+ * The menu's panel: `role="menu"` with `aria-orientation="vertical"` and
+ * `data-state` (`open`/`closed`). Positions itself with `position: fixed`
+ * at the triggering pointer's coordinates, clamped by `collisionPadding` so
+ * it never overflows the viewport — no popper/`side`/`align` props, since a
+ * context menu has no anchor element to float against.
+ *
+ * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
+ * `false`) with typeahead, focuses the first item on open, returns focus to
+ * `SkdxContextMenuTrigger` when Escape or Tab closes it, and closes on
+ * Escape, an outside interaction (pointer-down or focus moving out), or Tab
+ * unless `escape-key-down`/`pointer-down-outside`/`focus-outside`/
+ * `interact-outside` call `event.preventDefault()`. `interact-outside` fires
+ * for either kind of outside interaction, immediately before the specific
+ * event and with the same event object, so one veto covers both. Mounts only
+ * while open unless `forceMount` is set. Must be used inside `SkdxContextMenu`.
+ */
+type __VLS_Props = {
+    /** Render the panel even while the menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+    /** Minimum distance (px) kept between the menu and the viewport edge when clamping its position. */
+    collisionPadding?: number;
+};
+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, {
+    "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<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    loop: boolean;
+    collisionPadding: 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/context-menu/ContextMenuContent.vue.d.ts

@@ -0,0 +1,52 @@
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+/**
+ * The menu's panel: `role="menu"` with `aria-orientation="vertical"` and
+ * `data-state` (`open`/`closed`). Positions itself with `position: fixed`
+ * at the triggering pointer's coordinates, clamped by `collisionPadding` so
+ * it never overflows the viewport — no popper/`side`/`align` props, since a
+ * context menu has no anchor element to float against.
+ *
+ * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
+ * `false`) with typeahead, focuses the first item on open, returns focus to
+ * `SkdxContextMenuTrigger` when Escape or Tab closes it, and closes on
+ * Escape, an outside interaction (pointer-down or focus moving out), or Tab
+ * unless `escape-key-down`/`pointer-down-outside`/`focus-outside`/
+ * `interact-outside` call `event.preventDefault()`. `interact-outside` fires
+ * for either kind of outside interaction, immediately before the specific
+ * event and with the same event object, so one veto covers both. Mounts only
+ * while open unless `forceMount` is set. Must be used inside `SkdxContextMenu`.
+ */
+type __VLS_Props = {
+    /** Render the panel even while the menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /** Whether Up/Down arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+    /** Minimum distance (px) kept between the menu and the viewport edge when clamping its position. */
+    collisionPadding?: number;
+};
+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, {
+    "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<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    loop: boolean;
+    collisionPadding: 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/context-menu/ContextMenuContent.vue.js

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

package/dist/context-menu/ContextMenuContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const y=require("../utils/composeRefs.cjs"),w=require("../utils/useDismiss.cjs"),C=require("../utils/useRovingFocus.cjs"),c=require("./context.cjs");let n=require("vue");var M=["id","data-state"],R=(0,n.defineComponent)({__name:"ContextMenuContent",props:{forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},collisionPadding:{default:8}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(l,{emit:d}){const i=l,u=d,t=(0,n.inject)(c.CONTEXT_MENU_CONTEXT);if(!t)throw new Error("SkdxContextMenuContent must be used within SkdxContextMenu.");const r=(0,n.ref)(null),f=y.composeRefs(r,t.contentRef),s=(0,n.ref)(t.point.value),p=C.useRovingFocus({orientation:"vertical",loop:i.loop,itemSelector:c.ITEM_SELECTOR,typeahead:!0});w.useDismiss({enabled:t.open,onEscapeKeyDown:e=>{u("escape-key-down",e),e.defaultPrevented||(t.setOpen(!1),t.triggerRef.value?.focus())},onPointerDownOutside:e=>{u("pointer-down-outside",e),e.defaultPrevented||t.setOpen(!1)},onFocusOutside:e=>{u("focus-outside",e),e.defaultPrevented||t.setOpen(!1)},onInteractOutside:e=>u("interact-outside",e)},[r]),(0,n.watch)(()=>[t.open.value,t.point.value],([e])=>{if(!e)return;const o=r.value;if(!o){s.value=t.point.value;return}const{width:x,height:h}=o.getBoundingClientRect(),_=window.innerWidth-x-i.collisionPadding,g=window.innerHeight-h-i.collisionPadding;s.value={x:Math.max(i.collisionPadding,Math.min(t.point.value.x,Math.max(_,i.collisionPadding))),y:Math.max(i.collisionPadding,Math.min(t.point.value.y,Math.max(g,i.collisionPadding)))}},{immediate:!0,flush:"post"});let a;(0,n.watch)(t.open,e=>{a!==void 0&&cancelAnimationFrame(a),!(!e||typeof document>"u")&&(a=requestAnimationFrame(()=>{const o=r.value;!o||o.contains(document.activeElement)||(o.querySelector('[role^="menuitem"]:not([data-disabled])')??o).focus()}))},{immediate:!0}),(0,n.onBeforeUnmount)(()=>{a!==void 0&&cancelAnimationFrame(a)});const m=(0,n.computed)(()=>({position:"fixed",top:`${s.value.y}px`,left:`${s.value.x}px`}));function v(e){p(e),e.key==="Tab"&&(e.preventDefault(),t.setOpen(!1),t.triggerRef.value?.focus())}return(e,o)=>l.forceMount||(0,n.unref)(t).open.value?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:0,class:"skdx-context-menu__content","data-part":"content",id:(0,n.unref)(t).contentId,ref:(0,n.unref)(f),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":(0,n.unref)(t).open.value?"open":"closed",style:(0,n.normalizeStyle)(m.value),onKeydown:v},[(0,n.renderSlot)(e.$slots,"default")],44,M)):(0,n.createCommentVNode)("",!0)}});exports.default=R;

package/dist/context-menu/ContextMenuContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as t}from"../utils/useDismiss.js";import{useRovingFocus as o}from"../utils/useRovingFocus.js";import{CONTEXT_MENU_CONTEXT as n,ITEM_SELECTOR as a}from"./context.js";import{computed as i,createCommentVNode as s,createElementBlock as u,defineComponent as l,inject as d,normalizeStyle as r,onBeforeUnmount as c,openBlock as m,ref as p,renderSlot as f,unref as v,watch as x}from"vue";var g=["id","data-state"],h=/* @__PURE__ */l({__name:"ContextMenuContent",props:{forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},collisionPadding:{default:8}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(l,{emit:h}){const w=l,y=h,M=d(n);if(!M)throw new Error("SkdxContextMenuContent must be used within SkdxContextMenu.");const C=p(null),P=e(C,M.contentRef),E=p(M.point.value),O=o({orientation:"vertical",loop:w.loop,itemSelector:a,typeahead:!0});let k;t({enabled:M.open,onEscapeKeyDown:e=>{y("escape-key-down",e),e.defaultPrevented||(M.setOpen(!1),M.triggerRef.value?.focus())},onPointerDownOutside:e=>{y("pointer-down-outside",e),e.defaultPrevented||M.setOpen(!1)},onFocusOutside:e=>{y("focus-outside",e),e.defaultPrevented||M.setOpen(!1)},onInteractOutside:e=>y("interact-outside",e)},[C]),x(()=>[M.open.value,M.point.value],([e])=>{if(!e)return;const t=C.value;if(!t)return void(E.value=M.point.value);const{width:o,height:n}=t.getBoundingClientRect(),a=window.innerWidth-o-w.collisionPadding,i=window.innerHeight-n-w.collisionPadding;E.value={x:Math.max(w.collisionPadding,Math.min(M.point.value.x,Math.max(a,w.collisionPadding))),y:Math.max(w.collisionPadding,Math.min(M.point.value.y,Math.max(i,w.collisionPadding)))}},{immediate:!0,flush:"post"}),x(M.open,e=>{void 0!==k&&cancelAnimationFrame(k),e&&!(typeof document>"u")&&(k=requestAnimationFrame(()=>{const e=C.value;!e||e.contains(document.activeElement)||(e.querySelector('[role^="menuitem"]:not([data-disabled])')??e).focus()}))},{immediate:!0}),c(()=>{void 0!==k&&cancelAnimationFrame(k)});const R=i(()=>({position:"fixed",top:`${E.value.y}px`,left:`${E.value.x}px`}));function S(e){O(e),"Tab"===e.key&&(e.preventDefault(),M.setOpen(!1),M.triggerRef.value?.focus())}return(e,t)=>l.forceMount||v(M).open.value?(m(),u("div",{key:0,class:"skdx-context-menu__content","data-part":"content",id:v(M).contentId,ref:v(P),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":v(M).open.value?"open":"closed",style:r(R.value),onKeydown:S},[f(e.$slots,"default")],44,g)):s("",!0)}});export{h as default};

package/dist/context-menu/ContextMenuGroup.vue.cjs

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

package/dist/context-menu/ContextMenuGroup.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Semantic grouping of related items: renders a `<div role="group">`.
+ * Pair with a preceding `SkdxContextMenuLabel` to caption the group.
+ */
+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/context-menu/ContextMenuGroup.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Semantic grouping of related items: renders a `<div role="group">`.
+ * Pair with a preceding `SkdxContextMenuLabel` to caption the group.
+ */
+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/context-menu/ContextMenuGroup.vue.js

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

package/dist/context-menu/ContextMenuGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-context-menu__group","data-part":"group",role:"group"},u=(0,e.defineComponent)({__name:"ContextMenuGroup",setup(o){return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=u;

package/dist/context-menu/ContextMenuGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as o,openBlock as t,renderSlot as a}from"vue";var r={class:"skdx-context-menu__group","data-part":"group",role:"group"},n=/* @__PURE__ */o({__name:"ContextMenuGroup",setup:o=>(o,n)=>(t(),e("div",r,[a(o.$slots,"default")]))});export{n as default};

package/dist/context-menu/ContextMenuItem.vue.cjs

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

package/dist/context-menu/ContextMenuItem.vue.d.cts

@@ -0,0 +1,29 @@
+/**
+ * A single selectable menu item: `role="menuitem"`, participates in the
+ * content's roving-focus/typeahead navigation. Selecting it (click, Enter,
+ * or Space) fires `select` and closes the menu unless the `select`
+ * listener calls `event.preventDefault()`. Set `disabled` to exclude it
+ * from navigation and selection.
+ */
+type __VLS_Props = {
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: 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;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: 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/context-menu/ContextMenuItem.vue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * A single selectable menu item: `role="menuitem"`, participates in the
+ * content's roving-focus/typeahead navigation. Selecting it (click, Enter,
+ * or Space) fires `select` and closes the menu unless the `select`
+ * listener calls `event.preventDefault()`. Set `disabled` to exclude it
+ * from navigation and selection.
+ */
+type __VLS_Props = {
+    /** Excludes the item from roving-focus navigation and blocks selection. */
+    disabled?: 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;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: 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/context-menu/ContextMenuItem.vue.js

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

package/dist/context-menu/ContextMenuItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const x=require("../utils/useMenuItem.cjs"),c=require("./context.cjs");let e=require("vue");var C=(0,e.defineComponent)({__name:"ContextMenuItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(m,{emit:d}){const f=m,p=d,o=(0,e.inject)(c.CONTEXT_MENU_CONTEXT);if(!o)throw new Error("SkdxContextMenuItem must be used within SkdxContextMenu.");const{itemAttrs:a,onItemClick:u,onItemKeydown:s,onItemPointerenter:i,onItemPointerleave:l}=x.useMenuItem({disabled:(0,e.toRef)(f,"disabled"),onSelect:r=>p("select",r),onSelected:()=>o.setOpen(!1),contentRef:o.contentRef});return(r,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-context-menu__item","data-part":"item",role:"menuitem"},(0,e.unref)(a),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(l)&&(0,e.unref)(l)(...n))}),[(0,e.renderSlot)(r.$slots,"default")],16))}});exports.default=C;

package/dist/context-menu/ContextMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useMenuItem as e}from"../utils/useMenuItem.js";import{CONTEXT_MENU_CONTEXT as t}from"./context.js";import{createElementBlock as n,defineComponent as o,inject as s,mergeProps as r,openBlock as a,renderSlot as m,toRef as i,unref as l}from"vue";var d=/* @__PURE__ */o({__name:"ContextMenuItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(o,{emit:d}){const u=o,c=d,p=s(t);if(!p)throw new Error("SkdxContextMenuItem must be used within SkdxContextMenu.");const{itemAttrs:f,onItemClick:x,onItemKeydown:C,onItemPointerenter:I,onItemPointerleave:k}=e({disabled:i(u,"disabled"),onSelect:e=>c("select",e),onSelected:()=>p.setOpen(!1),contentRef:p.contentRef});return(e,t)=>(a(),n("div",r({class:"skdx-context-menu__item","data-part":"item",role:"menuitem"},l(f),{onClick:t[0]||(t[0]=(...e)=>l(x)&&l(x)(...e)),onKeydown:t[1]||(t[1]=(...e)=>l(C)&&l(C)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>l(I)&&l(I)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>l(k)&&l(k)(...e))}),[m(e.$slots,"default")],16))}});export{d as default};

package/dist/context-menu/ContextMenuItemIndicator.vue.cjs

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

package/dist/context-menu/ContextMenuItemIndicator.vue.d.cts

@@ -0,0 +1,24 @@
+/**
+ * Renders its children (typically a check glyph) only while the enclosing
+ * `SkdxContextMenuCheckboxItem` or `SkdxContextMenuRadioItem` is checked.
+ * Exposes `data-state` (`checked`/`unchecked`). Mounts only while checked
+ * unless `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Render even while unchecked, instead of unmounting. */
+    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/context-menu/ContextMenuItemIndicator.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Renders its children (typically a check glyph) only while the enclosing
+ * `SkdxContextMenuCheckboxItem` or `SkdxContextMenuRadioItem` is checked.
+ * Exposes `data-state` (`checked`/`unchecked`). Mounts only while checked
+ * unless `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Render even while unchecked, instead of unmounting. */
+    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/context-menu/ContextMenuItemIndicator.vue.js

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

package/dist/context-menu/ContextMenuItemIndicator.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/context-menu/ContextMenuItemIndicator.vue_vue_type_script_setup_true_lang.js

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

package/dist/context-menu/ContextMenuLabel.vue.cjs

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

package/dist/context-menu/ContextMenuLabel.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Non-interactive heading for a group of items, typically preceding a
+ * `SkdxContextMenuGroup`. Renders a plain `<div>`.
+ */
+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/context-menu/ContextMenuLabel.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Non-interactive heading for a group of items, typically preceding a
+ * `SkdxContextMenuGroup`. Renders a plain `<div>`.
+ */
+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/context-menu/ContextMenuLabel.vue.js

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

package/dist/context-menu/ContextMenuLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-context-menu__label","data-part":"label"},l=(0,e.defineComponent)({__name:"ContextMenuLabel",setup(_){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",a,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=l;

package/dist/context-menu/ContextMenuLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as l}from"vue";var o={class:"skdx-context-menu__label","data-part":"label"},n=/* @__PURE__ */a({__name:"ContextMenuLabel",setup:a=>(a,n)=>(t(),e("div",o,[l(a.$slots,"default")]))});export{n as default};

package/dist/context-menu/ContextMenuPortal.vue.cjs

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

package/dist/context-menu/ContextMenuPortal.vue.d.cts

@@ -0,0 +1,30 @@
+import type { PortalContainer } from '../utils/portal.cjs';
+/**
+ * Teleports `SkdxContextMenuContent` to `document.body` (or a custom `container`), so the menu escapes
+ * any clipping/`overflow` ancestors. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxContextMenu`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Render the portal even while the menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, 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/context-menu/ContextMenuPortal.vue.d.ts

@@ -0,0 +1,30 @@
+import type { PortalContainer } from '../utils/portal.js';
+/**
+ * Teleports `SkdxContextMenuContent` to `document.body` (or a custom `container`), so the menu escapes
+ * any clipping/`overflow` ancestors. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxContextMenu`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Render the portal even while the menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, 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/context-menu/ContextMenuPortal.vue.js

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

package/dist/context-menu/ContextMenuPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../utils/Portal.vue.cjs"),u=require("./context.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"ContextMenuPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const n=(0,e.inject)(u.CONTEXT_MENU_CONTEXT);if(!n)throw new Error("SkdxContextMenuPortal must be used within SkdxContextMenu.");return(r,l)=>t.forceMount||(0,e.unref)(n).open.value?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=a;

package/dist/context-menu/ContextMenuPortal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Portal.vue.js";import{CONTEXT_MENU_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as n,defineComponent as r,inject as a,openBlock as s,renderSlot as u,unref as l,withCtx as i}from"vue";var c=/* @__PURE__ */r({__name:"ContextMenuPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(r){const c=a(t);if(!c)throw new Error("SkdxContextMenuPortal must be used within SkdxContextMenu.");return(t,a)=>r.forceMount||l(c).open.value?(s(),o(e,{key:0,container:r.container},{default:i(()=>[u(t.$slots,"default")]),_:3},8,["container"])):n("",!0)}});export{c as default};

package/dist/context-menu/ContextMenuRadioGroup.vue.cjs

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

package/dist/context-menu/ContextMenuRadioGroup.vue.d.cts

@@ -0,0 +1,35 @@
+/**
+ * Container coordinating a set of mutually-exclusive
+ * `SkdxContextMenuRadioItem`s: renders a `<div role="group">` and
+ * distributes the selected `value` to its items via context.
+ */
+type __VLS_Props = {
+    /**
+     * Currently selected item's value, compared against each item's own
+     * `value`. Pair with `v-model:value` or `@value-change`.
+     */
+    value?: string;
+    /** Initially selected item's value, for uncontrolled usage. */
+    defaultValue?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onValue-change"?: ((value: string) => any) | undefined;
+}>, {
+    value: string;
+    defaultValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};