@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,101 +1,57 @@
 import { type CommandFilter } from './context.js';
 import type { CommandGroup, CommandItem } from './types.js';
-/**
- * Root of a cmdk-style command palette: owns virtual focus
- * (`aria-activedescendant`-based, so real DOM focus always stays on
- * `SkdxCommandInput`) and item bookkeeping, and hands both down to
- * `SkdxCommandInput` / `SkdxCommandList` / `SkdxCommandEmpty` /
- * `SkdxCommandGroup` / `SkdxCommandItem` / `SkdxCommandLoading` /
- * `SkdxCommandSeparator` via context. Renders a plain `<div>`.
- *
- * Not popper-anchored — mount it inside a `SkdxDialog` for a classic ⌘K
- * palette, or render it standalone.
- *
- * Draws the derived anatomy from `groups`/`placeholder`/`empty-message` when
- * the default slot is empty — an input and a `role="listbox"` of grouped
- * items — and renders whatever the slot holds when it is not. The switch is
- * presence only; this component never inspects *which* parts it was given.
- * For full primitive composition, use `@skdx/vue/primitives/command`.
- *
- * `SkdxCommandInput` writes what the user types into the root's `search`, and
- * the root filters its own items with a case-insensitive substring match on
- * each item's `value`. Pass `filter` to replace the matcher, or
- * `filter="manual"` to go back to mounting only the matching items yourself
- * (matching `SkdxCombobox`). `value` names the highlighted item and is
- * controllable via `v-model:value`, and `loading` mounts `SkdxCommandLoading`
- * while keeping `SkdxCommandEmpty` hidden.
- */
+/** Root of a cmdk-style command palette: owns virtual focus and item state, rendering a derived layout or slotted content. */
 type __VLS_Props = {
     /** Value of the highlighted item, for controlled usage via `v-model:value`. */
-    value?: string;
+    value?: string | undefined;
     /** Value of the initially highlighted item, for uncontrolled usage. */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
     /** Current search text, for controlled usage via `v-model:search`. */
-    search?: string;
+    search?: string | undefined;
     /** Initial search text, for uncontrolled usage. */
     defaultSearch?: string;
+    /** Custom matcher run per item — return a boolean to filter or a number to filter and rank; `'manual'` disables filtering. */
+    filter?: CommandFilter | undefined;
     /**
-     * Replaces the built-in matcher (case-insensitive substring on the item's
-     * `value`) — return `true` to keep an item mounted for this search — or
-     * `'manual'` to filter nothing, when the consumer already mounts only the
-     * matching items. Returning a number instead of a boolean ranks as well as
-     * filters: `0` excludes, any positive score keeps, and surviving items
-     * reorder by score descending.
-     */
-    filter?: CommandFilter;
-    /**
-     * Wraps arrow navigation around the ends of the item list: Arrow Down from
-     * the last item highlights the first, Arrow Up from the first highlights
-     * the last. Deliberately the *opposite* default from `SkdxCombobox`'s and
-     * `SkdxAutocomplete`'s: those wrap because their list is a popup summoned
-     * by typing, while a palette's list is the whole surface and cmdk — the
-     * reference here — clamps.
-     * @default false — what this palette already did, so nothing changes for an existing consumer.
+     * Wraps arrow navigation from the last item back to the first, and vice versa.
+     * @default false
      */
     loop?: boolean;
     /**
-     * Stops pointer-enter from moving the highlight, leaving it wherever the
-     * keyboard put it. A mouse resting over the list otherwise steals the
-     * highlight from a keyboard user mid-search.
-     * @default false — hover keeps tracking the pointer.
+     * Stops pointer hover from moving the highlight, keeping keyboard navigation in control.
+     * @default false
      */
     disablePointerSelection?: boolean;
-    /**
-     * Marks results as in flight: `data-loading` on the root and
-     * `aria-busy`/`data-loading` on `SkdxCommandList`, mounts
-     * `SkdxCommandLoading`, and keeps `SkdxCommandEmpty` hidden so an in-flight
-     * search never flashes "No results".
-     */
+    /** Marks results as in flight: sets `data-loading`/`aria-busy` and mounts `SkdxCommandLoading` while hiding `SkdxCommandEmpty`. */
     loading?: boolean;
     /**
-     * The palette's commands, in labelled groups. `groups: [{ items }]` is the
-     * flat case — there is no separate `items` prop.
-     * @default [] — an empty palette.
+     * The palette's commands, in labelled groups.
+     * @default []
      */
     groups?: CommandGroup[];
     /**
      * Placeholder text on the derived `SkdxCommandInput`.
-     * @default undefined — no placeholder.
+     * @default undefined
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Text the derived `SkdxCommandEmpty` shows when a search matches nothing.
-     * @default undefined — no derived `SkdxCommandEmpty`.
+     * @default undefined
      */
-    emptyMessage?: string;
+    emptyMessage?: string | undefined;
     /**
      * Text the derived `SkdxCommandLoading` announces while `loading` is set.
-     * @default undefined — no derived `SkdxCommandLoading`, so the live region never announces an empty string.
+     * @default undefined
      */
-    loadingMessage?: string;
-};
-declare var __VLS_1: {}, __VLS_6: {
-    item: CommandItem;
+    loadingMessage?: string | undefined;
 };
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    item?: (props: typeof __VLS_6) => any;
+type __VLS_Slots = {
+    /** Manual composition of the input, list and items, replacing the derived `groups` anatomy. */
+    default?(): unknown;
+    /** Body of a derived item row, for markup its `label` string cannot express. */
+    item?(props: {
+        item: CommandItem;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (item: CommandItem) => any;
@@ -104,22 +60,19 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:search": (search: string) => any;
     "search-change": (search: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((item: CommandItem) => any) | undefined;
-    "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((value: string) => any) | undefined;
-    "onUpdate:search"?: ((search: string) => any) | undefined;
-    "onSearch-change"?: ((search: string) => any) | undefined;
+    onSelect?: (item: CommandItem) => any;
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+    "onUpdate:search"?: (search: string) => any;
+    "onSearch-change"?: (search: string) => any;
 }>, {
-    filter: CommandFilter;
-    search: string;
+    filter: CommandFilter | undefined;
+    search: string | undefined;
     loading: boolean;
-    placeholder: string;
-    value: string;
-    defaultValue: string;
+    defaultValue: string | undefined;
+    value: string | undefined;
     loop: boolean;
     groups: CommandGroup[];
-    emptyMessage: string;
-    loadingMessage: string;
     defaultSearch: string;
     disablePointerSelection: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/command/Command.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const I=require("../utils/scoredFilter.cjs"),d=require("./context.cjs"),k=require("./CommandAnatomy.vue.cjs");let t=require("vue");var P=["data-loading"],T=(0,t.defineComponent)({__name:"Command",props:{value:{default:void 0},defaultValue:{default:void 0},search:{default:void 0},defaultSearch:{default:""},filter:{type:[String,Function],default:void 0},loop:{type:Boolean,default:!1},disablePointerSelection:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},groups:{default:()=>[]},placeholder:{default:void 0},emptyMessage:{default:void 0},loadingMessage:{default:void 0}},emits:["update:value","value-change","update:search","search-change","select"],setup(s,{emit:q}){const l=s,c=q,f=(0,t.ref)(null),u=(0,t.ref)(null),n=(0,t.ref)(new Set),v=(0,t.ref)(new Map),g=(0,t.ref)(l.defaultValue??""),r=(0,t.computed)(()=>l.value===void 0?g.value:l.value),h=(0,t.ref)(l.defaultSearch),i=(0,t.computed)(()=>l.search===void 0?h.value:l.search);function b(e){r.value!==e&&(l.value===void 0&&(g.value=e),c("update:value",e),c("value-change",e))}function B(e){i.value!==e&&(l.search===void 0&&(h.value=e),c("update:search",e),c("search-change",e))}function M(e,a){return l.filter==="manual"||i.value===""?!0:I.filterKeeps((typeof l.filter=="function"?l.filter:d.defaultCommandFilter)(e,i.value,a))}function R(e){if(l.filter==="manual"||i.value==="")return null;const a=v.value.get(e);if(!a)return null;const o=(typeof l.filter=="function"?l.filter:d.defaultCommandFilter)(a.value,i.value,a.keywords);return typeof o=="number"?o:null}function m(){const e=f.value;return e?I.orderByScore(e,d.OPTION_SELECTOR,R):[]}(0,t.watch)([n,i,()=>l.filter],()=>m(),{flush:"post"});function p(e,a){if(!e.contains(a))return;const o=e.getBoundingClientRect(),y=a.getBoundingClientRect(),C=y.top-o.top,w=y.bottom-o.bottom;C<0?e.scrollTop+=C:w>0&&(e.scrollTop+=w)}function S(e){u.value=e,b(e?v.value.get(e)?.value??"":"")}function O(e){if(n.value.has(e))return;const a=new Set(n.value);a.add(e),n.value=a}function _(e){if(!n.value.has(e))return;const a=new Set(n.value);a.delete(e),n.value=a,u.value===e&&(u.value=null)}return(0,t.watch)([n,r],()=>{if(u.value&&n.value.has(u.value))return;const e=f.value,a=r.value?e?.querySelector(`[role="option"][data-value="${CSS.escape(r.value)}"]`):null;if(a){u.value=a.id,e&&p(e,a);return}const o=m()[0];S(o?.id??null),e&&o&&p(e,o)},{flush:"post"}),(0,t.watch)([r,u],()=>{if(!r.value||u.value&&v.value.get(u.value)?.value===r.value)return;const e=f.value,a=e?.querySelector(`[role="option"][data-value="${CSS.escape(r.value)}"]`);a&&(u.value=a.id,e&&p(e,a))},{flush:"post"}),(0,t.provide)(d.COMMAND_CONTEXT,{listRef:f,listId:d.nextCommandListId(),activeId:u,setActiveId:S,itemMetaRef:v,registerItem:O,unregisterItem:_,itemCount:(0,t.computed)(()=>n.value.size),search:i,setSearch:B,matches:M,orderedOptions:m,loop:(0,t.computed)(()=>l.loop),disablePointerSelection:(0,t.computed)(()=>l.disablePointerSelection),loading:(0,t.computed)(()=>l.loading)}),(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-command","data-part":"root","data-skdx-component":"command","data-loading":s.loading?"":void 0},[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(k.default,{groups:s.groups,placeholder:s.placeholder,"empty-message":s.emptyMessage,"loading-message":s.loadingMessage,"on-item-select":o=>c("select",o)},(0,t.createSlots)({_:2},[e.$slots.item?{name:"item",fn:(0,t.withCtx)(o=>[(0,t.renderSlot)(e.$slots,"item",(0,t.normalizeProps)((0,t.guardReactiveProps)(o)))]),key:"0"}:void 0]),1032,["groups","placeholder","empty-message","loading-message","on-item-select"])])],8,P))}});exports.default=T;
+const I=require("../utils/scoredFilter.cjs"),d=require("./context.cjs"),k=require("./CommandAnatomy.vue.cjs");let t=require("vue");var P=["data-loading"],T=(0,t.defineComponent)({__name:"Command",props:{value:{default:void 0},defaultValue:{default:void 0},search:{default:void 0},defaultSearch:{default:""},filter:{type:[String,Function],default:void 0},loop:{type:Boolean,default:!1},disablePointerSelection:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},groups:{default:()=>[]},placeholder:{},emptyMessage:{},loadingMessage:{}},emits:["update:value","value-change","update:search","search-change","select"],setup(i,{emit:q}){const l=i,c=q,f=(0,t.ref)(null),u=(0,t.ref)(null),n=(0,t.ref)(new Set),v=(0,t.ref)(new Map),g=(0,t.ref)(l.defaultValue??""),r=(0,t.computed)(()=>l.value===void 0?g.value:l.value),h=(0,t.ref)(l.defaultSearch),s=(0,t.computed)(()=>l.search===void 0?h.value:l.search);function _(e){r.value!==e&&(l.value===void 0&&(g.value=e),c("update:value",e),c("value-change",e))}function b(e){s.value!==e&&(l.search===void 0&&(h.value=e),c("update:search",e),c("search-change",e))}function B(e,a){return l.filter==="manual"||s.value===""?!0:I.filterKeeps((typeof l.filter=="function"?l.filter:d.defaultCommandFilter)(e,s.value,a))}function M(e){if(l.filter==="manual"||s.value==="")return null;const a=v.value.get(e);if(!a)return null;const o=(typeof l.filter=="function"?l.filter:d.defaultCommandFilter)(a.value,s.value,a.keywords);return typeof o=="number"?o:null}function m(){const e=f.value;return e?I.orderByScore(e,d.OPTION_SELECTOR,M):[]}(0,t.watch)([n,s,()=>l.filter],()=>m(),{flush:"post"});function p(e,a){if(!e.contains(a))return;const o=e.getBoundingClientRect(),y=a.getBoundingClientRect(),C=y.top-o.top,w=y.bottom-o.bottom;C<0?e.scrollTop+=C:w>0&&(e.scrollTop+=w)}function S(e){u.value=e,_(e?v.value.get(e)?.value??"":"")}function R(e){if(n.value.has(e))return;const a=new Set(n.value);a.add(e),n.value=a}function O(e){if(!n.value.has(e))return;const a=new Set(n.value);a.delete(e),n.value=a,u.value===e&&(u.value=null)}return(0,t.watch)([n,r],()=>{if(u.value&&n.value.has(u.value))return;const e=f.value,a=r.value?e?.querySelector(`[role="option"][data-value="${CSS.escape(r.value)}"]`):null;if(a){u.value=a.id,e&&p(e,a);return}const o=m()[0];S(o?.id??null),e&&o&&p(e,o)},{flush:"post"}),(0,t.watch)([r,u],()=>{if(!r.value||u.value&&v.value.get(u.value)?.value===r.value)return;const e=f.value,a=e?.querySelector(`[role="option"][data-value="${CSS.escape(r.value)}"]`);a&&(u.value=a.id,e&&p(e,a))},{flush:"post"}),(0,t.provide)(d.COMMAND_CONTEXT,{listRef:f,listId:d.nextCommandListId(),activeId:u,setActiveId:S,itemMetaRef:v,registerItem:R,unregisterItem:O,itemCount:(0,t.computed)(()=>n.value.size),search:s,setSearch:b,matches:B,orderedOptions:m,loop:(0,t.computed)(()=>l.loop),disablePointerSelection:(0,t.computed)(()=>l.disablePointerSelection),loading:(0,t.computed)(()=>l.loading)}),(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:"skdx-command","data-part":"root","data-skdx-component":"command","data-loading":i.loading?"":void 0},[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(k.default,{groups:l.groups,placeholder:i.placeholder,"empty-message":i.emptyMessage,"loading-message":i.loadingMessage,"on-item-select":o=>c("select",o)},(0,t.createSlots)({_:2},[e.$slots.item?{name:"item",fn:(0,t.withCtx)(o=>[(0,t.renderSlot)(e.$slots,"item",(0,t.normalizeProps)((0,t.guardReactiveProps)(o)))]),key:"0"}:void 0]),1032,["groups","placeholder","empty-message","loading-message","on-item-select"])])],8,P))}});exports.default=T;

package/dist/command/Command.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{filterKeeps as e,orderByScore as a}from"../utils/scoredFilter.js";import{COMMAND_CONTEXT as t,OPTION_SELECTOR as l,defaultCommandFilter as o,nextCommandListId as u}from"./context.js";import n from"./CommandAnatomy.vue.js";import{computed as s,createElementBlock as i,createSlots as r,createVNode as d,defineComponent as c,guardReactiveProps as v,normalizeProps as f,openBlock as p,provide as m,ref as g,renderSlot as h,watch as S,withCtx as y}from"vue";var C=["data-loading"],B=/* @__PURE__ */c({__name:"Command",props:{value:{default:void 0},defaultValue:{default:void 0},search:{default:void 0},defaultSearch:{default:""},filter:{type:[String,Function],default:void 0},loop:{type:Boolean,default:!1},disablePointerSelection:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},groups:{default:()=>[]},placeholder:{default:void 0},emptyMessage:{default:void 0},loadingMessage:{default:void 0}},emits:["update:value","value-change","update:search","search-change","select"],setup(c,{emit:B}){const M=c,w=B,I=g(null),b=g(null),k=g(/* @__PURE__ */new Set),x=g(/* @__PURE__ */new Map),O=g(M.defaultValue??""),P=s(()=>void 0===M.value?O.value:M.value),R=g(M.defaultSearch),T=s(()=>void 0===M.search?R.value:M.search);function $(e){if("manual"===M.filter||""===T.value)return null;const a=x.value.get(e);if(!a)return null;const t=("function"==typeof M.filter?M.filter:o)(a.value,T.value,a.keywords);return"number"==typeof t?t:null}function _(){const e=I.value;return e?a(e,l,$):[]}function E(e,a){if(!e.contains(a))return;const t=e.getBoundingClientRect(),l=a.getBoundingClientRect(),o=l.top-t.top,u=l.bottom-t.bottom;o<0?e.scrollTop+=o:u>0&&(e.scrollTop+=u)}function N(e){b.value=e,function(e){P.value!==e&&(void 0===M.value&&(O.value=e),w("update:value",e),w("value-change",e))}(e?x.value.get(e)?.value??"":"")}return S([k,T,()=>M.filter],()=>_(),{flush:"post"}),S([k,P],()=>{if(b.value&&k.value.has(b.value))return;const e=I.value,a=P.value?e?.querySelector(`[role="option"][data-value="${CSS.escape(P.value)}"]`):null;if(a)return b.value=a.id,void(e&&E(e,a));const t=_()[0];N(t?.id??null),e&&t&&E(e,t)},{flush:"post"}),S([P,b],()=>{if(!P.value||b.value&&x.value.get(b.value)?.value===P.value)return;const e=I.value,a=e?.querySelector(`[role="option"][data-value="${CSS.escape(P.value)}"]`);a&&(b.value=a.id,e&&E(e,a))},{flush:"post"}),m(t,{listRef:I,listId:u(),activeId:b,setActiveId:N,itemMetaRef:x,registerItem:function(e){if(k.value.has(e))return;const a=new Set(k.value);a.add(e),k.value=a},unregisterItem:function(e){if(!k.value.has(e))return;const a=new Set(k.value);a.delete(e),k.value=a,b.value===e&&(b.value=null)},itemCount:s(()=>k.value.size),search:T,setSearch:function(e){T.value!==e&&(void 0===M.search&&(R.value=e),w("update:search",e),w("search-change",e))},matches:function(a,t){return"manual"===M.filter||""===T.value||e(("function"==typeof M.filter?M.filter:o)(a,T.value,t))},orderedOptions:_,loop:s(()=>M.loop),disablePointerSelection:s(()=>M.disablePointerSelection),loading:s(()=>M.loading)}),(e,a)=>(p(),i("div",{class:"skdx-command","data-part":"root","data-skdx-component":"command","data-loading":c.loading?"":void 0},[h(e.$slots,"default",{},()=>[d(n,{groups:c.groups,placeholder:c.placeholder,"empty-message":c.emptyMessage,"loading-message":c.loadingMessage,"on-item-select":e=>w("select",e)},r({_:2},[e.$slots.item?{name:"item",fn:y(a=>[h(e.$slots,"item",f(v(a)))]),key:"0"}:void 0]),1032,["groups","placeholder","empty-message","loading-message","on-item-select"])])],8,C))}});export{B as default};
+import{filterKeeps as e,orderByScore as a}from"../utils/scoredFilter.js";import{COMMAND_CONTEXT as t,OPTION_SELECTOR as l,defaultCommandFilter as o,nextCommandListId as u}from"./context.js";import n from"./CommandAnatomy.vue.js";import{computed as s,createElementBlock as r,createSlots as i,createVNode as d,defineComponent as c,guardReactiveProps as v,normalizeProps as f,openBlock as p,provide as m,ref as g,renderSlot as h,watch as S,withCtx as y}from"vue";var C=["data-loading"],B=/* @__PURE__ */c({__name:"Command",props:{value:{default:void 0},defaultValue:{default:void 0},search:{default:void 0},defaultSearch:{default:""},filter:{type:[String,Function],default:void 0},loop:{type:Boolean,default:!1},disablePointerSelection:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},groups:{default:()=>[]},placeholder:{},emptyMessage:{},loadingMessage:{}},emits:["update:value","value-change","update:search","search-change","select"],setup(c,{emit:B}){const M=c,w=B,I=g(null),b=g(null),k=g(/* @__PURE__ */new Set),x=g(/* @__PURE__ */new Map),O=g(M.defaultValue??""),P=s(()=>void 0===M.value?O.value:M.value),R=g(M.defaultSearch),T=s(()=>void 0===M.search?R.value:M.search);function $(e){if("manual"===M.filter||""===T.value)return null;const a=x.value.get(e);if(!a)return null;const t=("function"==typeof M.filter?M.filter:o)(a.value,T.value,a.keywords);return"number"==typeof t?t:null}function _(){const e=I.value;return e?a(e,l,$):[]}function E(e,a){if(!e.contains(a))return;const t=e.getBoundingClientRect(),l=a.getBoundingClientRect(),o=l.top-t.top,u=l.bottom-t.bottom;o<0?e.scrollTop+=o:u>0&&(e.scrollTop+=u)}function N(e){b.value=e,function(e){P.value!==e&&(void 0===M.value&&(O.value=e),w("update:value",e),w("value-change",e))}(e?x.value.get(e)?.value??"":"")}return S([k,T,()=>M.filter],()=>_(),{flush:"post"}),S([k,P],()=>{if(b.value&&k.value.has(b.value))return;const e=I.value,a=P.value?e?.querySelector(`[role="option"][data-value="${CSS.escape(P.value)}"]`):null;if(a)return b.value=a.id,void(e&&E(e,a));const t=_()[0];N(t?.id??null),e&&t&&E(e,t)},{flush:"post"}),S([P,b],()=>{if(!P.value||b.value&&x.value.get(b.value)?.value===P.value)return;const e=I.value,a=e?.querySelector(`[role="option"][data-value="${CSS.escape(P.value)}"]`);a&&(b.value=a.id,e&&E(e,a))},{flush:"post"}),m(t,{listRef:I,listId:u(),activeId:b,setActiveId:N,itemMetaRef:x,registerItem:function(e){if(k.value.has(e))return;const a=new Set(k.value);a.add(e),k.value=a},unregisterItem:function(e){if(!k.value.has(e))return;const a=new Set(k.value);a.delete(e),k.value=a,b.value===e&&(b.value=null)},itemCount:s(()=>k.value.size),search:T,setSearch:function(e){T.value!==e&&(void 0===M.search&&(R.value=e),w("update:search",e),w("search-change",e))},matches:function(a,t){return"manual"===M.filter||""===T.value||e(("function"==typeof M.filter?M.filter:o)(a,T.value,t))},orderedOptions:_,loop:s(()=>M.loop),disablePointerSelection:s(()=>M.disablePointerSelection),loading:s(()=>M.loading)}),(e,a)=>(p(),r("div",{class:"skdx-command","data-part":"root","data-skdx-component":"command","data-loading":c.loading?"":void 0},[h(e.$slots,"default",{},()=>[d(n,{groups:M.groups,placeholder:c.placeholder,"empty-message":c.emptyMessage,"loading-message":c.loadingMessage,"on-item-select":e=>w("select",e)},i({_:2},[e.$slots.item?{name:"item",fn:y(a=>[h(e.$slots,"item",f(v(a)))]),key:"0"}:void 0]),1032,["groups","placeholder","empty-message","loading-message","on-item-select"])])],8,C))}});export{B as default};

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

@@ -1,26 +1,19 @@
 import type { CommandGroup, CommandItem } from './types.cjs';
 /**
- * Default anatomy for `SkdxCommand`: search input, `role="listbox"` built from
- * `groups` (wrapped in `SkdxCommandGroup` if a group has a label), plus empty
- * and loading states.
+ * Default anatomy for `SkdxCommand`: search input, listbox, empty and loading states.
  * @internal
  */
 type __VLS_Props = {
     groups: CommandGroup[];
-    placeholder?: string;
-    emptyMessage?: string;
-    loadingMessage?: string;
+    placeholder?: string | undefined;
+    emptyMessage?: string | undefined;
+    loadingMessage?: string | undefined;
     onItemSelect?: (item: CommandItem) => void;
 };
-declare var __VLS_19: {
-    item: CommandItem;
-}, __VLS_24: {
-    item: CommandItem;
-};
-type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_19) => any;
-} & {
-    item?: (props: typeof __VLS_24) => any;
+type __VLS_Slots = {
+    item?(props: {
+        item: CommandItem;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,26 +1,19 @@
 import type { CommandGroup, CommandItem } from './types.js';
 /**
- * Default anatomy for `SkdxCommand`: search input, `role="listbox"` built from
- * `groups` (wrapped in `SkdxCommandGroup` if a group has a label), plus empty
- * and loading states.
+ * Default anatomy for `SkdxCommand`: search input, listbox, empty and loading states.
  * @internal
  */
 type __VLS_Props = {
     groups: CommandGroup[];
-    placeholder?: string;
-    emptyMessage?: string;
-    loadingMessage?: string;
+    placeholder?: string | undefined;
+    emptyMessage?: string | undefined;
+    loadingMessage?: string | undefined;
     onItemSelect?: (item: CommandItem) => void;
 };
-declare var __VLS_19: {
-    item: CommandItem;
-}, __VLS_24: {
-    item: CommandItem;
-};
-type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_19) => any;
-} & {
-    item?: (props: typeof __VLS_24) => any;
+type __VLS_Slots = {
+    item?(props: {
+        item: CommandItem;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/command/CommandAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./CommandEmpty.vue.cjs"),s=require("./CommandGroup.vue.cjs"),i=require("./CommandInput.vue.cjs"),d=require("./CommandItem.vue.cjs"),k=require("./CommandList.vue.cjs"),m=require("./CommandLoading.vue.cjs");let e=require("vue");var y=(0,e.defineComponent)({__name:"CommandAnatomy",props:{groups:{},placeholder:{},emptyMessage:{},loadingMessage:{},onItemSelect:{type:Function}},setup(t){function o(a,n){a.onSelect?.(),n?.(a)}return(a,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(i.default,{placeholder:t.placeholder},null,8,["placeholder"]),t.loadingMessage?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.loadingMessage),1)]),_:1})):(0,e.createCommentVNode)("",!0),t.emptyMessage?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.emptyMessage),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(k.default,{"aria-label":t.placeholder},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.groups,(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:r.label??c},[r.label?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:0,heading:r.label},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,l=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:l.value??l.label,value:l.value??l.label,keywords:l.keywords,disabled:l.disabled,"on-select":()=>o(l,t.onItemSelect)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"item",{item:l},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label),1)])]),_:2},1032,["value","keywords","disabled","on-select"]))),128))]),_:2},1032,["heading"])):((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(r.items,l=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:l.value??l.label,value:l.value??l.label,keywords:l.keywords,disabled:l.disabled,"on-select":()=>o(l,t.onItemSelect)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"item",{item:l},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label),1)])]),_:2},1032,["value","keywords","disabled","on-select"]))),128))],64))),128))]),_:3},8,["aria-label"])],64))}});exports.default=y;
+const i=require("../utils/injectRequired.cjs"),m=require("./context.cjs"),k=require("./CommandEmpty.vue.cjs"),y=require("./CommandGroup.vue.cjs"),C=require("./CommandInput.vue.cjs"),d=require("./CommandItem.vue.cjs"),b=require("./CommandList.vue.cjs"),B=require("./CommandLoading.vue.cjs");let e=require("vue");var g=(0,e.defineComponent)({__name:"CommandAnatomy",props:{groups:{},placeholder:{},emptyMessage:{},loadingMessage:{},onItemSelect:{type:Function}},setup(l){function o(a,r){a.onSelect?.(),r?.(a)}const c=i.injectRequired(m.COMMAND_CONTEXT,"SkdxCommandAnatomy must be used within SkdxCommand.");function u(a){return a.label!=null&&!a.items.some(r=>c.matches(r.value??r.label,r.keywords))}return(a,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(C.default,{placeholder:l.placeholder},null,8,["placeholder"]),(0,e.createVNode)(b.default,{"aria-label":l.placeholder},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.groups,(n,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:n.label??s},[n.label&&!u(n)?((0,e.openBlock)(),(0,e.createBlock)(y.default,{key:0,heading:n.label},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.items,t=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:t.value??t.label,value:t.value??t.label,keywords:t.keywords,disabled:t.disabled,onSelect:()=>o(t,l.onItemSelect)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"item",{item:t},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:2},1032,["value","keywords","disabled","onSelect"]))),128))]),_:2},1032,["heading"])):((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(n.items,t=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:t.value??t.label,value:t.value??t.label,keywords:t.keywords,disabled:t.disabled,onSelect:()=>o(t,l.onItemSelect)},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"item",{item:t},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:2},1032,["value","keywords","disabled","onSelect"]))),128))],64))),128))]),_:3},8,["aria-label"]),l.loadingMessage?((0,e.openBlock)(),(0,e.createBlock)(B.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.loadingMessage),1)]),_:1})):(0,e.createCommentVNode)("",!0),l.emptyMessage?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.emptyMessage),1)]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=g;

package/dist/command/CommandAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./CommandEmpty.vue.js";import a from"./CommandGroup.vue.js";import l from"./CommandInput.vue.js";import o from"./CommandItem.vue.js";import t from"./CommandList.vue.js";import s from"./CommandLoading.vue.js";import{Fragment as d,createBlock as m,createCommentVNode as r,createElementBlock as n,createTextVNode as i,createVNode as u,defineComponent as p,openBlock as c,renderList as y,renderSlot as b,toDisplayString as f,withCtx as g}from"vue";var k=/* @__PURE__ */p({__name:"CommandAnatomy",props:{groups:{},placeholder:{},emptyMessage:{},loadingMessage:{},onItemSelect:{type:Function}},setup(p){function k(e,a){e.onSelect?.(),a?.(e)}return(v,C)=>(c(),n(d,null,[u(l,{placeholder:p.placeholder},null,8,["placeholder"]),p.loadingMessage?(c(),m(s,{key:0},{default:g(()=>[i(f(p.loadingMessage),1)]),_:1})):r("",!0),p.emptyMessage?(c(),m(e,{key:1},{default:g(()=>[i(f(p.emptyMessage),1)]),_:1})):r("",!0),u(t,{"aria-label":p.placeholder},{default:g(()=>[(c(!0),n(d,null,y(p.groups,(e,l)=>(c(),n(d,{key:e.label??l},[e.label?(c(),m(a,{key:0,heading:e.label},{default:g(()=>[(c(!0),n(d,null,y(e.items,e=>(c(),m(o,{key:e.value??e.label,value:e.value??e.label,keywords:e.keywords,disabled:e.disabled,"on-select":()=>k(e,p.onItemSelect)},{default:g(()=>[b(v.$slots,"item",{item:e},()=>[i(f(e.label),1)])]),_:2},1032,["value","keywords","disabled","on-select"]))),128))]),_:2},1032,["heading"])):(c(!0),n(d,{key:1},y(e.items,e=>(c(),m(o,{key:e.value??e.label,value:e.value??e.label,keywords:e.keywords,disabled:e.disabled,"on-select":()=>k(e,p.onItemSelect)},{default:g(()=>[b(v.$slots,"item",{item:e},()=>[i(f(e.label),1)])]),_:2},1032,["value","keywords","disabled","on-select"]))),128))],64))),128))]),_:3},8,["aria-label"])],64))}});export{k as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{COMMAND_CONTEXT as a}from"./context.js";import l from"./CommandEmpty.vue.js";import o from"./CommandGroup.vue.js";import t from"./CommandInput.vue.js";import s from"./CommandItem.vue.js";import m from"./CommandList.vue.js";import d from"./CommandLoading.vue.js";import{Fragment as n,createBlock as r,createCommentVNode as i,createElementBlock as u,createTextVNode as p,createVNode as c,defineComponent as y,openBlock as b,renderList as f,renderSlot as k,toDisplayString as v,withCtx as g}from"vue";var C=/* @__PURE__ */y({__name:"CommandAnatomy",props:{groups:{},placeholder:{},emptyMessage:{},loadingMessage:{},onItemSelect:{type:Function}},setup(y){function C(e,a){e.onSelect?.(),a?.(e)}const S=e(a,"SkdxCommandAnatomy must be used within SkdxCommand.");function h(e){return null!=e.label&&!e.items.some(e=>S.matches(e.value??e.label,e.keywords))}return(e,a)=>(b(),u(n,null,[c(t,{placeholder:y.placeholder},null,8,["placeholder"]),c(m,{"aria-label":y.placeholder},{default:g(()=>[(b(!0),u(n,null,f(y.groups,(a,l)=>(b(),u(n,{key:a.label??l},[a.label&&!h(a)?(b(),r(o,{key:0,heading:a.label},{default:g(()=>[(b(!0),u(n,null,f(a.items,a=>(b(),r(s,{key:a.value??a.label,value:a.value??a.label,keywords:a.keywords,disabled:a.disabled,onSelect:()=>C(a,y.onItemSelect)},{default:g(()=>[k(e.$slots,"item",{item:a},()=>[p(v(a.label),1)])]),_:2},1032,["value","keywords","disabled","onSelect"]))),128))]),_:2},1032,["heading"])):(b(!0),u(n,{key:1},f(a.items,a=>(b(),r(s,{key:a.value??a.label,value:a.value??a.label,keywords:a.keywords,disabled:a.disabled,onSelect:()=>C(a,y.onItemSelect)},{default:g(()=>[k(e.$slots,"item",{item:a},()=>[p(v(a.label),1)])]),_:2},1032,["value","keywords","disabled","onSelect"]))),128))],64))),128))]),_:3},8,["aria-label"]),y.loadingMessage?(b(),r(d,{key:0},{default:g(()=>[p(v(y.loadingMessage),1)]),_:1})):i("",!0),y.emptyMessage?(b(),r(l,{key:1},{default:g(()=>[p(v(y.emptyMessage),1)]),_:1})):i("",!0)],64))}});export{C as default};

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

@@ -1,9 +1,4 @@
-/**
- * Renders its children ("No results found", etc.) only when zero
- * `SkdxCommandItem`s are mounted in `SkdxCommandList` and the root is not
- * `loading`. Prevents "No results" flash during in-flight searches. Must be
- * used inside `SkdxCommand`.
- */
+/** Renders its children only when zero items are mounted and the root isn't loading, avoiding a "No results" flash. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,9 +1,4 @@
-/**
- * Renders its children ("No results found", etc.) only when zero
- * `SkdxCommandItem`s are mounted in `SkdxCommandList` and the root is not
- * `loading`. Prevents "No results" flash during in-flight searches. Must be
- * used inside `SkdxCommand`.
- */
+/** Renders its children only when zero items are mounted and the root isn't loading, avoiding a "No results" flash. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/command/CommandEmpty.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/command/CommandEmpty.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,22 +1,14 @@
-/**
- * Labelled cluster of command items. Renders `<div role="group">` named by
- * heading (prop or slot), rendered non-interactively. Heading has
- * `role="presentation"` and generates `id` for `aria-labelledby`. Only emits
- * `aria-labelledby` when heading is given.
- */
+/** Labelled cluster of command items, rendered as a non-interactive `<div role="group">` named by its heading. */
 type __VLS_Props = {
     /**
-     * Non-interactive heading rendered above the group's items, and the group's
-     * accessible name.
-     * @default undefined — no heading rendered, and the group stays unnamed.
+     * Non-interactive heading rendered above the group's items and used as its accessible name.
+     * @default undefined
      */
     heading?: string;
 };
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    heading?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
+    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>;

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

@@ -1,22 +1,14 @@
-/**
- * Labelled cluster of command items. Renders `<div role="group">` named by
- * heading (prop or slot), rendered non-interactively. Heading has
- * `role="presentation"` and generates `id` for `aria-labelledby`. Only emits
- * `aria-labelledby` when heading is given.
- */
+/** Labelled cluster of command items, rendered as a non-interactive `<div role="group">` named by its heading. */
 type __VLS_Props = {
     /**
-     * Non-interactive heading rendered above the group's items, and the group's
-     * accessible name.
-     * @default undefined — no heading rendered, and the group stays unnamed.
+     * Non-interactive heading rendered above the group's items and used as its accessible name.
+     * @default undefined
      */
     heading?: string;
 };
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    heading?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
+    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>;

package/dist/command/CommandGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var u=["aria-labelledby"],i=["id"],s=(0,e.defineComponent)({__name:"CommandGroup",props:{heading:{}},setup(o){const n=o,d=(0,e.useSlots)(),t=l.nextCommandGroupHeadingId(),a=(0,e.computed)(()=>n.heading!==void 0||!!d.heading);return(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-command__group","data-part":"group",role:"group","aria-labelledby":a.value?(0,e.unref)(t):void 0},[a.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,role:"presentation",id:(0,e.unref)(t)},[(0,e.renderSlot)(r.$slots,"heading",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.heading),1)])],8,i)):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(r.$slots,"default")],8,u))}});exports.default=s;
+const d=require("./context.cjs");let e=require("vue");var l=["aria-labelledby"],u=["id"],i=(0,e.defineComponent)({__name:"CommandGroup",props:{heading:{}},setup(a){const t=a,o=d.nextCommandGroupHeadingId(),r=(0,e.computed)(()=>t.heading!==void 0);return(n,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-command__group","data-part":"group",role:"group","aria-labelledby":r.value?(0,e.unref)(o):void 0},[r.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,id:(0,e.unref)(o),class:"skdx-command__group-label","data-part":"group-label",role:"presentation"},(0,e.toDisplayString)(a.heading),9,u)):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(n.$slots,"default")],8,l))}});exports.default=i;

package/dist/command/CommandGroup.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextCommandGroupHeadingId as e}from"./context.js";import{computed as a,createCommentVNode as o,createElementBlock as t,createTextVNode as d,defineComponent as r,openBlock as s,renderSlot as n,toDisplayString as l,unref as i,useSlots as p}from"vue";var m=["aria-labelledby"],u=["id"],c=/* @__PURE__ */r({__name:"CommandGroup",props:{heading:{}},setup(r){const c=r,g=p(),v=e(),f=a(()=>void 0!==c.heading||!!g.heading);return(e,a)=>(s(),t("div",{class:"skdx-command__group","data-part":"group",role:"group","aria-labelledby":f.value?i(v):void 0},[f.value?(s(),t("div",{key:0,role:"presentation",id:i(v)},[n(e.$slots,"heading",{},()=>[d(l(r.heading),1)])],8,u)):o("",!0),n(e.$slots,"default")],8,m))}});export{c as default};
+import{nextCommandGroupHeadingId as a}from"./context.js";import{computed as e,createCommentVNode as o,createElementBlock as r,defineComponent as d,openBlock as t,renderSlot as l,toDisplayString as n,unref as s}from"vue";var p=["aria-labelledby"],i=["id"],m=/* @__PURE__ */d({__name:"CommandGroup",props:{heading:{}},setup(d){const m=d,u=a(),c=e(()=>void 0!==m.heading);return(a,e)=>(t(),r("div",{class:"skdx-command__group","data-part":"group",role:"group","aria-labelledby":c.value?s(u):void 0},[c.value?(t(),r("div",{key:0,id:s(u),class:"skdx-command__group-label","data-part":"group-label",role:"presentation"},n(d.heading),9,i)):o("",!0),l(a.$slots,"default")],8,p))}});export{m as default};

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

@@ -1,8 +1,9 @@
-/**
- * Search/filter field wired via aria-controls and aria-activedescendant.
- * Handles Arrow Up/Down for virtual highlight, Enter to invoke. Real focus
- * stays here. Keystroke writes to root's search; consumer's @input runs alongside.
- */
+/** Search/filter field wired via `aria-controls`/`aria-activedescendant`, handling arrow-key highlight and Enter to select. */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native search input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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

@@ -1,8 +1,9 @@
-/**
- * Search/filter field wired via aria-controls and aria-activedescendant.
- * Handles Arrow Up/Down for virtual highlight, Enter to invoke. Real focus
- * stays here. Keystroke writes to root's search; consumer's @input runs alongside.
- */
+/** Search/filter field wired via `aria-controls`/`aria-activedescendant`, handling arrow-key highlight and Enter to select. */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native search input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const p=require("./context.cjs");let o=require("vue");var m=["aria-controls","aria-activedescendant"],_=(0,o.defineComponent)({__name:"CommandInput",setup(v){const r=(0,o.inject)(p.COMMAND_CONTEXT);if(!r)throw new Error("SkdxCommandInput must be used within SkdxCommand.");const n=r;function i(){return n.orderedOptions()}function u(e){const t=i();if(t.length===0)return;const a=t.findIndex(f=>f.id===n.activeId.value),c=a===-1?e===1?-1:0:a,l=t[n.loop.value?(c+e+t.length)%t.length:Math.min(t.length-1,Math.max(0,c+e))];n.setActiveId(l.id),l.scrollIntoView?.({block:"nearest"})}function s(e){n.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==="Home"||e.key==="End"){const t=i();if(t.length===0)return;e.preventDefault();const a=e.key==="Home"?t[0]:t[t.length-1];n.setActiveId(a.id),a.scrollIntoView?.({block:"nearest"})}else if(e.key==="Enter"){if(!n.activeId.value)return;const t=n.itemMetaRef.value.get(n.activeId.value);t&&!t.disabled&&(e.preventDefault(),t.onSelect?.(t.value))}}return(e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)("input",{class:"skdx-command__input","data-part":"input",type:"text","aria-controls":(0,o.unref)(n).listId,"aria-activedescendant":(0,o.unref)(n).activeId.value??void 0,autocomplete:"off",onInput:s,onKeydown:d},null,40,m))}});exports.default=_;
+const m=require("../utils/injectRequired.cjs"),v=require("./context.cjs");let r=require("vue");var _=["aria-controls","aria-activedescendant","value"],I=(0,r.defineComponent)({__name:"CommandInput",setup(k,{expose:s}){const n=m.injectRequired(v.COMMAND_CONTEXT,"SkdxCommandInput must be used within SkdxCommand."),o=(0,r.ref)(null);function i(){return n.orderedOptions()}function l(e){const t=i();if(t.length===0)return;const a=t.findIndex(p=>p.id===n.activeId.value);let u=a;a===-1&&(u=e===1?-1:0);const c=t[n.loop.value?(u+e+t.length)%t.length:Math.min(t.length-1,Math.max(0,u+e))];n.setActiveId(c.id),c.scrollIntoView?.({block:"nearest"})}function d(e){n.setSearch(e.target.value)}function f(e){if(e.key==="ArrowDown")e.preventDefault(),l(1);else if(e.key==="ArrowUp")e.preventDefault(),l(-1);else if(e.key==="Home"||e.key==="End"){const t=i();if(t.length===0)return;e.preventDefault();const a=e.key==="Home"?t[0]:t[t.length-1];n.setActiveId(a.id),a.scrollIntoView?.({block:"nearest"})}else if(e.key==="Enter"){if(!n.activeId.value)return;const t=n.itemMetaRef.value.get(n.activeId.value);t&&!t.disabled&&(e.preventDefault(),t.onSelect?.(t.value))}}return s({focus:e=>o.value?.focus(e),el:o}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)("input",{ref_key:"elRef",ref:o,class:"skdx-command__input","data-part":"input",type:"text","aria-controls":(0,r.unref)(n).listId,"aria-activedescendant":(0,r.unref)(n).activeId.value??void 0,autocomplete:"off",value:(0,r.unref)(n).search.value,onInput:d,onKeydown:f},null,40,_))}});exports.default=I;

package/dist/command/CommandInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{COMMAND_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as n,inject as a,openBlock as o,unref as r}from"vue";var i=["aria-controls","aria-activedescendant"],l=/* @__PURE__ */n({__name:"CommandInput",setup(n){const l=a(e);if(!l)throw new Error("SkdxCommandInput must be used within SkdxCommand.");const s=l;function c(){return s.orderedOptions()}function u(e){const t=c();if(0===t.length)return;const n=t.findIndex(e=>e.id===s.activeId.value),a=-1===n?1===e?-1:0:n,o=t[s.loop.value?(a+e+t.length)%t.length:Math.min(t.length-1,Math.max(0,a+e))];s.setActiveId(o.id),o.scrollIntoView?.({block:"nearest"})}function d(e){s.setSearch(e.target.value)}function f(e){if("ArrowDown"===e.key)e.preventDefault(),u(1);else if("ArrowUp"===e.key)e.preventDefault(),u(-1);else if("Home"===e.key||"End"===e.key){const t=c();if(0===t.length)return;e.preventDefault();const n="Home"===e.key?t[0]:t[t.length-1];s.setActiveId(n.id),n.scrollIntoView?.({block:"nearest"})}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,n)=>(o(),t("input",{class:"skdx-command__input","data-part":"input",type:"text","aria-controls":r(s).listId,"aria-activedescendant":r(s).activeId.value??void 0,autocomplete:"off",onInput:d,onKeydown:f},null,40,i))}});export{l as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{COMMAND_CONTEXT as t}from"./context.js";import{createElementBlock as n,defineComponent as a,openBlock as o,ref as l,unref as r}from"vue";var i=["aria-controls","aria-activedescendant","value"],s=/* @__PURE__ */a({__name:"CommandInput",setup(a,{expose:s}){const u=e(t,"SkdxCommandInput must be used within SkdxCommand."),c=l(null);function d(){return u.orderedOptions()}function f(e){const t=d();if(0===t.length)return;const n=t.findIndex(e=>e.id===u.activeId.value);let a=n;-1===n&&(a=1===e?-1:0);const o=t[u.loop.value?(a+e+t.length)%t.length:Math.min(t.length-1,Math.max(0,a+e))];u.setActiveId(o.id),o.scrollIntoView?.({block:"nearest"})}function v(e){u.setSearch(e.target.value)}function m(e){if("ArrowDown"===e.key)e.preventDefault(),f(1);else if("ArrowUp"===e.key)e.preventDefault(),f(-1);else if("Home"===e.key||"End"===e.key){const t=d();if(0===t.length)return;e.preventDefault();const n="Home"===e.key?t[0]:t[t.length-1];u.setActiveId(n.id),n.scrollIntoView?.({block:"nearest"})}else if("Enter"===e.key){if(!u.activeId.value)return;const t=u.itemMetaRef.value.get(u.activeId.value);t&&!t.disabled&&(e.preventDefault(),t.onSelect?.(t.value))}}return s({focus:e=>c.value?.focus(e),el:c}),(e,t)=>(o(),n("input",{ref_key:"elRef",ref:c,class:"skdx-command__input","data-part":"input",type:"text","aria-controls":r(u).listId,"aria-activedescendant":r(u).activeId.value??void 0,autocomplete:"off",value:r(u).search.value,onInput:v,onKeydown:m},null,40,i))}});export{s as default};

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

@@ -1,29 +1,17 @@
-/**
- * A selectable result: `role="option"` with `aria-selected` reflecting highlight
- * state and `data-highlighted` / `data-disabled` attributes. Registers with
- * parent `SkdxCommand` on mount; filtered items render nothing and unregister.
- * Pointer-enter moves highlight; click or Enter fires `onSelect`. Set `disabled`
- * to exclude from navigation and selection.
- */
+/** A selectable result rendered as `role="option"`, reflecting highlight via `aria-selected`/`data-highlighted`. */
 type __VLS_Props = {
-    /** Identifier passed to `onSelect` and used to match this item as the active/highlighted one. */
+    /** Identifier carried by `select` 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;
+    disabled?: boolean | undefined;
     /**
-     * Called with `value` when the item is activated (click, Enter, or pointer + Enter).
-     * @default undefined — no-op if omitted.
+     * Extra strings the root's filter matches against, like aliases for searchability.
+     * @default undefined
      */
-    onSelect?: (value: string) => void;
-    /**
-     * Extra strings the root's filter matches against, like aliases for
-     * searchability. Passed to custom `filter` as its third argument.
-     * @default undefined — the item matches on its `value` alone.
-     */
-    keywords?: string[];
+    keywords?: string[] | undefined;
     /**
      * Keeps the item mounted during search, for always-reachable actions like "Create new…".
      * @default false
@@ -34,7 +22,11 @@ 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (value: string) => any;
+}>, {}, {}, {}, {}, 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 & {

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

@@ -1,29 +1,17 @@
-/**
- * A selectable result: `role="option"` with `aria-selected` reflecting highlight
- * state and `data-highlighted` / `data-disabled` attributes. Registers with
- * parent `SkdxCommand` on mount; filtered items render nothing and unregister.
- * Pointer-enter moves highlight; click or Enter fires `onSelect`. Set `disabled`
- * to exclude from navigation and selection.
- */
+/** A selectable result rendered as `role="option"`, reflecting highlight via `aria-selected`/`data-highlighted`. */
 type __VLS_Props = {
-    /** Identifier passed to `onSelect` and used to match this item as the active/highlighted one. */
+    /** Identifier carried by `select` 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;
+    disabled?: boolean | undefined;
     /**
-     * Called with `value` when the item is activated (click, Enter, or pointer + Enter).
-     * @default undefined — no-op if omitted.
+     * Extra strings the root's filter matches against, like aliases for searchability.
+     * @default undefined
      */
-    onSelect?: (value: string) => void;
-    /**
-     * Extra strings the root's filter matches against, like aliases for
-     * searchability. Passed to custom `filter` as its third argument.
-     * @default undefined — the item matches on its `value` alone.
-     */
-    keywords?: string[];
+    keywords?: string[] | undefined;
     /**
      * Keeps the item mounted during search, for always-reachable actions like "Create new…".
      * @default false
@@ -34,7 +22,11 @@ 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (value: string) => any;
+}>, {}, {}, {}, {}, 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 & {

package/dist/command/CommandItem.vue_vue_type_script_setup_true_lang.cjs

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