@skdx/vue 0.26.0

package/dist/command/CommandGroup.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Labelled cluster of `SkdxCommandItem`s: renders a `<div role="group">` with
+ * an optional non-interactive heading above the items, via the `heading`
+ * slot.
+ */
+type __VLS_Props = {
+    /**
+     * Non-interactive heading rendered above the group's items.
+     * @default undefined — no heading rendered.
+     */
+    heading?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    heading?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => 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/command/CommandGroup.vue.js

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

package/dist/command/CommandGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-command__group","data-part":"group",role:"group"},a={key:0,role:"presentation"},n=(0,e.defineComponent)({__name:"CommandGroup",props:{heading:{}},setup(o){return(t,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[o.heading!==void 0||t.$slots.heading?((0,e.openBlock)(),(0,e.createElementBlock)("div",a,[(0,e.renderSlot)(t.$slots,"heading",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.heading),1)])])):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=n;

package/dist/command/CommandGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createCommentVNode as e,createElementBlock as a,createTextVNode as o,defineComponent as t,openBlock as s,renderSlot as r,toDisplayString as d}from"vue";var n={class:"skdx-command__group","data-part":"group",role:"group"},p={key:0,role:"presentation"},i=/* @__PURE__ */t({__name:"CommandGroup",props:{heading:{}},setup:t=>(i,l)=>(s(),a("div",n,[void 0!==t.heading||i.$slots.heading?(s(),a("div",p,[r(i.$slots,"heading",{},()=>[o(d(t.heading),1)])])):e("",!0),r(i.$slots,"default")]))});export{i as default};

package/dist/command/CommandInput.vue.cjs

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

package/dist/command/CommandInput.vue.d.cts

@@ -0,0 +1,16 @@
+/**
+ * The palette's search/filter field: a plain `<input type="text">` wired to
+ * `SkdxCommandList` via `aria-controls` and to the currently highlighted item
+ * via `aria-activedescendant`. Handles Arrow Up/Down to move the virtual
+ * highlight across whichever `SkdxCommandItem`s are currently mounted, and
+ * Enter to invoke the highlighted item's `onSelect`. Real DOM focus stays
+ * here at all times — filtering the item list as the user types does not
+ * need to move focus. Must be used inside `SkdxCommand`.
+ *
+ * Every keystroke also writes into the root's `search`, which is what drives
+ * the root's own filtering. Binding `:value`/`@input` here still works: the
+ * consumer's handler runs alongside, not instead of, that.
+ */
+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/command/CommandInput.vue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The palette's search/filter field: a plain `<input type="text">` wired to
+ * `SkdxCommandList` via `aria-controls` and to the currently highlighted item
+ * via `aria-activedescendant`. Handles Arrow Up/Down to move the virtual
+ * highlight across whichever `SkdxCommandItem`s are currently mounted, and
+ * Enter to invoke the highlighted item's `onSelect`. Real DOM focus stays
+ * here at all times — filtering the item list as the user types does not
+ * need to move focus. Must be used inside `SkdxCommand`.
+ *
+ * Every keystroke also writes into the root's `search`, which is what drives
+ * the root's own filtering. Binding `:value`/`@input` here still works: the
+ * consumer's handler runs alongside, not instead of, that.
+ */
+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/command/CommandInput.vue.js

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

package/dist/command/CommandInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const c=require("./context.cjs");let a=require("vue");var f=["aria-controls","aria-activedescendant"],p=(0,a.defineComponent)({__name:"CommandInput",setup(v){const o=(0,a.inject)(c.COMMAND_CONTEXT);if(!o)throw new Error("SkdxCommandInput must be used within SkdxCommand.");const t=o;function u(e){const n=t.listRef.value;if(!n)return;const r=Array.from(n.querySelectorAll(c.OPTION_SELECTOR));if(r.length===0)return;let i=r.findIndex(s=>s.id===t.activeId.value)+e;i<0&&(i=0),i>=r.length&&(i=r.length-1),t.setActiveId(r[i].id)}function l(e){t.setSearch(e.target.value)}function d(e){if(e.key==="ArrowDown")e.preventDefault(),u(1);else if(e.key==="ArrowUp")e.preventDefault(),u(-1);else if(e.key==="Enter"){if(!t.activeId.value)return;const n=t.itemMetaRef.value.get(t.activeId.value);n&&!n.disabled&&(e.preventDefault(),n.onSelect?.(n.value))}}return(e,n)=>((0,a.openBlock)(),(0,a.createElementBlock)("input",{class:"skdx-command__input","data-part":"input",type:"text","aria-controls":(0,a.unref)(t).listId,"aria-activedescendant":(0,a.unref)(t).activeId.value??void 0,autocomplete:"off",onInput:l,onKeydown:d},null,40,f))}});exports.default=p;

package/dist/command/CommandInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COMMAND_CONTEXT as e,OPTION_SELECTOR as t}from"./context.js";import{createElementBlock as n,defineComponent as a,inject as o,openBlock as r,unref as i}from"vue";var l=["aria-controls","aria-activedescendant"],u=/* @__PURE__ */a({__name:"CommandInput",setup(a){const u=o(e);if(!u)throw new Error("SkdxCommandInput must be used within SkdxCommand.");const s=u;function c(e){const n=s.listRef.value;if(!n)return;const a=Array.from(n.querySelectorAll(t));if(0===a.length)return;let o=a.findIndex(e=>e.id===s.activeId.value)+e;o<0&&(o=0),o>=a.length&&(o=a.length-1),s.setActiveId(a[o].id)}function d(e){s.setSearch(e.target.value)}function f(e){if("ArrowDown"===e.key)e.preventDefault(),c(1);else if("ArrowUp"===e.key)e.preventDefault(),c(-1);else if("Enter"===e.key){if(!s.activeId.value)return;const t=s.itemMetaRef.value.get(s.activeId.value);t&&!t.disabled&&(e.preventDefault(),t.onSelect?.(t.value))}}return(e,t)=>(r(),n("input",{class:"skdx-command__input","data-part":"input",type:"text","aria-controls":i(s).listId,"aria-activedescendant":i(s).activeId.value??void 0,autocomplete:"off",onInput:d,onKeydown:f},null,40,l))}});export{u as default};

package/dist/command/CommandItem.vue.cjs

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

package/dist/command/CommandItem.vue.d.cts

@@ -0,0 +1,41 @@
+/**
+ * A single selectable result: `role="option"` with `aria-selected` and
+ * `data-highlighted`/`data-disabled` reflecting virtual-focus state.
+ * Registers itself with the parent `SkdxCommand` on mount (and unregisters
+ * on unmount, so filtering items in/out keeps navigation and
+ * `SkdxCommandEmpty` accurate). Pointer-enter moves the highlight here;
+ * click or Enter (while highlighted) fires `onSelect` with `value`. Set
+ * `disabled` to exclude it from navigation and selection. Must be used
+ * inside `SkdxCommand`.
+ *
+ * Renders nothing while the root's search filters it out — a filtered-out item
+ * is unregistered, not just hidden, so `SkdxCommandEmpty` and keyboard
+ * navigation both see only what is shown. `data-value` carries its `value` so
+ * the root can move the highlight to it by value.
+ */
+type __VLS_Props = {
+    /** Identifier passed to `onSelect` and used to match this item as the active/highlighted one. */
+    value: string;
+    /**
+     * Excludes the item from keyboard navigation, pointer highlighting, and Enter selection.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Called with `value` when the item is activated (click, Enter, or pointer + Enter).
+     * @default undefined — no-op if omitted.
+     */
+    onSelect?: (value: string) => void;
+};
+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/command/CommandItem.vue.d.ts

@@ -0,0 +1,41 @@
+/**
+ * A single selectable result: `role="option"` with `aria-selected` and
+ * `data-highlighted`/`data-disabled` reflecting virtual-focus state.
+ * Registers itself with the parent `SkdxCommand` on mount (and unregisters
+ * on unmount, so filtering items in/out keeps navigation and
+ * `SkdxCommandEmpty` accurate). Pointer-enter moves the highlight here;
+ * click or Enter (while highlighted) fires `onSelect` with `value`. Set
+ * `disabled` to exclude it from navigation and selection. Must be used
+ * inside `SkdxCommand`.
+ *
+ * Renders nothing while the root's search filters it out — a filtered-out item
+ * is unregistered, not just hidden, so `SkdxCommandEmpty` and keyboard
+ * navigation both see only what is shown. `data-value` carries its `value` so
+ * the root can move the highlight to it by value.
+ */
+type __VLS_Props = {
+    /** Identifier passed to `onSelect` and used to match this item as the active/highlighted one. */
+    value: string;
+    /**
+     * Excludes the item from keyboard navigation, pointer highlighting, and Enter selection.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Called with `value` when the item is activated (click, Enter, or pointer + Enter).
+     * @default undefined — no-op if omitted.
+     */
+    onSelect?: (value: string) => void;
+};
+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/command/CommandItem.vue.js

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

package/dist/command/CommandItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var v=["id","data-value","aria-selected","data-highlighted","data-disabled"],f=(0,e.defineComponent)({__name:"CommandItem",props:{value:{},disabled:{type:Boolean},onSelect:{type:Function}},setup(i){const n=i,o=(0,e.inject)(r.COMMAND_CONTEXT);if(!o)throw new Error("SkdxCommandItem must be used within SkdxCommand.");const t=o,a=r.nextCommandItemId(),l=(0,e.computed)(()=>t.activeId.value===a),d=(0,e.computed)(()=>t.matches(n.value));(0,e.watchEffect)(()=>{d.value&&t.itemMetaRef.value.set(a,{value:n.value,disabled:n.disabled,onSelect:n.onSelect})});function u(){if(d.value){t.registerItem(a);return}t.unregisterItem(a),t.itemMetaRef.value.delete(a)}(0,e.onMounted)(u),(0,e.watch)(d,u),(0,e.onBeforeUnmount)(()=>{t.unregisterItem(a),t.itemMetaRef.value.delete(a)});function c(){n.disabled||(t.setActiveId(a),n.onSelect?.(n.value))}function s(){n.disabled||t.setActiveId(a)}return(m,h)=>d.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-command__item","data-part":"item",role:"option",id:(0,e.unref)(a),"data-value":i.value,"aria-selected":l.value,"data-highlighted":l.value?"":void 0,"data-disabled":i.disabled?"":void 0,onClick:c,onPointerenter:s},[(0,e.renderSlot)(m.$slots,"default")],40,v)):(0,e.createCommentVNode)("",!0)}});exports.default=f;

package/dist/command/CommandItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COMMAND_CONTEXT as e,nextCommandItemId as t}from"./context.js";import{computed as a,createCommentVNode as d,createElementBlock as o,defineComponent as n,inject as l,onBeforeUnmount as i,onMounted as s,openBlock as m,renderSlot as u,unref as r,watch as c,watchEffect as v}from"vue";var f=["id","data-value","aria-selected","data-highlighted","data-disabled"],p=/* @__PURE__ */n({__name:"CommandItem",props:{value:{},disabled:{type:Boolean},onSelect:{type:Function}},setup(n){const p=n,h=l(e);if(!h)throw new Error("SkdxCommandItem must be used within SkdxCommand.");const I=h,b=t(),C=a(()=>I.activeId.value===b),g=a(()=>I.matches(p.value));function k(){g.value?I.registerItem(b):(I.unregisterItem(b),I.itemMetaRef.value.delete(b))}function S(){p.disabled||(I.setActiveId(b),p.onSelect?.(p.value))}function x(){p.disabled||I.setActiveId(b)}return v(()=>{g.value&&I.itemMetaRef.value.set(b,{value:p.value,disabled:p.disabled,onSelect:p.onSelect})}),s(k),c(g,k),i(()=>{I.unregisterItem(b),I.itemMetaRef.value.delete(b)}),(e,t)=>g.value?(m(),o("div",{key:0,class:"skdx-command__item","data-part":"item",role:"option",id:r(b),"data-value":n.value,"aria-selected":C.value,"data-highlighted":C.value?"":void 0,"data-disabled":n.disabled?"":void 0,onClick:S,onPointerenter:x},[u(e.$slots,"default")],40,f)):d("",!0)}});export{p as default};

package/dist/command/CommandList.vue.cjs

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

package/dist/command/CommandList.vue.d.cts

@@ -0,0 +1,19 @@
+/**
+ * Container for `SkdxCommandItem`s and `SkdxCommandGroup`s: renders
+ * `<div role="listbox">`, wired to `SkdxCommandInput` via `aria-controls`/
+ * `aria-activedescendant`, and carrying `aria-busy`/`data-loading` while the
+ * root's `loading` is set. Must be used inside `SkdxCommand`.
+ */
+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/command/CommandList.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Container for `SkdxCommandItem`s and `SkdxCommandGroup`s: renders
+ * `<div role="listbox">`, wired to `SkdxCommandInput` via `aria-controls`/
+ * `aria-activedescendant`, and carrying `aria-busy`/`data-loading` while the
+ * root's `loading` is set. Must be used inside `SkdxCommand`.
+ */
+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/command/CommandList.vue.js

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

package/dist/command/CommandList.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("../utils/composeRefs.cjs"),a=require("./context.cjs");let e=require("vue");var u=["id","aria-busy","data-loading"],d=(0,e.defineComponent)({__name:"CommandList",setup(l){const n=(0,e.inject)(a.COMMAND_CONTEXT);if(!n)throw new Error("SkdxCommandList must be used within SkdxCommand.");const t=n,o=(0,e.ref)(null),r=s.composeRefs(i=>{(i||t.listRef.value===o.value)&&(t.listRef.value=i)},o);return(i,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-command__list","data-part":"list",ref:(0,e.unref)(r),role:"listbox",id:(0,e.unref)(t).listId,"aria-busy":(0,e.unref)(t).loading.value||void 0,"data-loading":(0,e.unref)(t).loading.value?"":void 0},[(0,e.renderSlot)(i.$slots,"default")],8,u))}});exports.default=d;

package/dist/command/CommandList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as a}from"../utils/composeRefs.js";import{COMMAND_CONTEXT as e}from"./context.js";import{createElementBlock as s,defineComponent as o,inject as t,openBlock as i,ref as l,renderSlot as d,unref as n}from"vue";var r=["id","aria-busy","data-loading"],m=/* @__PURE__ */o({__name:"CommandList",setup(o){const m=t(e);if(!m)throw new Error("SkdxCommandList must be used within SkdxCommand.");const u=m,f=l(null),c=a(a=>{(a||u.listRef.value===f.value)&&(u.listRef.value=a)},f);return(a,e)=>(i(),s("div",{class:"skdx-command__list","data-part":"list",ref:n(c),role:"listbox",id:n(u).listId,"aria-busy":n(u).loading.value||void 0,"data-loading":n(u).loading.value?"":void 0},[d(a.$slots,"default")],8,r))}});export{m as default};

package/dist/command/CommandLoading.vue.cjs

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

package/dist/command/CommandLoading.vue.d.cts

@@ -0,0 +1,20 @@
+/**
+ * Renders its children (typically "Searching…") only while the root's
+ * `loading` is set. `role="status"` makes it a polite live region, so the
+ * arrival — and the disappearance — of an in-flight search is announced
+ * without stealing focus from `SkdxCommandInput`. Must be used inside
+ * `SkdxCommand`.
+ */
+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/command/CommandLoading.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Renders its children (typically "Searching…") only while the root's
+ * `loading` is set. `role="status"` makes it a polite live region, so the
+ * arrival — and the disappearance — of an in-flight search is announced
+ * without stealing focus from `SkdxCommandInput`. Must be used inside
+ * `SkdxCommand`.
+ */
+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/command/CommandLoading.vue.js

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

package/dist/command/CommandLoading.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var a={key:0,class:"skdx-command__loading","data-part":"loading",role:"status"},r=(0,e.defineComponent)({__name:"CommandLoading",setup(d){const t=(0,e.inject)(o.COMMAND_CONTEXT);if(!t)throw new Error("SkdxCommandLoading must be used within SkdxCommand.");return(n,u)=>(0,e.unref)(t).loading.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",a,[(0,e.renderSlot)(n.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=r;

package/dist/command/CommandLoading.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COMMAND_CONTEXT as a}from"./context.js";import{createCommentVNode as e,createElementBlock as o,defineComponent as t,inject as n,openBlock as s,renderSlot as d,unref as r}from"vue";var m={key:0,class:"skdx-command__loading","data-part":"loading",role:"status"},i=/* @__PURE__ */t({__name:"CommandLoading",setup(t){const i=n(a);if(!i)throw new Error("SkdxCommandLoading must be used within SkdxCommand.");return(a,t)=>r(i).loading.value?(s(),o("div",m,[d(a.$slots,"default")])):e("",!0)}});export{i as default};

package/dist/command/CommandSeparator.vue.cjs

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

package/dist/command/CommandSeparator.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/command/CommandSeparator.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/command/CommandSeparator.vue.js

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

package/dist/command/CommandSeparator.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/command/CommandSeparator.vue_vue_type_script_setup_true_lang.js

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

package/dist/command/context.cjs

@@ -0,0 +1 @@
+const t=require("../utils/id.cjs");var d='[role="option"]:not([data-disabled])';function o(n,e){return n.toLowerCase().includes(e.toLowerCase())}var m=Symbol("skdx-command-context");function a(){return t.nextId("command-list")}function r(){return t.nextId("command-item")}exports.COMMAND_CONTEXT=m;exports.OPTION_SELECTOR=d;exports.defaultCommandFilter=o;exports.nextCommandItemId=r;exports.nextCommandListId=a;

package/dist/command/context.d.cts

@@ -0,0 +1,41 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled (non-disabled) listbox option elements for keyboard navigation. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/**
+ * How a Command decides which items a search keeps: a predicate over the
+ * item's `value`, or `'manual'` when the consumer mounts only the matching
+ * items itself. Mirrors `ComboboxFilter`.
+ */
+export type CommandFilter = 'manual' | ((itemValue: string, search: string) => boolean);
+/** The built-in matcher: case-insensitive substring on the item's `value`. */
+export declare function defaultCommandFilter(itemValue: string, search: string): boolean;
+/** @internal Per-item bookkeeping (`value`/`disabled`/`onSelect`) kept in Command's mutable ref map, keyed by item id. */
+export interface CommandItemMeta {
+    value: string;
+    disabled?: boolean;
+    onSelect?(value: string): void;
+}
+/** @internal Injection key a Command provides so its parts can read/drive shared state. */
+export interface CommandContext {
+    listRef: Ref<HTMLElement | null>;
+    listId: string;
+    activeId: Readonly<Ref<string | null>>;
+    setActiveId(id: string | null): void;
+    itemMetaRef: Ref<Map<string, CommandItemMeta>>;
+    registerItem(id: string): void;
+    unregisterItem(id: string): void;
+    itemCount: Readonly<Ref<number>>;
+    /** The root's current search text, written by `SkdxCommandInput` on every keystroke. */
+    search: Readonly<Ref<string>>;
+    setSearch(search: string): void;
+    /** Whether an item's `value` survives the current search under the root's `filter`. */
+    matches(itemValue: string): boolean;
+    /** Whether results are in flight — drives `data-loading`, `SkdxCommandLoading`, and a hidden `SkdxCommandEmpty`. */
+    loading: Readonly<Ref<boolean>>;
+}
+/** @internal Injection key the Command root provides so its Input, List, and Items share active-item and item-registration state. */
+export declare const COMMAND_CONTEXT: InjectionKey<CommandContext>;
+/** @internal Generates a unique id for a Command's list. */
+export declare function nextCommandListId(): string;
+/** @internal Generates a unique, stable-per-instance id for a CommandItem. */
+export declare function nextCommandItemId(): string;

package/dist/command/context.d.ts

@@ -0,0 +1,41 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled (non-disabled) listbox option elements for keyboard navigation. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/**
+ * How a Command decides which items a search keeps: a predicate over the
+ * item's `value`, or `'manual'` when the consumer mounts only the matching
+ * items itself. Mirrors `ComboboxFilter`.
+ */
+export type CommandFilter = 'manual' | ((itemValue: string, search: string) => boolean);
+/** The built-in matcher: case-insensitive substring on the item's `value`. */
+export declare function defaultCommandFilter(itemValue: string, search: string): boolean;
+/** @internal Per-item bookkeeping (`value`/`disabled`/`onSelect`) kept in Command's mutable ref map, keyed by item id. */
+export interface CommandItemMeta {
+    value: string;
+    disabled?: boolean;
+    onSelect?(value: string): void;
+}
+/** @internal Injection key a Command provides so its parts can read/drive shared state. */
+export interface CommandContext {
+    listRef: Ref<HTMLElement | null>;
+    listId: string;
+    activeId: Readonly<Ref<string | null>>;
+    setActiveId(id: string | null): void;
+    itemMetaRef: Ref<Map<string, CommandItemMeta>>;
+    registerItem(id: string): void;
+    unregisterItem(id: string): void;
+    itemCount: Readonly<Ref<number>>;
+    /** The root's current search text, written by `SkdxCommandInput` on every keystroke. */
+    search: Readonly<Ref<string>>;
+    setSearch(search: string): void;
+    /** Whether an item's `value` survives the current search under the root's `filter`. */
+    matches(itemValue: string): boolean;
+    /** Whether results are in flight — drives `data-loading`, `SkdxCommandLoading`, and a hidden `SkdxCommandEmpty`. */
+    loading: Readonly<Ref<boolean>>;
+}
+/** @internal Injection key the Command root provides so its Input, List, and Items share active-item and item-registration state. */
+export declare const COMMAND_CONTEXT: InjectionKey<CommandContext>;
+/** @internal Generates a unique id for a Command's list. */
+export declare function nextCommandListId(): string;
+/** @internal Generates a unique, stable-per-instance id for a CommandItem. */
+export declare function nextCommandItemId(): string;

package/dist/command/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var n='[role="option"]:not([data-disabled])';function o(t,n){return t.toLowerCase().includes(n.toLowerCase())}var a=/* @__PURE__ */Symbol("skdx-command-context");function e(){return t("command-list")}function m(){return t("command-item")}export{a as COMMAND_CONTEXT,n as OPTION_SELECTOR,o as defaultCommandFilter,m as nextCommandItemId,e as nextCommandListId};

package/dist/command/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.cjs"),r=require("./Command.vue.cjs"),m=require("./CommandEmpty.vue.cjs"),d=require("./CommandGroup.vue.cjs"),o=require("./CommandInput.vue.cjs"),t=require("./CommandItem.vue.cjs"),a=require("./CommandList.vue.cjs"),n=require("./CommandLoading.vue.cjs"),u=require("./CommandSeparator.vue.cjs");exports.SkdxCommand=r.default;exports.SkdxCommandEmpty=m.default;exports.SkdxCommandGroup=d.default;exports.SkdxCommandInput=o.default;exports.SkdxCommandItem=t.default;exports.SkdxCommandList=a.default;exports.SkdxCommandLoading=n.default;exports.SkdxCommandSeparator=u.default;exports.defaultCommandFilter=e.defaultCommandFilter;

package/dist/command/index.d.cts

@@ -0,0 +1,9 @@
+export { default as SkdxCommand } from './Command.vue.cjs';
+export { default as SkdxCommandEmpty } from './CommandEmpty.vue.cjs';
+export { default as SkdxCommandGroup } from './CommandGroup.vue.cjs';
+export { default as SkdxCommandInput } from './CommandInput.vue.cjs';
+export { default as SkdxCommandItem } from './CommandItem.vue.cjs';
+export { default as SkdxCommandList } from './CommandList.vue.cjs';
+export { default as SkdxCommandLoading } from './CommandLoading.vue.cjs';
+export { default as SkdxCommandSeparator } from './CommandSeparator.vue.cjs';
+export { defaultCommandFilter, type CommandFilter } from './context.cjs';

package/dist/command/index.d.ts

@@ -0,0 +1,9 @@
+export { default as SkdxCommand } from './Command.vue.js';
+export { default as SkdxCommandEmpty } from './CommandEmpty.vue.js';
+export { default as SkdxCommandGroup } from './CommandGroup.vue.js';
+export { default as SkdxCommandInput } from './CommandInput.vue.js';
+export { default as SkdxCommandItem } from './CommandItem.vue.js';
+export { default as SkdxCommandList } from './CommandList.vue.js';
+export { default as SkdxCommandLoading } from './CommandLoading.vue.js';
+export { default as SkdxCommandSeparator } from './CommandSeparator.vue.js';
+export { defaultCommandFilter, type CommandFilter } from './context.js';

package/dist/command/index.js

@@ -0,0 +1 @@
+import{defaultCommandFilter as m}from"./context.js";import o from"./Command.vue.js";import a from"./CommandEmpty.vue.js";import d from"./CommandGroup.vue.js";import r from"./CommandInput.vue.js";import t from"./CommandItem.vue.js";import n from"./CommandList.vue.js";import s from"./CommandLoading.vue.js";import e from"./CommandSeparator.vue.js";export{o as SkdxCommand,a as SkdxCommandEmpty,d as SkdxCommandGroup,r as SkdxCommandInput,t as SkdxCommandItem,n as SkdxCommandList,s as SkdxCommandLoading,e as SkdxCommandSeparator,m as defaultCommandFilter};

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

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

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

@@ -0,0 +1,51 @@
+/**
+ * Root of a right-click (or long-press) context menu: owns open state and
+ * the triggering pointer position, and hands both down to
+ * `SkdxContextMenuTrigger` / `SkdxContextMenuPortal` / `SkdxContextMenuContent`
+ * / item parts via context. Renders no DOM of its own.
+ *
+ * Unlike `SkdxDropdownMenu`, `SkdxContextMenuContent` positions itself at the
+ * pointer's coordinates rather than via the popper layer, so a menu opened
+ * via `default-open` (rather than by a `contextmenu` event on
+ * `SkdxContextMenuTrigger`) has no pointer to sit at and lands at the
+ * viewport's top-left corner.
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxContextMenuContent`'s
+ * enter or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ */
+type __VLS_Props = {
+    /** Whether the menu is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean;
+    /**
+     * Whether the menu is initially open, for uncontrolled usage. There is no
+     * pointer event to position it at, so it opens at the viewport's top-left
+     * corner.
+     */
+    defaultOpen?: 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, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: 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/ContextMenu.vue.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Root of a right-click (or long-press) context menu: owns open state and
+ * the triggering pointer position, and hands both down to
+ * `SkdxContextMenuTrigger` / `SkdxContextMenuPortal` / `SkdxContextMenuContent`
+ * / item parts via context. Renders no DOM of its own.
+ *
+ * Unlike `SkdxDropdownMenu`, `SkdxContextMenuContent` positions itself at the
+ * pointer's coordinates rather than via the popper layer, so a menu opened
+ * via `default-open` (rather than by a `contextmenu` event on
+ * `SkdxContextMenuTrigger`) has no pointer to sit at and lands at the
+ * viewport's top-left corner.
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxContextMenuContent`'s
+ * enter or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ */
+type __VLS_Props = {
+    /** Whether the menu is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean;
+    /**
+     * Whether the menu is initially open, for uncontrolled usage. There is no
+     * pointer event to position it at, so it opens at the viewport's top-left
+     * corner.
+     */
+    defaultOpen?: 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, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: 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/ContextMenu.vue.js

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

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

@@ -0,0 +1 @@
+const f=require("../utils/useOpenChangeComplete.cjs"),a=require("./context.cjs");let n=require("vue");var _=(0,n.defineComponent)({__name:"ContextMenu",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(c,{emit:s}){const t=c,o=s,d=(0,n.ref)(null),p=(0,n.ref)(null),u=(0,n.ref)(t.defaultOpen),r=(0,n.computed)(()=>t.open??u.value),l=(0,n.ref)({x:0,y:0});f.useOpenChangeComplete(r,p,e=>o("open-change-complete",e));function i(e){t.open===void 0&&(u.value=e),o("update:open",e),o("open-change",e)}return(0,n.provide)(a.CONTEXT_MENU_CONTEXT,{triggerRef:d,contentRef:p,contentId:a.nextContextMenuContentId(),open:r,setOpen:i,point:l,setPoint:e=>{l.value=e}}),(e,C)=>(0,n.renderSlot)(e.$slots,"default")}});exports.default=_;

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

@@ -0,0 +1 @@
+import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import{CONTEXT_MENU_CONTEXT as n,nextContextMenuContentId as t}from"./context.js";import{computed as o,defineComponent as p,provide as a,ref as u,renderSlot as l}from"vue";var s=/* @__PURE__ */p({__name:"ContextMenu",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(p,{emit:s}){const r=p,d=s,m=u(null),f=u(null),i=u(r.defaultOpen),c=o(()=>r.open??i.value),C=u({x:0,y:0});return e(c,f,e=>d("open-change-complete",e)),a(n,{triggerRef:m,contentRef:f,contentId:t(),open:c,setOpen:function(e){void 0===r.open&&(i.value=e),d("update:open",e),d("open-change",e)},point:C,setPoint:e=>{C.value=e}}),(e,n)=>l(e.$slots,"default")}});export{s as default};

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

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