@skdx/vue 0.26.0

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

@@ -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;
+    };
+};

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

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

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

@@ -0,0 +1 @@
+const d=require("./context.cjs");let e=require("vue");var v={class:"skdx-context-menu__radio-group","data-part":"radio-group",role:"group"},i=(0,e.defineComponent)({__name:"ContextMenuRadioGroup",props:{value:{default:void 0},defaultValue:{default:void 0}},emits:["update:value","value-change"],setup(r,{emit:n}){const a=r,t=n,o=(0,e.ref)(a.defaultValue),l=(0,e.computed)(()=>a.value!==void 0);return(0,e.provide)(d.CONTEXT_MENU_RADIO_GROUP_CONTEXT,{value:(0,e.computed)(()=>l.value?a.value:o.value),onValueChange:u=>{l.value||(o.value=u),t("update:value",u),t("value-change",u)}}),(u,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",v,[(0,e.renderSlot)(u.$slots,"default")]))}});exports.default=i;

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

@@ -0,0 +1 @@
+import{CONTEXT_MENU_RADIO_GROUP_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as u,defineComponent as o,openBlock as t,provide as l,ref as r,renderSlot as d}from"vue";var s={class:"skdx-context-menu__radio-group","data-part":"radio-group",role:"group"},v=/* @__PURE__ */o({__name:"ContextMenuRadioGroup",props:{value:{default:void 0},defaultValue:{default:void 0}},emits:["update:value","value-change"],setup(o,{emit:v}){const n=o,p=v,i=r(n.defaultValue),m=a(()=>void 0!==n.value);return l(e,{value:a(()=>m.value?n.value:i.value),onValueChange:e=>{m.value||(i.value=e),p("update:value",e),p("value-change",e)}}),(e,a)=>(t(),u("div",s,[d(e.$slots,"default")]))}});export{v as default};

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

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

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

@@ -0,0 +1,32 @@
+/**
+ * A single option within a `SkdxContextMenuRadioGroup`: `role="menuitemradio"`
+ * with `aria-checked` and `data-state` (`checked`/`unchecked`) reflecting
+ * whether its `value` matches the group's selected value. Selecting it
+ * updates the group and closes the menu. Wrap a
+ * `SkdxContextMenuItemIndicator` inside it to render a dot/check glyph only
+ * when selected.
+ */
+type __VLS_Props = {
+    /** Unique identifier compared against the group's selected `value`. */
+    value: string;
+    /** 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/ContextMenuRadioItem.vue.d.ts

@@ -0,0 +1,32 @@
+/**
+ * A single option within a `SkdxContextMenuRadioGroup`: `role="menuitemradio"`
+ * with `aria-checked` and `data-state` (`checked`/`unchecked`) reflecting
+ * whether its `value` matches the group's selected value. Selecting it
+ * updates the group and closes the menu. Wrap a
+ * `SkdxContextMenuItemIndicator` inside it to render a dot/check glyph only
+ * when selected.
+ */
+type __VLS_Props = {
+    /** Unique identifier compared against the group's selected `value`. */
+    value: string;
+    /** 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/ContextMenuRadioItem.vue.js

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

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

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

package/dist/context-menu/ContextMenuRadioItem.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,CONTEXT_MENU_RADIO_GROUP_CONTEXT as n}from"./context.js";import{computed as a,createElementBlock as s,defineComponent as r,inject as d,mergeProps as i,openBlock as u,provide as l,renderSlot as m,toRef as c,unref as p}from"vue";var C=["aria-checked","data-state"],T=/* @__PURE__ */r({__name:"ContextMenuRadioItem",props:{value:{},disabled:{type:Boolean,default:!1}},emits:["select"],setup(r,{emit:T}){const _=r,f=T,k=d(t);if(!k)throw new Error("SkdxContextMenuRadioItem must be used within SkdxContextMenu.");const v=d(n);if(!v)throw new Error("SkdxContextMenuRadioItem must be used within SkdxContextMenuRadioGroup.");const x=a(()=>v.value.value===_.value),{itemAttrs:E,onItemClick:I,onItemKeydown:M,onItemPointerenter:N,onItemPointerleave:O}=e({disabled:c(_,"disabled"),onSelect:e=>{v.onValueChange?.(_.value),f("select",e)},onSelected:()=>k.setOpen(!1),contentRef:k.contentRef});return l(o,x),(e,t)=>(u(),s("div",i({class:"skdx-context-menu__radio-item","data-part":"radio-item",role:"menuitemradio","aria-checked":x.value,"data-state":x.value?"checked":"unchecked"},p(E),{onClick:t[0]||(t[0]=(...e)=>p(I)&&p(I)(...e)),onKeydown:t[1]||(t[1]=(...e)=>p(M)&&p(M)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>p(N)&&p(N)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>p(O)&&p(O)(...e))}),[m(e.$slots,"default")],16,C))}});export{T as default};

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

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

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

@@ -0,0 +1,7 @@
+/**
+ * Visual divider between items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ */
+type __VLS_Props = {};
+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/context-menu/ContextMenuSeparator.vue.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Visual divider between items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ */
+type __VLS_Props = {};
+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/context-menu/ContextMenuSeparator.vue.js

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

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

@@ -0,0 +1 @@
+let e=require("vue");var t={class:"skdx-context-menu__separator","data-part":"separator",role:"separator","aria-orientation":"horizontal"},r=(0,e.defineComponent)({__name:"ContextMenuSeparator",setup(a){return(o,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",t))}});exports.default=r;

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

@@ -0,0 +1 @@
+import{createElementBlock as a,defineComponent as e,openBlock as t}from"vue";var o={class:"skdx-context-menu__separator","data-part":"separator",role:"separator","aria-orientation":"horizontal"},r=/* @__PURE__ */e({__name:"ContextMenuSeparator",setup:e=>(e,r)=>(t(),a("div",o))});export{r as default};

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

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

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

@@ -0,0 +1,12 @@
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/ContextMenuSub.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/ContextMenuSub.vue.js

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

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

@@ -0,0 +1 @@
+const u=require("../utils/MenuSub.vue.cjs");let e=require("vue");var n=(0,e.defineComponent)({name:"SkdxContextMenuSub",__name:"ContextMenuSub",setup(r){return(t,_)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{family:"context-menu"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}))}});exports.default=n;

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

@@ -0,0 +1 @@
+import e from"../utils/MenuSub.vue.js";import{createBlock as t,defineComponent as o,openBlock as a,renderSlot as n,withCtx as u}from"vue";var s=/* @__PURE__ */o({name:"SkdxContextMenuSub",__name:"ContextMenuSub",setup:o=>(o,s)=>(a(),t(e,{family:"context-menu"},{default:u(()=>[n(o.$slots,"default")]),_:3}))});export{s as default};

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

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

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

@@ -0,0 +1,31 @@
+/**
+ * Region that opens the menu at the pointer's coordinates when
+ * right-clicked (suppresses the native browser context menu via
+ * `event.preventDefault()`, unless `disabled`). Sets `data-state`
+ * (`open`/`closed`) and `data-disabled`. Must be used inside
+ * `SkdxContextMenu`.
+ *
+ * Keyboard-reachable: the region carries `tabindex="0"` and opens on
+ * Shift+F10 or the dedicated Menu (`ContextMenu`) key, anchored at its own
+ * box since there is no pointer to sit at. Sets `role="group"`,
+ * `aria-haspopup="menu"`, `aria-expanded`, and `aria-controls`, as
+ * `SkdxDropdownMenuTrigger` does.
+ */
+type __VLS_Props = {
+    /** Disables the context menu for this region, letting the native browser context menu through. */
+    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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    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/ContextMenuTrigger.vue.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Region that opens the menu at the pointer's coordinates when
+ * right-clicked (suppresses the native browser context menu via
+ * `event.preventDefault()`, unless `disabled`). Sets `data-state`
+ * (`open`/`closed`) and `data-disabled`. Must be used inside
+ * `SkdxContextMenu`.
+ *
+ * Keyboard-reachable: the region carries `tabindex="0"` and opens on
+ * Shift+F10 or the dedicated Menu (`ContextMenu`) key, anchored at its own
+ * box since there is no pointer to sit at. Sets `role="group"`,
+ * `aria-haspopup="menu"`, `aria-expanded`, and `aria-controls`, as
+ * `SkdxDropdownMenuTrigger` does.
+ */
+type __VLS_Props = {
+    /** Disables the context menu for this region, letting the native browser context menu through. */
+    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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    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/ContextMenuTrigger.vue.js

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

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

@@ -0,0 +1 @@
+const l=require("./context.cjs");let t=require("vue");var s=["aria-expanded","aria-controls","data-state","data-disabled","aria-disabled"],c=(0,t.defineComponent)({__name:"ContextMenuTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r){const o=r,n=(0,t.inject)(l.CONTEXT_MENU_CONTEXT);if(!n)throw new Error("SkdxContextMenuTrigger must be used within SkdxContextMenu.");const d=(0,t.ref)(null);(0,t.onMounted)(()=>{n.triggerRef.value=d.value});function i(e){o.disabled||(e.preventDefault(),n.setPoint({x:e.clientX,y:e.clientY}),n.setOpen(!0))}function u(e){if(o.disabled||e.key!=="ContextMenu"&&!(e.key==="F10"&&e.shiftKey))return;e.preventDefault();const a=e.currentTarget.getBoundingClientRect();n.setPoint({x:a.left,y:a.bottom}),n.setOpen(!0)}return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-context-menu__trigger","data-part":"trigger",ref_key:"elRef",ref:d,tabindex:"0",role:"group","aria-haspopup":"menu","aria-expanded":(0,t.unref)(n).open.value,"aria-controls":(0,t.unref)(n).contentId,"data-state":(0,t.unref)(n).open.value?"open":"closed","data-disabled":r.disabled?"":void 0,"aria-disabled":r.disabled||void 0,onContextmenu:i,onKeydown:u},[(0,t.renderSlot)(e.$slots,"default")],40,s))}});exports.default=c;

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

@@ -0,0 +1 @@
+import{CONTEXT_MENU_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as a,inject as n,onMounted as o,openBlock as r,ref as d,renderSlot as s,unref as i}from"vue";var l=["aria-expanded","aria-controls","data-state","data-disabled","aria-disabled"],u=/* @__PURE__ */a({__name:"ContextMenuTrigger",props:{disabled:{type:Boolean,default:!1}},setup(a){const u=a,p=n(e);if(!p)throw new Error("SkdxContextMenuTrigger must be used within SkdxContextMenu.");const c=d(null);function f(e){u.disabled||(e.preventDefault(),p.setPoint({x:e.clientX,y:e.clientY}),p.setOpen(!0))}function x(e){if(u.disabled||"ContextMenu"!==e.key&&("F10"!==e.key||!e.shiftKey))return;e.preventDefault();const t=e.currentTarget.getBoundingClientRect();p.setPoint({x:t.left,y:t.bottom}),p.setOpen(!0)}return o(()=>{p.triggerRef.value=c.value}),(e,n)=>(r(),t("div",{class:"skdx-context-menu__trigger","data-part":"trigger",ref_key:"elRef",ref:c,tabindex:"0",role:"group","aria-haspopup":"menu","aria-expanded":i(p).open.value,"aria-controls":i(p).contentId,"data-state":i(p).open.value?"open":"closed","data-disabled":a.disabled?"":void 0,"aria-disabled":a.disabled||void 0,onContextmenu:f,onKeydown:x},[s(e.$slots,"default")],40,l))}});export{u as default};

package/dist/context-menu/context.cjs

@@ -0,0 +1 @@
+const t=require("../utils/id.cjs");var T='[role^="menuitem"]:not([data-disabled])',e=Symbol("skdx-context-menu-context");function n(){return t.nextId("context-menu-content")}var E=Symbol("skdx-context-menu-radio-group-context"),_=Symbol("skdx-context-menu-item-indicator-context");exports.CONTEXT_MENU_CONTEXT=e;exports.CONTEXT_MENU_ITEM_INDICATOR_CONTEXT=_;exports.CONTEXT_MENU_RADIO_GROUP_CONTEXT=E;exports.ITEM_SELECTOR=T;exports.nextContextMenuContentId=n;

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

@@ -0,0 +1,31 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled menu-item elements (role menuitem/checkbox/radio, not disabled) for keyboard navigation. */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/** @internal Viewport coordinates of the triggering `contextmenu` event. */
+export interface Point {
+    x: number;
+    y: number;
+}
+/** @internal Injection key a ContextMenu provides so its parts can read/drive shared state. */
+export interface ContextMenuContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    point: Readonly<Ref<Point>>;
+    setPoint(point: Point): void;
+}
+/** @internal Injection key the ContextMenu root provides so its Trigger and Content share open state and the cursor anchor point. */
+export declare const CONTEXT_MENU_CONTEXT: InjectionKey<ContextMenuContext>;
+/** @internal Generates a unique id for a ContextMenu's content. */
+export declare function nextContextMenuContentId(): string;
+/** @internal Shared selected-value state distributed from ContextMenuRadioGroup to its ContextMenuRadioItems. */
+export interface MenuRadioGroupContext {
+    value: Ref<string | undefined>;
+    onValueChange?(value: string): void;
+}
+/** @internal Injection key a ContextMenuRadioGroup provides so its RadioItems share the selected value and change handler. */
+export declare const CONTEXT_MENU_RADIO_GROUP_CONTEXT: InjectionKey<MenuRadioGroupContext>;
+/** @internal Whether the enclosing checkbox/radio item is checked, read by a nested ContextMenuItemIndicator. Defaults to false (non-throwing, matching React's plain context). */
+export declare const CONTEXT_MENU_ITEM_INDICATOR_CONTEXT: InjectionKey<Ref<boolean>>;

package/dist/context-menu/context.d.ts

@@ -0,0 +1,31 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled menu-item elements (role menuitem/checkbox/radio, not disabled) for keyboard navigation. */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/** @internal Viewport coordinates of the triggering `contextmenu` event. */
+export interface Point {
+    x: number;
+    y: number;
+}
+/** @internal Injection key a ContextMenu provides so its parts can read/drive shared state. */
+export interface ContextMenuContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    point: Readonly<Ref<Point>>;
+    setPoint(point: Point): void;
+}
+/** @internal Injection key the ContextMenu root provides so its Trigger and Content share open state and the cursor anchor point. */
+export declare const CONTEXT_MENU_CONTEXT: InjectionKey<ContextMenuContext>;
+/** @internal Generates a unique id for a ContextMenu's content. */
+export declare function nextContextMenuContentId(): string;
+/** @internal Shared selected-value state distributed from ContextMenuRadioGroup to its ContextMenuRadioItems. */
+export interface MenuRadioGroupContext {
+    value: Ref<string | undefined>;
+    onValueChange?(value: string): void;
+}
+/** @internal Injection key a ContextMenuRadioGroup provides so its RadioItems share the selected value and change handler. */
+export declare const CONTEXT_MENU_RADIO_GROUP_CONTEXT: InjectionKey<MenuRadioGroupContext>;
+/** @internal Whether the enclosing checkbox/radio item is checked, read by a nested ContextMenuItemIndicator. Defaults to false (non-throwing, matching React's plain context). */
+export declare const CONTEXT_MENU_ITEM_INDICATOR_CONTEXT: InjectionKey<Ref<boolean>>;

package/dist/context-menu/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var n='[role^="menuitem"]:not([data-disabled])',e=/* @__PURE__ */Symbol("skdx-context-menu-context");function o(){return t("context-menu-content")}var T=/* @__PURE__ */Symbol("skdx-context-menu-radio-group-context"),x=/* @__PURE__ */Symbol("skdx-context-menu-item-indicator-context");export{e as CONTEXT_MENU_CONTEXT,x as CONTEXT_MENU_ITEM_INDICATOR_CONTEXT,T as CONTEXT_MENU_RADIO_GROUP_CONTEXT,n as ITEM_SELECTOR,o as nextContextMenuContentId};

package/dist/context-menu/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/MenuSubContent.vue.cjs"),t=require("../utils/MenuSubTrigger.vue.cjs"),u=require("./ContextMenu.vue.cjs"),n=require("./ContextMenuCheckboxItem.vue.cjs"),r=require("./ContextMenuContent.vue.cjs"),o=require("./ContextMenuGroup.vue.cjs"),x=require("./ContextMenuItem.vue.cjs"),i=require("./ContextMenuItemIndicator.vue.cjs"),d=require("./ContextMenuLabel.vue.cjs"),C=require("./ContextMenuPortal.vue.cjs"),a=require("./ContextMenuRadioGroup.vue.cjs"),M=require("./ContextMenuRadioItem.vue.cjs"),q=require("./ContextMenuSeparator.vue.cjs"),S=require("./ContextMenuSub.vue.cjs"),l=require("./ContextMenuTrigger.vue.cjs");exports.SkdxContextMenu=u.default;exports.SkdxContextMenuCheckboxItem=n.default;exports.SkdxContextMenuContent=r.default;exports.SkdxContextMenuGroup=o.default;exports.SkdxContextMenuItem=x.default;exports.SkdxContextMenuItemIndicator=i.default;exports.SkdxContextMenuLabel=d.default;exports.SkdxContextMenuPortal=C.default;exports.SkdxContextMenuRadioGroup=a.default;exports.SkdxContextMenuRadioItem=M.default;exports.SkdxContextMenuSeparator=q.default;exports.SkdxContextMenuSub=S.default;exports.SkdxContextMenuSubContent=e.default;exports.SkdxContextMenuSubTrigger=t.default;exports.SkdxContextMenuTrigger=l.default;

package/dist/context-menu/index.d.cts

@@ -0,0 +1,15 @@
+export { default as SkdxContextMenu } from './ContextMenu.vue.cjs';
+export { default as SkdxContextMenuCheckboxItem } from './ContextMenuCheckboxItem.vue.cjs';
+export { default as SkdxContextMenuContent } from './ContextMenuContent.vue.cjs';
+export { default as SkdxContextMenuGroup } from './ContextMenuGroup.vue.cjs';
+export { default as SkdxContextMenuItem } from './ContextMenuItem.vue.cjs';
+export { default as SkdxContextMenuItemIndicator } from './ContextMenuItemIndicator.vue.cjs';
+export { default as SkdxContextMenuLabel } from './ContextMenuLabel.vue.cjs';
+export { default as SkdxContextMenuPortal } from './ContextMenuPortal.vue.cjs';
+export { default as SkdxContextMenuRadioGroup } from './ContextMenuRadioGroup.vue.cjs';
+export { default as SkdxContextMenuRadioItem } from './ContextMenuRadioItem.vue.cjs';
+export { default as SkdxContextMenuSeparator } from './ContextMenuSeparator.vue.cjs';
+export { default as SkdxContextMenuSub } from './ContextMenuSub.vue.cjs';
+export { default as SkdxContextMenuSubContent } from '../utils/MenuSubContent.vue.cjs';
+export { default as SkdxContextMenuSubTrigger } from '../utils/MenuSubTrigger.vue.cjs';
+export { default as SkdxContextMenuTrigger } from './ContextMenuTrigger.vue.cjs';

package/dist/context-menu/index.d.ts

@@ -0,0 +1,15 @@
+export { default as SkdxContextMenu } from './ContextMenu.vue.js';
+export { default as SkdxContextMenuCheckboxItem } from './ContextMenuCheckboxItem.vue.js';
+export { default as SkdxContextMenuContent } from './ContextMenuContent.vue.js';
+export { default as SkdxContextMenuGroup } from './ContextMenuGroup.vue.js';
+export { default as SkdxContextMenuItem } from './ContextMenuItem.vue.js';
+export { default as SkdxContextMenuItemIndicator } from './ContextMenuItemIndicator.vue.js';
+export { default as SkdxContextMenuLabel } from './ContextMenuLabel.vue.js';
+export { default as SkdxContextMenuPortal } from './ContextMenuPortal.vue.js';
+export { default as SkdxContextMenuRadioGroup } from './ContextMenuRadioGroup.vue.js';
+export { default as SkdxContextMenuRadioItem } from './ContextMenuRadioItem.vue.js';
+export { default as SkdxContextMenuSeparator } from './ContextMenuSeparator.vue.js';
+export { default as SkdxContextMenuSub } from './ContextMenuSub.vue.js';
+export { default as SkdxContextMenuSubContent } from '../utils/MenuSubContent.vue.js';
+export { default as SkdxContextMenuSubTrigger } from '../utils/MenuSubTrigger.vue.js';
+export { default as SkdxContextMenuTrigger } from './ContextMenuTrigger.vue.js';

package/dist/context-menu/index.js

@@ -0,0 +1 @@
+import e from"../utils/MenuSubContent.vue.js";import t from"../utils/MenuSubTrigger.vue.js";import o from"./ContextMenu.vue.js";import n from"./ContextMenuCheckboxItem.vue.js";import u from"./ContextMenuContent.vue.js";import r from"./ContextMenuGroup.vue.js";import x from"./ContextMenuItem.vue.js";import m from"./ContextMenuItemIndicator.vue.js";import C from"./ContextMenuLabel.vue.js";import s from"./ContextMenuPortal.vue.js";import M from"./ContextMenuRadioGroup.vue.js";import a from"./ContextMenuRadioItem.vue.js";import i from"./ContextMenuSeparator.vue.js";import S from"./ContextMenuSub.vue.js";import p from"./ContextMenuTrigger.vue.js";export{o as SkdxContextMenu,n as SkdxContextMenuCheckboxItem,u as SkdxContextMenuContent,r as SkdxContextMenuGroup,x as SkdxContextMenuItem,m as SkdxContextMenuItemIndicator,C as SkdxContextMenuLabel,s as SkdxContextMenuPortal,M as SkdxContextMenuRadioGroup,a as SkdxContextMenuRadioItem,i as SkdxContextMenuSeparator,S as SkdxContextMenuSub,e as SkdxContextMenuSubContent,t as SkdxContextMenuSubTrigger,p as SkdxContextMenuTrigger};

package/dist/data-list/DataList.vue.cjs

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

package/dist/data-list/DataList.vue.d.cts

@@ -0,0 +1,49 @@
+import type { DataListOrientation } from './types.cjs';
+/**
+ * The Vue implementation of the shared DataList contract (see `@skdx/shared`'s
+ * `dataListContract`). Renders a real `<dl>`, so every `<SkdxDataListLabel>`
+ * (`<dt>`) is associated with the `<SkdxDataListValue>` (`<dd>`) that follows
+ * it — the association assistive technology reads, and the one a `<div>`-based
+ * "definition grid" throws away.
+ *
+ * Behaviourless by design: no state, no context, no keyboard interaction. The
+ * value of this family is the markup it guarantees.
+ *
+ * A `<dl>` has no accessible name of its own — pass `aria-label` (or
+ * `aria-labelledby`) unless an adjacent heading already introduces the list.
+ *
+ * @example
+ * ```vue
+ * <SkdxDataList aria-label="Server" orientation="horizontal">
+ *   <SkdxDataListItem>
+ *     <SkdxDataListLabel>Status</SkdxDataListLabel>
+ *     <SkdxDataListValue>Active</SkdxDataListValue>
+ *   </SkdxDataListItem>
+ * </SkdxDataList>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * How each label/value pair reads: `'horizontal'` puts the value beside its
+     * label, `'vertical'` stacks the value under it. Emitted as
+     * `data-orientation` on the root and nothing else — this library ships no
+     * layout CSS, so the value only changes what your stylesheet can select on,
+     * never how the list renders on its own.
+     * @default 'horizontal' — `data-orientation="horizontal"`; the label/value pair reads as one row.
+     */
+    orientation?: DataListOrientation;
+};
+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<{}>, {
+    orientation: DataListOrientation;
+}, {}, {}, {}, 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/data-list/DataList.vue.d.ts

@@ -0,0 +1,49 @@
+import type { DataListOrientation } from './types.js';
+/**
+ * The Vue implementation of the shared DataList contract (see `@skdx/shared`'s
+ * `dataListContract`). Renders a real `<dl>`, so every `<SkdxDataListLabel>`
+ * (`<dt>`) is associated with the `<SkdxDataListValue>` (`<dd>`) that follows
+ * it — the association assistive technology reads, and the one a `<div>`-based
+ * "definition grid" throws away.
+ *
+ * Behaviourless by design: no state, no context, no keyboard interaction. The
+ * value of this family is the markup it guarantees.
+ *
+ * A `<dl>` has no accessible name of its own — pass `aria-label` (or
+ * `aria-labelledby`) unless an adjacent heading already introduces the list.
+ *
+ * @example
+ * ```vue
+ * <SkdxDataList aria-label="Server" orientation="horizontal">
+ *   <SkdxDataListItem>
+ *     <SkdxDataListLabel>Status</SkdxDataListLabel>
+ *     <SkdxDataListValue>Active</SkdxDataListValue>
+ *   </SkdxDataListItem>
+ * </SkdxDataList>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * How each label/value pair reads: `'horizontal'` puts the value beside its
+     * label, `'vertical'` stacks the value under it. Emitted as
+     * `data-orientation` on the root and nothing else — this library ships no
+     * layout CSS, so the value only changes what your stylesheet can select on,
+     * never how the list renders on its own.
+     * @default 'horizontal' — `data-orientation="horizontal"`; the label/value pair reads as one row.
+     */
+    orientation?: DataListOrientation;
+};
+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<{}>, {
+    orientation: DataListOrientation;
+}, {}, {}, {}, 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/data-list/DataList.vue.js

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

package/dist/data-list/DataList.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let t=require("vue");var o=["data-orientation"],n=(0,t.defineComponent)({__name:"DataList",props:{orientation:{default:"horizontal"}},setup(e){return(a,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("dl",{class:"skdx-data-list","data-part":"root","data-skdx-component":"data-list","data-orientation":e.orientation},[(0,t.renderSlot)(a.$slots,"default")],8,o))}});exports.default=n;

package/dist/data-list/DataList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as t,defineComponent as a,openBlock as o,renderSlot as e}from"vue";var n=["data-orientation"],s=/* @__PURE__ */a({__name:"DataList",props:{orientation:{default:"horizontal"}},setup:a=>(s,r)=>(o(),t("dl",{class:"skdx-data-list","data-part":"root","data-skdx-component":"data-list","data-orientation":a.orientation},[e(s.$slots,"default")],8,n))});export{s as default};

package/dist/data-list/DataListItem.vue.cjs

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

package/dist/data-list/DataListItem.vue.d.cts

@@ -0,0 +1,35 @@
+/**
+ * Optional grouping wrapper around one `<SkdxDataListLabel>` /
+ * `<SkdxDataListValue>` pair. Renders a bare `<div>` with **no role and no
+ * ARIA of its own** — deliberately.
+ *
+ * HTML allows exactly one wrapper inside a `<dl>`: a plain `<div>` holding the
+ * `<dt>`/`<dd>` group. Because that div stays generic, the `dl` → `dt`/`dd`
+ * association survives it. Give this element a role and the list stops being a
+ * description list to assistive technology.
+ *
+ * It is a styling handle, so keep it one: if you need the pairs to line up in
+ * a grid, put `display: contents` on this element and lay the `<dt>`/`<dd>`
+ * out as grid items of the `<dl>` itself.
+ *
+ * @example
+ * ```vue
+ * <SkdxDataListItem style="display: contents">
+ *   <SkdxDataListLabel>Region</SkdxDataListLabel>
+ *   <SkdxDataListValue>eu-west-1</SkdxDataListValue>
+ * </SkdxDataListItem>
+ * ```
+ */
+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/data-list/DataListItem.vue.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Optional grouping wrapper around one `<SkdxDataListLabel>` /
+ * `<SkdxDataListValue>` pair. Renders a bare `<div>` with **no role and no
+ * ARIA of its own** — deliberately.
+ *
+ * HTML allows exactly one wrapper inside a `<dl>`: a plain `<div>` holding the
+ * `<dt>`/`<dd>` group. Because that div stays generic, the `dl` → `dt`/`dd`
+ * association survives it. Give this element a role and the list stops being a
+ * description list to assistive technology.
+ *
+ * It is a styling handle, so keep it one: if you need the pairs to line up in
+ * a grid, put `display: contents` on this element and lay the `<dt>`/`<dd>`
+ * out as grid items of the `<dl>` itself.
+ *
+ * @example
+ * ```vue
+ * <SkdxDataListItem style="display: contents">
+ *   <SkdxDataListLabel>Region</SkdxDataListLabel>
+ *   <SkdxDataListValue>eu-west-1</SkdxDataListValue>
+ * </SkdxDataListItem>
+ * ```
+ */
+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/data-list/DataListItem.vue.js

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

package/dist/data-list/DataListItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-data-list__item","data-part":"item"},_=(0,e.defineComponent)({__name:"DataListItem",setup(r){return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",a,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/data-list/DataListItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/data-list/DataListLabel.vue.cjs

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