@skdx/vue 0.26.0 → 0.28.0

package/dist/combobox/Combobox.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useFormReset as e}from"../utils/useFormReset.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{nextSelection as l,toValues as a}from"../utils/useSelection.js";import{announce as u}from"../utils/liveAnnouncer.js";import n from"../utils/PopperRoot.vue.js";import{COMBOBOX_CONTEXT as o,OPTION_SELECTOR as i,defaultGetResultCountLabel as r,nextComboboxContentId as d}from"./context.js";import{Fragment as s,computed as p,createCommentVNode as v,createElementBlock as m,createVNode as c,defineComponent as f,onBeforeUnmount as g,openBlock as h,provide as y,ref as V,renderList as C,renderSlot as O,watch as x,withCtx as B}from"vue";var I=["name","^value","required"],A=/* @__PURE__ */f({inheritAttrs:!1,__name:"Combobox",props:{value:{default:void 0},defaultValue:{default:void 0},multiple:{type:Boolean,default:!1},allowCustomValue:{type:Boolean,default:!1},filter:{type:[String,Function],default:"manual"},autoHighlight:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},getResultCountLabel:{type:Function,default:r},name:{default:void 0},required:{type:Boolean,default:!1}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete"],setup(r,{expose:f,emit:A}){const F=r,b=A,q=V(null),w=V(null),R=V(null),S=V(/* @__PURE__ */new Map),k=V(null),_=V(F.defaultValue),j=p(()=>void 0!==F.value?F.value:_.value),E=p(()=>a(j.value)),L=V(F.defaultInputValue),M=p(()=>void 0!==F.inputValue?F.inputValue:L.value),N=V(F.defaultOpen),T=p(()=>F.open??N.value);function H(e){void 0===F.value&&(_.value=e),b("update:value",e),b("value-change",e)}function P(e){void 0===F.inputValue&&(L.value=e),b("update:inputValue",e),b("input-value-change",e)}function X(e){void 0===F.open&&(N.value=e),b("update:open",e),b("open-change",e)}let z;t(T,w,e=>b("open-change-complete",e)),x(T,e=>{void 0!==z&&cancelAnimationFrame(z),e?z=requestAnimationFrame(()=>{const e=k.value;if(k.value=null,!e)return;const t=w.value?.querySelectorAll(i);if(!t||0===t.length)return;const l="last"===e?t[t.length-1]:t[0];null===R.value&&(R.value=l.id)}):R.value=null});const G=p(()=>S.value.size);let U;x([S,R],([,e])=>{if(null===e)return;const t=Array.from(w.value?.querySelectorAll('[role="option"]:not([data-disabled])')??[]);t.some(t=>t.id===e)||(R.value=t[0]?.id??null)},{flush:"post"}),x([()=>F.autoHighlight,T,R,G],([e,t,l])=>{!e||!t||null!==l||typeof document>"u"||(void 0!==U&&cancelAnimationFrame(U),U=requestAnimationFrame(()=>{const e=w.value?.querySelector(i);e&&(R.value=e.id)}))},{immediate:!0}),g(()=>{void 0!==z&&cancelAnimationFrame(z),void 0!==U&&cancelAnimationFrame(U)}),x([T,G,()=>F.loading],([e,t,l])=>{e&&!l&&u(F.getResultCountLabel(t))},{immediate:!0}),y(o,{inputRef:q,contentRef:w,contentId:d(),get multiple(){return F.multiple},selectedValues:E,isSelected:e=>E.value.includes(e),selectItem:function(e,t){if(!F.multiple)return H(e),P(t),void X(!1);H(l(E.value,e,F.multiple)),P("")},inputValue:M,onInputValueChange:P,open:T,setOpen:X,activeId:R,setActiveId:e=>{R.value=e},openWithHighlight:function(e){k.value=e,X(!0)},itemCount:G,registerItem:function(e,t){const l=S.value.get(e);if(l?.value===t.value&&l.text===t.text)return;const a=new Map(S.value);a.set(e,t),S.value=a},unregisterItem:function(e){if(!S.value.has(e))return;const t=new Map(S.value);t.delete(e),S.value=t},getItem:e=>S.value.get(e),matchesFilter:e=>"manual"===F.filter||F.filter(e,M.value),get invalid(){return F.invalid},get readOnly(){return F.readOnly},loading:p(()=>F.loading),get allowCustomValue(){return F.allowCustomValue}});const W=V([]),$=F.value??F.defaultValue??(F.multiple?[]:""),D=F.inputValue??F.defaultInputValue;return e(()=>W.value[0],()=>{H($),P(D)}),f({checkValidity:()=>W.value[0]?.checkValidity()??!0,reportValidity:()=>W.value[0]?.reportValidity()??!0}),(e,t)=>(h(),m(s,null,[c(n,null,{default:B(()=>[O(e.$slots,"default")]),_:3}),r.name?(h(!0),m(s,{key:0},C(E.value.length>0?E.value:[""],(e,t)=>(h(),m("input",{key:e||t,ref_for:!0,ref_key:"hiddenEls",ref:W,type:"text","aria-hidden":"true",tabindex:"-1",name:r.name,"^value":e,required:r.required,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,I))),128)):v("",!0)],64))}});export{A as default};
+import{useFormReset as e}from"../utils/useFormReset.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{nextSelection as l,sameSelection as a,selectedValueOf as u,toSelectionValues as n}from"../utils/useSelection.js";import{mirroredFormValues as o}from"../utils/mirroredValues.js";import i from"../utils/PopperRoot.vue.js";import{announce as r}from"../utils/liveAnnouncer.js";import{filterKeeps as s,orderByScore as d}from"../utils/scoredFilter.js";import{COMBOBOX_CONTEXT as p,OPTION_SELECTOR as m,defaultGetResultCountLabel as v,nextComboboxContentId as f,scrollIntoListbox as c}from"./context.js";import g from"./ComboboxAnatomy.vue.js";import{Fragment as h,computed as V,createCommentVNode as y,createElementBlock as b,createSlots as C,createVNode as x,defineComponent as O,guardReactiveProps as B,mergeProps as F,normalizeProps as I,onBeforeUnmount as R,openBlock as w,provide as A,ref as S,renderList as j,renderSlot as k,unref as q,watch as L,withCtx as _}from"vue";var E=["name","^value","required","form"],P=/* @__PURE__ */O({inheritAttrs:!1,__name:"Combobox",props:{value:{default:void 0},defaultValue:{default:void 0},multiple:{type:Boolean,default:!1},allowCustomValue:{type:Boolean,default:!1},filter:{type:[String,Function],default:"manual"},options:{default:void 0},autoHighlight:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},openOn:{default:"type"},loading:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},getResultCountLabel:{type:Function,default:v},name:{default:void 0},form:{default:void 0},required:{type:Boolean,default:!1},ariaLabel:{default:void 0}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete","highlight-change"],setup(v,{expose:O,emit:P}){const T=v,M=P,N=S(null),$=S(null),H=S(null),z=S(null),X=S(/* @__PURE__ */new Map),D=S(null);let G="auto",K=null;const U=S(n(T.defaultValue,{multiple:T.multiple,label:"Combobox defaultValue"})),W=V(()=>void 0!==T.value?n(T.value,{multiple:T.multiple,label:"Combobox value"}):U.value),J=S(T.defaultInputValue),Q=V(()=>void 0!==T.inputValue?T.inputValue:J.value),Y=S(T.defaultOpen),Z=V(()=>T.open??Y.value);function ee(e,t){const l=W.value;a(e,l)||(void 0===T.value&&(U.value=e),M("update:value",e),M("value-change",{value:e,previousValue:0===l.length?null:l,reason:t,selectedValue:u(e)}))}function te(e){void 0===T.inputValue&&(J.value=e),M("update:inputValue",e),M("input-value-change",e)}function le(e){void 0===T.open&&(Y.value=e),M("update:open",e),M("open-change",e)}t(Z,H,e=>M("open-change-complete",e));let ae,ue=null;L(Z,e=>{void 0!==ae&&cancelAnimationFrame(ae),e?ae=requestAnimationFrame(()=>{const e=D.value;if(D.value=null,!e)return;const t=H.value;if(!t)return;const l=ie();if(0===l.length)return;const a="last"===e?l[l.length-1]:l[0];null===z.value&&(z.value=a.id),c(t,a)}):z.value=null});const ne=V(()=>X.value.size);function oe(e){if("manual"===T.filter)return null;const t=X.value.get(e);if(!t)return null;const l=T.filter(t.text,Q.value);return"number"==typeof l?l:null}function ie(){const e=H.value;return e?d(e,m,oe):[]}let re;L([X,Q,()=>T.filter],()=>ie(),{flush:"post"}),L(V(()=>z.value?X.value.get(z.value)?.value??null:null),e=>{if(e===K)return;const t=K;K=e,M("highlight-change",{value:e,previousValue:t,reason:G})}),L([X,z],([,e])=>{if(null===e)return;const t=ie();t.some(t=>t.id===e)||(z.value=t[0]?.id??null)},{flush:"post"}),L([()=>T.autoHighlight,Z,z,ne],([e,t,l])=>{!e||!t||null!==l||typeof document>"u"||(void 0!==re&&cancelAnimationFrame(re),re=requestAnimationFrame(()=>{const e=ie()[0];e&&(z.value=e.id)}))},{immediate:!0}),R(()=>{void 0!==ae&&cancelAnimationFrame(ae),void 0!==re&&cancelAnimationFrame(re)}),L([Z,ne,()=>T.loading],([e,t,l])=>{e&&!l&&r(T.getResultCountLabel(t))},{immediate:!0}),A(p,{inputRef:N,triggerRef:$,contentRef:H,contentId:f(),get multiple(){return T.multiple},selectedValues:W,isSelected:e=>W.value.includes(e),selectItem:function(e,t,a){if(!T.multiple)return ue=t,ee(l(W.value,e,!1),a),te(t),void le(!1);ee(l(W.value,e,T.multiple),a),te("")},clear:function(e){W.value.length>0&&ee([],e),ue=null,te("")},inputValue:Q,onInputValueChange:te,open:Z,setOpen:le,activeId:z,setActiveId:(e,t="auto")=>{G=t,z.value=e},openWithHighlight:function(e){D.value=e,le(!0)},get loop(){return T.loop},get openOn(){return T.openOn},reconcileDraftText:function(){if(T.allowCustomValue)return;const e=T.multiple?void 0:W.value[0];if(void 0!==e){for(const t of X.value.values())if(t.value===e)return void te(t.text||t.value);te(ue??e)}else te("")},itemCount:ne,registerItem:function(e,t){const l=X.value.get(e);if(l?.value===t.value&&l.text===t.text)return;const a=new Map(X.value);a.set(e,t),X.value=a},unregisterItem:function(e){if(!X.value.has(e))return;const t=new Map(X.value);t.delete(e),X.value=t},getItem:e=>X.value.get(e),matchesFilter:e=>"manual"===T.filter||s(T.filter(e,Q.value)),orderedOptions:ie,get invalid(){return T.invalid},get readOnly(){return T.readOnly},get disabled(){return T.disabled},loading:V(()=>T.loading),get allowCustomValue(){return T.allowCustomValue}});const se=S([]),de=n(T.value??T.defaultValue,{multiple:T.multiple,label:"Combobox value"}),pe=T.inputValue??T.defaultInputValue;return e(()=>se.value[0],()=>{ee(de,"programmatic"),te(pe)}),O({checkValidity:()=>se.value[0]?.checkValidity()??!0,reportValidity:()=>se.value[0]?.reportValidity()??!0}),(e,t)=>(w(),b(h,null,[x(i,null,{default:_(()=>[k(e.$slots,"default",{},()=>[x(g,F(e.$attrs,{options:v.options??[],"aria-label":v.ariaLabel}),C({_:2},[e.$slots.option?{name:"option",fn:_(t=>[k(e.$slots,"option",I(B(t)))]),key:"0"}:void 0]),1040,["options","aria-label"])])]),_:3}),v.name?(w(!0),b(h,{key:0},j(q(o)(W.value,{required:v.required,singleValued:!v.multiple}),(e,t)=>(w(),b("input",{key:e||t,ref_for:!0,ref_key:"hiddenEls",ref:se,type:"text","aria-hidden":"true",tabindex:"-1",name:v.name,"^value":e,required:v.required,form:v.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,E))),128)):y("",!0)],64))}});export{P as default};

package/dist/combobox/ComboboxAnatomy.vue.cjs

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

package/dist/combobox/ComboboxAnatomy.vue.d.cts

@@ -0,0 +1,30 @@
+import { type ComboboxOption, type ComboboxOptionGroup } from './context.cjs';
+/**
+ * Anatomy of `SkdxCombobox`: input, toggle trigger, clear button, listbox built from `options`.
+ * Filters by case-insensitive substring match against `label`.
+ * @internal
+ */
+type __VLS_Props = {
+    options: ComboboxOption[] | ComboboxOptionGroup[];
+    /** Names input and content, neither of which derive a name from content. */
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+declare var __VLS_25: {
+    option: ComboboxOption;
+}, __VLS_30: {
+    option: ComboboxOption;
+};
+type __VLS_Slots = {} & {
+    option?: (props: typeof __VLS_25) => any;
+} & {
+    option?: (props: typeof __VLS_30) => 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/combobox/ComboboxAnatomy.vue.d.ts

@@ -0,0 +1,30 @@
+import { type ComboboxOption, type ComboboxOptionGroup } from './context.js';
+/**
+ * Anatomy of `SkdxCombobox`: input, toggle trigger, clear button, listbox built from `options`.
+ * Filters by case-insensitive substring match against `label`.
+ * @internal
+ */
+type __VLS_Props = {
+    options: ComboboxOption[] | ComboboxOptionGroup[];
+    /** Names input and content, neither of which derive a name from content. */
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+declare var __VLS_25: {
+    option: ComboboxOption;
+}, __VLS_30: {
+    option: ComboboxOption;
+};
+type __VLS_Slots = {} & {
+    option?: (props: typeof __VLS_25) => any;
+} & {
+    option?: (props: typeof __VLS_30) => 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/combobox/ComboboxAnatomy.vue.js

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

package/dist/combobox/ComboboxAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const c=require("./context.cjs"),f=require("./ComboboxClear.vue.cjs"),x=require("./ComboboxContent.vue.cjs"),m=require("./ComboboxEmpty.vue.cjs"),C=require("./ComboboxGroup.vue.cjs"),p=require("./ComboboxGroupLabel.vue.cjs"),q=require("./ComboboxInput.vue.cjs"),d=require("./ComboboxItem.vue.cjs"),v=require("./ComboboxPortal.vue.cjs"),k=require("./ComboboxTrigger.vue.cjs");let e=require("vue");var B=(0,e.defineComponent)({inheritAttrs:!1,__name:"ComboboxAnatomy",props:{options:{},ariaLabel:{},ariaLabelledby:{}},setup(o){const i=o,b=(0,e.inject)(c.COMBOBOX_CONTEXT);function u(a){return"options"in a}function n(a,t){return(a.label??a.value).toLowerCase().includes(t)}const s=(0,e.computed)(()=>{const a=b.inputValue.value.trim().toLowerCase();return a?i.options.flatMap(t=>{if(!u(t))return n(t,a)?[t]:[];const l=t.options.filter(r=>n(r,a));return l.length>0?[{label:t.label,options:l}]:[]}):i.options});return(a,t)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(q.default,(0,e.mergeProps)(a.$attrs,{"aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledby}),null,16,["aria-label","aria-labelledby"]),(0,e.createVNode)(k.default,{"aria-label":"Toggle options"},{default:(0,e.withCtx)(()=>[...t[0]||(t[0]=[(0,e.createTextVNode)("▾",-1)])]),_:1}),(0,e.createVNode)(f.default,{"aria-label":"Clear"},{default:(0,e.withCtx)(()=>[...t[1]||(t[1]=[(0,e.createTextVNode)("✕",-1)])]),_:1}),(0,e.createVNode)(v.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(x.default,{"aria-label":o.ariaLabel,"aria-labelledby":o.ariaLabelledby},{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(s.value,l=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:u(l)?l.label:l.value},[u(l)?((0,e.openBlock)(),(0,e.createBlock)(C.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(p.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label),1)]),_:2},1024),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.options,r=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:r.value,value:r.value,disabled:r.disabled,"text-value":r.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label??r.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:1,value:l.value,disabled:l.disabled,"text-value":l.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:l},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label??l.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128)),(0,e.createVNode)(m.default,null,{default:(0,e.withCtx)(()=>[...t[2]||(t[2]=[(0,e.createTextVNode)("No results found",-1)])]),_:1})]),_:3},8,["aria-label","aria-labelledby"])]),_:3})],64))}});exports.default=B;

package/dist/combobox/ComboboxAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COMBOBOX_CONTEXT as e}from"./context.js";import a from"./ComboboxClear.vue.js";import l from"./ComboboxContent.vue.js";import o from"./ComboboxEmpty.vue.js";import t from"./ComboboxGroup.vue.js";import r from"./ComboboxGroupLabel.vue.js";import i from"./ComboboxInput.vue.js";import u from"./ComboboxItem.vue.js";import s from"./ComboboxPortal.vue.js";import b from"./ComboboxTrigger.vue.js";import{Fragment as n,computed as m,createBlock as p,createElementBlock as d,createTextVNode as f,createVNode as v,defineComponent as C,inject as x,mergeProps as c,openBlock as y,renderList as _,renderSlot as j,toDisplayString as L,withCtx as g}from"vue";var k=/* @__PURE__ */C({inheritAttrs:!1,__name:"ComboboxAnatomy",props:{options:{},ariaLabel:{},ariaLabelledby:{}},setup(C){const k=C,B=x(e);function T(e){return"options"in e}function N(e,a){return(e.label??e.value).toLowerCase().includes(a)}const O=m(()=>{const e=B.inputValue.value.trim().toLowerCase();return e?k.options.flatMap(a=>{if(!T(a))return N(a,e)?[a]:[];const l=a.options.filter(a=>N(a,e));return l.length>0?[{label:a.label,options:l}]:[]}):k.options});return(e,m)=>(y(),d(n,null,[v(i,c(e.$attrs,{"aria-label":C.ariaLabel,"aria-labelledby":C.ariaLabelledby}),null,16,["aria-label","aria-labelledby"]),v(b,{"aria-label":"Toggle options"},{default:g(()=>[...m[0]||(m[0]=[f("▾",-1)])]),_:1}),v(a,{"aria-label":"Clear"},{default:g(()=>[...m[1]||(m[1]=[f("✕",-1)])]),_:1}),v(s,null,{default:g(()=>[v(l,{"aria-label":C.ariaLabel,"aria-labelledby":C.ariaLabelledby},{default:g(()=>[(y(!0),d(n,null,_(O.value,a=>(y(),d(n,{key:T(a)?a.label:a.value},[T(a)?(y(),p(t,{key:0},{default:g(()=>[v(r,null,{default:g(()=>[f(L(a.label),1)]),_:2},1024),(y(!0),d(n,null,_(a.options,a=>(y(),p(u,{key:a.value,value:a.value,disabled:a.disabled,"text-value":a.label},{default:g(()=>[j(e.$slots,"option",{option:a},()=>[f(L(a.label??a.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):(y(),p(u,{key:1,value:a.value,disabled:a.disabled,"text-value":a.label},{default:g(()=>[j(e.$slots,"option",{option:a},()=>[f(L(a.label??a.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128)),v(o,null,{default:g(()=>[...m[2]||(m[2]=[f("No results found",-1)])]),_:1})]),_:3},8,["aria-label","aria-labelledby"])]),_:3})],64))}});export{k as default};

package/dist/combobox/ComboboxClear.vue.cjs

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

package/dist/combobox/ComboboxClear.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Clear selection and draft text, return focus to input.
+ * Disabled when there's nothing to clear, or root is disabled/readOnly.
+ * Use `tabindex="-1"` and provide `aria-label` (glyph alone is not a name).
+ */
+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/combobox/ComboboxClear.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Clear selection and draft text, return focus to input.
+ * Disabled when there's nothing to clear, or root is disabled/readOnly.
+ * Use `tabindex="-1"` and provide `aria-label` (glyph alone is not a name).
+ */
+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/combobox/ComboboxClear.vue.js

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

package/dist/combobox/ComboboxClear.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs");let e=require("vue");var u=["disabled","data-disabled","data-readonly"],i=(0,e.defineComponent)({__name:"ComboboxClear",setup(s){const a=(0,e.inject)(l.COMBOBOX_CONTEXT);if(!a)throw new Error("SkdxComboboxClear must be used within SkdxCombobox.");const t=a,n=(0,e.computed)(()=>t.selectedValues.value.length===0&&t.inputValue.value==="");function d(o){o.preventDefault()}function r(){t.clear("pointer"),t.inputRef.value?.focus()}return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-combobox__clear","data-part":"clear",type:"button",tabindex:-1,disabled:(0,e.unref)(t).disabled||(0,e.unref)(t).readOnly||n.value||void 0,"data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,onMousedown:d,onClick:r},[(0,e.renderSlot)(o.$slots,"default")],40,u))}});exports.default=i;

package/dist/combobox/ComboboxClear.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COMBOBOX_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as t,inject as d,openBlock as n,renderSlot as l,unref as s}from"vue";var r=["disabled","data-disabled","data-readonly"],u=/* @__PURE__ */t({__name:"ComboboxClear",setup(t){const u=d(e);if(!u)throw new Error("SkdxComboboxClear must be used within SkdxCombobox.");const i=u,b=a(()=>0===i.selectedValues.value.length&&""===i.inputValue.value);function c(e){e.preventDefault()}function m(){i.clear("pointer"),i.inputRef.value?.focus()}return(e,a)=>(n(),o("button",{class:"skdx-combobox__clear","data-part":"clear",type:"button",tabindex:-1,disabled:s(i).disabled||s(i).readOnly||b.value||void 0,"data-disabled":s(i).disabled?"":void 0,"data-readonly":s(i).readOnly?"":void 0,onMousedown:c,onClick:m},[l(e.$slots,"default")],40,r))}});export{u as default};

package/dist/combobox/ComboboxContent.vue.d.cts

@@ -1,52 +1,30 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 /**
- * The listbox popup for a `SkdxCombobox`, positioned relative to the input
- * via floating-ui using `side` (defaults to `'bottom'`) / `align` (defaults
- * to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false` — against `collisionBoundary` when one is given, otherwise the
- * listbox's clipping ancestors. Renders a `<div role="listbox">` with
- * `data-state` and `data-side`/`data-align` from the popper, the measurement
- * custom properties `--skdx-combobox-available-width` / `-available-height` /
- * `-trigger-width` / `-transform-origin` (so the listbox can match the input's
- * width and the available height from CSS alone), plus
- * `aria-multiselectable="true"`
- * while the root is `multiple` and `aria-busy`/`data-loading` while it is
- * `loading`. Prevents `mousedown` from
- * stealing focus off the input (real DOM focus must never leave
- * `SkdxComboboxInput`).
- *
- * Closes on Escape or on an outside interaction (pointer-down or focus moving
- * out) unless `escape-key-down`/`pointer-down-outside`/`focus-outside`/
- * `interact-outside` call `event.preventDefault()`. `interact-outside` fires
- * for either kind of outside interaction, immediately before the specific
- * event and with the same event object, so one veto covers both. Escape is
- * owned here rather than in `SkdxComboboxInput` precisely so the veto lands
- * before anything has closed. Mounts only while open unless `forceMount` is
- * set. Must be used inside `SkdxCombobox`.
+ * Combobox listbox: positioned via floating-ui; role="listbox" with
+ * aria-multiselectable (if multiple), aria-busy (if loading). Prevents mousedown
+ * from stealing focus from input (real focus stays on input always).
+ * Closes on Escape or outside interaction unless prevented.
  */
 type __VLS_Props = {
-    /** Preferred side of the input to render on. */
+    /** Preferred edge of the input to place the listbox against. */
     side?: Side;
-    /** Alignment of the listbox along the chosen side, relative to the input. */
+    /** Preferred alignment along that edge relative to the input. */
     align?: Align;
-    /** Distance in pixels between the listbox and the input along `side`. */
+    /** Distance (px) between listbox and input. */
     sideOffset?: number;
-    /** Offset in pixels along `align`, shifting the listbox perpendicular to `side`. */
+    /** Pixel offset along the alignment axis. */
     alignOffset?: number;
-    /** Flips to the opposite side when there isn't room to render on the preferred side. */
+    /** Flip / shift to stay in viewport. */
     avoidCollisions?: boolean;
-    /** Minimum distance in pixels kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    /** Min distance (px) from collision boundary. */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
     /**
-     * Element (or elements) collisions are measured against, instead of the
-     * listbox's clipping ancestors. Use it to keep the listbox inside a scroll
-     * container or one pane of a split layout rather than the whole viewport.
-     * @default undefined — the listbox's clipping ancestors.
+     * Collision boundary (instead of clipping ancestors).
+     * @default undefined — clipping ancestors.
      */
     collisionBoundary?: Element | Element[] | null;
-    /** Keep this listbox mounted even while closed, instead of unmounting it. */
+    /** Mounts the listbox DOM even when closed, enabling exit animations. */
     forceMount?: boolean;
 };
 declare var __VLS_1: {};
@@ -65,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
-    side: Side;
     align: Align;
+    side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/combobox/ComboboxContent.vue.d.ts

@@ -1,52 +1,30 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 /**
- * The listbox popup for a `SkdxCombobox`, positioned relative to the input
- * via floating-ui using `side` (defaults to `'bottom'`) / `align` (defaults
- * to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false` — against `collisionBoundary` when one is given, otherwise the
- * listbox's clipping ancestors. Renders a `<div role="listbox">` with
- * `data-state` and `data-side`/`data-align` from the popper, the measurement
- * custom properties `--skdx-combobox-available-width` / `-available-height` /
- * `-trigger-width` / `-transform-origin` (so the listbox can match the input's
- * width and the available height from CSS alone), plus
- * `aria-multiselectable="true"`
- * while the root is `multiple` and `aria-busy`/`data-loading` while it is
- * `loading`. Prevents `mousedown` from
- * stealing focus off the input (real DOM focus must never leave
- * `SkdxComboboxInput`).
- *
- * Closes on Escape or on an outside interaction (pointer-down or focus moving
- * out) unless `escape-key-down`/`pointer-down-outside`/`focus-outside`/
- * `interact-outside` call `event.preventDefault()`. `interact-outside` fires
- * for either kind of outside interaction, immediately before the specific
- * event and with the same event object, so one veto covers both. Escape is
- * owned here rather than in `SkdxComboboxInput` precisely so the veto lands
- * before anything has closed. Mounts only while open unless `forceMount` is
- * set. Must be used inside `SkdxCombobox`.
+ * Combobox listbox: positioned via floating-ui; role="listbox" with
+ * aria-multiselectable (if multiple), aria-busy (if loading). Prevents mousedown
+ * from stealing focus from input (real focus stays on input always).
+ * Closes on Escape or outside interaction unless prevented.
  */
 type __VLS_Props = {
-    /** Preferred side of the input to render on. */
+    /** Preferred edge of the input to place the listbox against. */
     side?: Side;
-    /** Alignment of the listbox along the chosen side, relative to the input. */
+    /** Preferred alignment along that edge relative to the input. */
     align?: Align;
-    /** Distance in pixels between the listbox and the input along `side`. */
+    /** Distance (px) between listbox and input. */
     sideOffset?: number;
-    /** Offset in pixels along `align`, shifting the listbox perpendicular to `side`. */
+    /** Pixel offset along the alignment axis. */
     alignOffset?: number;
-    /** Flips to the opposite side when there isn't room to render on the preferred side. */
+    /** Flip / shift to stay in viewport. */
     avoidCollisions?: boolean;
-    /** Minimum distance in pixels kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    /** Min distance (px) from collision boundary. */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
     /**
-     * Element (or elements) collisions are measured against, instead of the
-     * listbox's clipping ancestors. Use it to keep the listbox inside a scroll
-     * container or one pane of a split layout rather than the whole viewport.
-     * @default undefined — the listbox's clipping ancestors.
+     * Collision boundary (instead of clipping ancestors).
+     * @default undefined — clipping ancestors.
      */
     collisionBoundary?: Element | Element[] | null;
-    /** Keep this listbox mounted even while closed, instead of unmounting it. */
+    /** Mounts the listbox DOM even when closed, enabling exit animations. */
     forceMount?: boolean;
 };
 declare var __VLS_1: {};
@@ -65,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
-    side: Side;
     align: Align;
+    side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/combobox/ComboboxContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const _=require("../utils/composeRefs.cjs"),C=require("../utils/useDismiss.cjs"),r=require("../utils/popper.cjs"),v=require("./context.cjs");let e=require("vue");var x=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align"],O=(0,e.defineComponent)({__name:"ComboboxContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(i,{emit:d}){const l=i,n=d,s=(0,e.inject)(v.COMBOBOX_CONTEXT);if(!s)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const t=s,u=(0,e.inject)(r.POPPER_CONTEXT);if(!u)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const a=(0,e.ref)(null),c=_.composeRefs(a,t.contentRef);C.useDismiss({enabled:t.open,onEscapeKeyDown:o=>{n("escape-key-down",o),o.defaultPrevented||t.setOpen(!1)},onPointerDownOutside:o=>{n("pointer-down-outside",o),o.defaultPrevented||t.setOpen(!1)},onFocusOutside:o=>{n("focus-outside",o),o.defaultPrevented||t.setOpen(!1)},onInteractOutside:o=>n("interact-outside",o)},[a,t.inputRef]);const{style:f,placedSide:p,placedAlign:m}=r.usePopperPosition(u.anchor,a,t.open,()=>({...l,component:"combobox"}));function b(o){o.preventDefault()}return(o,w)=>i.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-combobox__content","data-part":"content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(c),role:"listbox","aria-multiselectable":(0,e.unref)(t).multiple?!0:void 0,"aria-busy":(0,e.unref)(t).loading.value?!0:void 0,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-loading":(0,e.unref)(t).loading.value?"":void 0,"data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-side":(0,e.unref)(p),"data-align":(0,e.unref)(m),style:(0,e.normalizeStyle)((0,e.unref)(f)),onMousedown:b},[(0,e.renderSlot)(o.$slots,"default")],44,x)):(0,e.createCommentVNode)("",!0)}});exports.default=O;
+const _=require("../utils/composeRefs.cjs"),C=require("../utils/useDismiss.cjs"),r=require("../utils/popper.cjs"),v=require("./context.cjs");let e=require("vue");var x=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align"],O=(0,e.defineComponent)({__name:"ComboboxContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(a,{emit:d}){const l=a,n=d,s=(0,e.inject)(v.COMBOBOX_CONTEXT);if(!s)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const t=s,u=(0,e.inject)(r.POPPER_CONTEXT);if(!u)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const i=(0,e.ref)(null),c=_.composeRefs(i,t.contentRef);C.useDismiss({enabled:t.open,onEscapeKeyDown:o=>{n("escape-key-down",o),o.defaultPrevented||t.setOpen(!1)},onPointerDownOutside:o=>{n("pointer-down-outside",o),o.defaultPrevented||t.setOpen(!1)},onFocusOutside:o=>{n("focus-outside",o),o.defaultPrevented||t.setOpen(!1)},onInteractOutside:o=>n("interact-outside",o)},[i,t.inputRef,t.triggerRef]);const{style:f,placedSide:p,placedAlign:m}=r.usePopperPosition(u.anchor,i,t.open,()=>({...l,component:"combobox"}));function b(o){o.preventDefault()}return(o,g)=>a.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-combobox__content","data-part":"content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(c),role:"listbox","aria-multiselectable":(0,e.unref)(t).multiple?!0:void 0,"aria-busy":(0,e.unref)(t).loading.value?!0:void 0,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-loading":(0,e.unref)(t).loading.value?"":void 0,"data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-side":(0,e.unref)(p),"data-align":(0,e.unref)(m),style:(0,e.normalizeStyle)((0,e.unref)(f)),onMousedown:b},[(0,e.renderSlot)(o.$slots,"default")],44,x)):(0,e.createCommentVNode)("",!0)}});exports.default=O;

package/dist/combobox/ComboboxContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as o}from"../utils/useDismiss.js";import{POPPER_CONTEXT as t,usePopperPosition as a}from"../utils/popper.js";import{COMBOBOX_CONTEXT as n}from"./context.js";import{createCommentVNode as s,createElementBlock as i,defineComponent as d,inject as l,normalizeStyle as u,openBlock as r,ref as p,renderSlot as c,unref as m}from"vue";var f=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align"],b=/* @__PURE__ */d({__name:"ComboboxContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(d,{emit:b}){const v=d,x=b,C=l(n);if(!C)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const O=C,w=l(t);if(!w)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const y=p(null),g=e(y,O.contentRef);o({enabled:O.open,onEscapeKeyDown:e=>{x("escape-key-down",e),e.defaultPrevented||O.setOpen(!1)},onPointerDownOutside:e=>{x("pointer-down-outside",e),e.defaultPrevented||O.setOpen(!1)},onFocusOutside:e=>{x("focus-outside",e),e.defaultPrevented||O.setOpen(!1)},onInteractOutside:e=>x("interact-outside",e)},[y,O.inputRef]);const{style:k,placedSide:P,placedAlign:B}=a(w.anchor,y,O.open,()=>({...v,component:"combobox"}));function E(e){e.preventDefault()}return(e,o)=>d.forceMount||m(O).open.value?(r(),i("div",{key:0,class:"skdx-combobox__content","data-part":"content",id:m(O).contentId,ref:m(g),role:"listbox","aria-multiselectable":!!m(O).multiple||void 0,"aria-busy":!!m(O).loading.value||void 0,"data-state":m(O).open.value?"open":"closed","data-loading":m(O).loading.value?"":void 0,"data-multiple":m(O).multiple?"":void 0,"data-side":m(P),"data-align":m(B),style:u(m(k)),onMousedown:E},[c(e.$slots,"default")],44,f)):s("",!0)}});export{b as default};
+import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as o}from"../utils/useDismiss.js";import{POPPER_CONTEXT as t,usePopperPosition as a}from"../utils/popper.js";import{COMBOBOX_CONTEXT as n}from"./context.js";import{createCommentVNode as s,createElementBlock as i,defineComponent as d,inject as l,normalizeStyle as u,openBlock as r,ref as p,renderSlot as c,unref as m}from"vue";var f=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align"],b=/* @__PURE__ */d({__name:"ComboboxContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(d,{emit:b}){const v=d,x=b,C=l(n);if(!C)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const O=C,w=l(t);if(!w)throw new Error("SkdxComboboxContent must be used within SkdxCombobox.");const g=p(null),y=e(g,O.contentRef);o({enabled:O.open,onEscapeKeyDown:e=>{x("escape-key-down",e),e.defaultPrevented||O.setOpen(!1)},onPointerDownOutside:e=>{x("pointer-down-outside",e),e.defaultPrevented||O.setOpen(!1)},onFocusOutside:e=>{x("focus-outside",e),e.defaultPrevented||O.setOpen(!1)},onInteractOutside:e=>x("interact-outside",e)},[g,O.inputRef,O.triggerRef]);const{style:k,placedSide:P,placedAlign:B}=a(w.anchor,g,O.open,()=>({...v,component:"combobox"}));function E(e){e.preventDefault()}return(e,o)=>d.forceMount||m(O).open.value?(r(),i("div",{key:0,class:"skdx-combobox__content","data-part":"content",id:m(O).contentId,ref:m(y),role:"listbox","aria-multiselectable":!!m(O).multiple||void 0,"aria-busy":!!m(O).loading.value||void 0,"data-state":m(O).open.value?"open":"closed","data-loading":m(O).loading.value?"":void 0,"data-multiple":m(O).multiple?"":void 0,"data-side":m(P),"data-align":m(B),style:u(m(k)),onMousedown:E},[c(e.$slots,"default")],44,f)):s("",!0)}});export{b as default};

package/dist/combobox/ComboboxGroup.vue.cjs

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

package/dist/combobox/ComboboxGroup.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Groups related `SkdxComboboxItem`s under an `SkdxComboboxGroupLabel`.
+ * Renders a `<div role="group">` with `aria-labelledby` pointing at the generated label id.
+ * Auto-wired for accessibility since filtering reorders sections on every keystroke.
+ */
+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/combobox/ComboboxGroup.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Groups related `SkdxComboboxItem`s under an `SkdxComboboxGroupLabel`.
+ * Renders a `<div role="group">` with `aria-labelledby` pointing at the generated label id.
+ * Auto-wired for accessibility since filtering reorders sections on every keystroke.
+ */
+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/combobox/ComboboxGroup.vue.js

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

package/dist/combobox/ComboboxGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var a=["aria-labelledby"],l=(0,e.defineComponent)({__name:"ComboboxGroup",setup(u){const o=r.nextComboboxGroupLabelId();return(0,e.provide)(r.COMBOBOX_GROUP_CONTEXT,{labelId:o}),(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-combobox__group","data-part":"group",role:"group","aria-labelledby":(0,e.unref)(o)},[(0,e.renderSlot)(t.$slots,"default")],8,a))}});exports.default=l;

package/dist/combobox/ComboboxGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COMBOBOX_GROUP_CONTEXT as o,nextComboboxGroupLabelId as e}from"./context.js";import{createElementBlock as a,defineComponent as r,openBlock as l,provide as t,renderSlot as s,unref as p}from"vue";var b=["aria-labelledby"],d=/* @__PURE__ */r({__name:"ComboboxGroup",setup(r){const d=e();return t(o,{labelId:d}),(o,e)=>(l(),a("div",{class:"skdx-combobox__group","data-part":"group",role:"group","aria-labelledby":p(d)},[s(o.$slots,"default")],8,b))}});export{d as default};

package/dist/combobox/ComboboxGroupLabel.vue.cjs

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

package/dist/combobox/ComboboxGroupLabel.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * The heading naming an `SkdxComboboxGroup`, rendered as a `<div>` carrying
+ * the id its group points `aria-labelledby` at, so the heading is not an
+ * option arrow keys land on. Must be inside `SkdxComboboxGroup`.
+ */
+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/combobox/ComboboxGroupLabel.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The heading naming an `SkdxComboboxGroup`, rendered as a `<div>` carrying
+ * the id its group points `aria-labelledby` at, so the heading is not an
+ * option arrow keys land on. Must be inside `SkdxComboboxGroup`.
+ */
+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/combobox/ComboboxGroupLabel.vue.js

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

package/dist/combobox/ComboboxGroupLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./context.cjs");let e=require("vue");var l=["id"],_=(0,e.defineComponent)({__name:"ComboboxGroupLabel",setup(a){const o=(0,e.inject)(u.COMBOBOX_GROUP_CONTEXT);if(!o)throw new Error("SkdxComboboxGroupLabel must be used within SkdxComboboxGroup.");const r=o;return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-combobox__label","data-part":"label",id:(0,e.unref)(r).labelId},[(0,e.renderSlot)(t.$slots,"default")],8,l))}});exports.default=_;

package/dist/combobox/ComboboxGroupLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{COMBOBOX_GROUP_CONTEXT as o}from"./context.js";import{createElementBlock as e,defineComponent as a,inject as t,openBlock as r,renderSlot as s,unref as l}from"vue";var n=["id"],b=/* @__PURE__ */a({__name:"ComboboxGroupLabel",setup(a){const b=t(o);if(!b)throw new Error("SkdxComboboxGroupLabel must be used within SkdxComboboxGroup.");const d=b;return(o,a)=>(r(),e("div",{class:"skdx-combobox__label","data-part":"label",id:l(d).labelId},[s(o.$slots,"default")],8,n))}});export{b as default};

package/dist/combobox/ComboboxInput.vue.d.cts

@@ -1,20 +1,10 @@
 /**
- * Text field that drives a `SkdxCombobox`'s filtering and keeps real DOM
- * focus for the whole interaction, and doubles as the popper anchor the
- * listbox positions against. Renders an `<input type="text" role="combobox">`
- * with `aria-expanded`, `aria-controls` pointing at the content,
- * `aria-autocomplete="list"`, `aria-activedescendant` tracking the
- * virtually-focused option, `autocomplete="off"`, and
- * `aria-invalid`/`data-invalid`, the native `readonly` attribute with
- * `aria-readonly`/`data-readonly`, and `aria-busy`/`data-loading` from the
- * root's `invalid`/`readOnly`/`loading` props.
- * Typing opens the listbox and updates the draft text; Arrow Down/Up open
- * the listbox (or move the highlight by one option when already open);
- * Enter commits the highlighted option — or, with `allowCustomValue` and
- * nothing highlighted, the draft text itself; Escape closes the listbox —
- * handled by `SkdxComboboxContent` whenever one is mounted, so the cancelable
- * `escape-key-down` it emits can still veto the close. Must be used inside
- * `SkdxCombobox`.
+ * Text field with real DOM focus and popper anchor. Renders input with
+ * role="combobox", aria-expanded, aria-controls, aria-activedescendant,
+ * and required ARIA attributes. Handles keyboard navigation and commits.
+ *
+ * Must be given an accessible name via `<label>`, `aria-label`, or
+ * `aria-labelledby` — role="combobox" takes no name from content.
  */
 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>;

package/dist/combobox/ComboboxInput.vue.d.ts

@@ -1,20 +1,10 @@
 /**
- * Text field that drives a `SkdxCombobox`'s filtering and keeps real DOM
- * focus for the whole interaction, and doubles as the popper anchor the
- * listbox positions against. Renders an `<input type="text" role="combobox">`
- * with `aria-expanded`, `aria-controls` pointing at the content,
- * `aria-autocomplete="list"`, `aria-activedescendant` tracking the
- * virtually-focused option, `autocomplete="off"`, and
- * `aria-invalid`/`data-invalid`, the native `readonly` attribute with
- * `aria-readonly`/`data-readonly`, and `aria-busy`/`data-loading` from the
- * root's `invalid`/`readOnly`/`loading` props.
- * Typing opens the listbox and updates the draft text; Arrow Down/Up open
- * the listbox (or move the highlight by one option when already open);
- * Enter commits the highlighted option — or, with `allowCustomValue` and
- * nothing highlighted, the draft text itself; Escape closes the listbox —
- * handled by `SkdxComboboxContent` whenever one is mounted, so the cancelable
- * `escape-key-down` it emits can still veto the close. Must be used inside
- * `SkdxCombobox`.
+ * Text field with real DOM focus and popper anchor. Renders input with
+ * role="combobox", aria-expanded, aria-controls, aria-activedescendant,
+ * and required ARIA attributes. Handles keyboard navigation and commits.
+ *
+ * Must be given an accessible name via `<label>`, `aria-label`, or
+ * `aria-labelledby` — role="combobox" takes no name from content.
  */
 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>;

package/dist/combobox/ComboboxInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const m=require("../utils/reassertValue.cjs"),_=require("../utils/popper.cjs"),c=require("./context.cjs");let t=require("vue");var x=["aria-expanded","aria-controls","aria-activedescendant","readonly","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-loading","data-multiple","value"],y=(0,t.defineComponent)({__name:"ComboboxInput",setup(b){const l=(0,t.inject)(c.COMBOBOX_CONTEXT);if(!l)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const e=l,r=(0,t.inject)(_.POPPER_CONTEXT);if(!r)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const i=(0,t.ref)(null);(0,t.onMounted)(()=>{e.inputRef.value=i.value,r.setAnchor(i.value)}),(0,t.onBeforeUnmount)(()=>{r.anchor.value===i.value&&r.setAnchor(null)});function d(a){const n=e.contentRef.value;if(!n)return;const u=Array.from(n.querySelectorAll(c.OPTION_SELECTOR));if(u.length===0)return;let o=u.findIndex(s=>s.id===e.activeId.value)+a;o<0&&(o=0),o>=u.length&&(o=u.length-1),e.setActiveId(u[o].id)}function f(){if(!e.activeId.value)return;const a=e.getItem(e.activeId.value);a&&e.selectItem(a.value,a.text||a.value)}function v(a){const n=a.target;e.onInputValueChange(n.value),e.open.value||e.setOpen(!0),m.reassertValue(n,()=>e.inputValue.value)}function p(a){a.key==="ArrowDown"?(a.preventDefault(),e.open.value?d(1):e.openWithHighlight("first")):a.key==="ArrowUp"?(a.preventDefault(),e.open.value?d(-1):e.openWithHighlight("last")):a.key==="Enter"?e.activeId.value?(a.preventDefault(),f()):e.allowCustomValue&&e.inputValue.value!==""&&(a.preventDefault(),e.selectItem(e.inputValue.value,e.inputValue.value)):a.key==="Escape"&&e.open.value&&!e.contentRef.value&&(a.preventDefault(),e.setOpen(!1))}return(a,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{class:"skdx-combobox__input","data-part":"input",ref_key:"elRef",ref:i,type:"text",role:"combobox","aria-expanded":(0,t.unref)(e).open.value,"aria-controls":(0,t.unref)(e).contentId,"aria-autocomplete":"list","aria-activedescendant":(0,t.unref)(e).activeId.value??void 0,autocomplete:"off",readonly:(0,t.unref)(e).readOnly||void 0,"aria-invalid":(0,t.unref)(e).invalid?!0:void 0,"aria-readonly":(0,t.unref)(e).readOnly?!0:void 0,"aria-busy":(0,t.unref)(e).loading.value?!0:void 0,"data-invalid":(0,t.unref)(e).invalid?"":void 0,"data-readonly":(0,t.unref)(e).readOnly?"":void 0,"data-loading":(0,t.unref)(e).loading.value?"":void 0,"data-multiple":(0,t.unref)(e).multiple?"":void 0,value:(0,t.unref)(e).inputValue.value,onInput:v,onKeydown:p},null,40,x))}});exports.default=y;
+const x=require("../utils/reassertValue.cjs"),g=require("../utils/popper.cjs"),k=require("./context.cjs");let t=require("vue");var O=["aria-expanded","aria-controls","aria-activedescendant","readonly","disabled","data-disabled","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-loading","data-multiple","value"],I=(0,t.defineComponent)({__name:"ComboboxInput",setup(w){const l=(0,t.inject)(k.COMBOBOX_CONTEXT);if(!l)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const e=l,u=(0,t.inject)(g.POPPER_CONTEXT);if(!u)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const p=new Set(["Home","End","PageUp","PageDown"]),o=(0,t.ref)(null);(0,t.onMounted)(()=>{e.inputRef.value=o.value,u.setAnchor(o.value)}),(0,t.onBeforeUnmount)(()=>{u.anchor.value===o.value&&u.setAnchor(null)});function r(a){a&&(e.setActiveId(a.id,"keyboard"),a.scrollIntoView?.({block:"nearest"}))}function i(){return e.orderedOptions()}function d(a){const n=i();if(n.length===0)return;const f=n.findIndex(h=>h.id===e.activeId.value),c=f===-1?a===1?-1:0:f;r(n[e.loop?(c+a+n.length)%n.length:Math.min(n.length-1,Math.max(0,c+a))])}function s(){if(!e.activeId.value)return;const a=e.getItem(e.activeId.value);a&&e.selectItem(a.value,a.text||a.value,"keyboard")}function v(a){const n=a.target;e.onInputValueChange(n.value),e.open.value||e.setOpen(!0),x.reassertValue(n,()=>e.inputValue.value)}function m(){e.openOn==="type"||e.readOnly||e.open.value||e.setOpen(!0)}function y(){e.openOn!=="focus"||e.readOnly||e.open.value||e.setOpen(!0)}function b(a){if(a.altKey&&a.key==="ArrowDown")a.preventDefault(),e.open.value||e.setOpen(!0);else if(a.altKey&&a.key==="ArrowUp")a.preventDefault(),e.activeId.value&&s(),e.open.value&&e.setOpen(!1);else if(a.key==="ArrowDown")a.preventDefault(),e.open.value?d(1):e.openWithHighlight("first");else if(a.key==="ArrowUp")a.preventDefault(),e.open.value?d(-1):e.openWithHighlight("last");else if(p.has(a.key)&&e.open.value){a.preventDefault();const n=i();r(a.key==="Home"||a.key==="PageUp"?n[0]:n[n.length-1])}else a.key==="Enter"?e.activeId.value?(a.preventDefault(),s()):e.allowCustomValue&&e.inputValue.value!==""?(a.preventDefault(),e.selectItem(e.inputValue.value,e.inputValue.value,"keyboard")):e.open.value&&e.setOpen(!1):a.key==="Escape"&&e.open.value&&!e.contentRef.value&&(a.preventDefault(),e.setOpen(!1))}function _(a){const n=a.relatedTarget;n&&(n===o.value||e.contentRef.value?.contains(n))||e.reconcileDraftText()}return(a,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{class:"skdx-combobox__input","data-part":"input",ref_key:"elRef",ref:o,type:"text",role:"combobox","aria-expanded":(0,t.unref)(e).open.value,"aria-controls":(0,t.unref)(e).contentId,"aria-autocomplete":"list","aria-activedescendant":(0,t.unref)(e).activeId.value??void 0,autocomplete:"off",readonly:(0,t.unref)(e).readOnly||void 0,disabled:(0,t.unref)(e).disabled||void 0,"data-disabled":(0,t.unref)(e).disabled?"":void 0,"aria-invalid":(0,t.unref)(e).invalid?!0:void 0,"aria-readonly":(0,t.unref)(e).readOnly?!0:void 0,"aria-busy":(0,t.unref)(e).loading.value?!0:void 0,"data-invalid":(0,t.unref)(e).invalid?"":void 0,"data-readonly":(0,t.unref)(e).readOnly?"":void 0,"data-loading":(0,t.unref)(e).loading.value?"":void 0,"data-multiple":(0,t.unref)(e).multiple?"":void 0,value:(0,t.unref)(e).inputValue.value,onInput:v,onClick:m,onFocus:y,onKeydown:b,onFocusout:_},null,40,O))}});exports.default=I;

package/dist/combobox/ComboboxInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{reassertValue as e}from"../utils/reassertValue.js";import{POPPER_CONTEXT as a}from"../utils/popper.js";import{COMBOBOX_CONTEXT as t,OPTION_SELECTOR as n}from"./context.js";import{createElementBlock as o,defineComponent as l,inject as i,onBeforeUnmount as u,onMounted as r,openBlock as d,ref as v,unref as s}from"vue";var p=["aria-expanded","aria-controls","aria-activedescendant","readonly","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-loading","data-multiple","value"],c=/* @__PURE__ */l({__name:"ComboboxInput",setup(l){const c=i(t);if(!c)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const f=c,m=i(a);if(!m)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const y=v(null);function x(e){const a=f.contentRef.value;if(!a)return;const t=Array.from(a.querySelectorAll(n));if(0===t.length)return;let o=t.findIndex(e=>e.id===f.activeId.value)+e;o<0&&(o=0),o>=t.length&&(o=t.length-1),f.setActiveId(t[o].id)}function b(a){const t=a.target;f.onInputValueChange(t.value),f.open.value||f.setOpen(!0),e(t,()=>f.inputValue.value)}function h(e){"ArrowDown"===e.key?(e.preventDefault(),f.open.value?x(1):f.openWithHighlight("first")):"ArrowUp"===e.key?(e.preventDefault(),f.open.value?x(-1):f.openWithHighlight("last")):"Enter"===e.key?f.activeId.value?(e.preventDefault(),function(){if(!f.activeId.value)return;const e=f.getItem(f.activeId.value);e&&f.selectItem(e.value,e.text||e.value)}()):f.allowCustomValue&&""!==f.inputValue.value&&(e.preventDefault(),f.selectItem(f.inputValue.value,f.inputValue.value)):"Escape"===e.key&&f.open.value&&!f.contentRef.value&&(e.preventDefault(),f.setOpen(!1))}return r(()=>{f.inputRef.value=y.value,m.setAnchor(y.value)}),u(()=>{m.anchor.value===y.value&&m.setAnchor(null)}),(e,a)=>(d(),o("input",{class:"skdx-combobox__input","data-part":"input",ref_key:"elRef",ref:y,type:"text",role:"combobox","aria-expanded":s(f).open.value,"aria-controls":s(f).contentId,"aria-autocomplete":"list","aria-activedescendant":s(f).activeId.value??void 0,autocomplete:"off",readonly:s(f).readOnly||void 0,"aria-invalid":!!s(f).invalid||void 0,"aria-readonly":!!s(f).readOnly||void 0,"aria-busy":!!s(f).loading.value||void 0,"data-invalid":s(f).invalid?"":void 0,"data-readonly":s(f).readOnly?"":void 0,"data-loading":s(f).loading.value?"":void 0,"data-multiple":s(f).multiple?"":void 0,value:s(f).inputValue.value,onInput:b,onKeydown:h},null,40,p))}});export{c as default};
+import{reassertValue as e}from"../utils/reassertValue.js";import{POPPER_CONTEXT as a}from"../utils/popper.js";import{COMBOBOX_CONTEXT as t}from"./context.js";import{createElementBlock as n,defineComponent as o,inject as l,onBeforeUnmount as i,onMounted as u,openBlock as r,ref as d,unref as s}from"vue";var v=["aria-expanded","aria-controls","aria-activedescendant","readonly","disabled","data-disabled","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-loading","data-multiple","value"],p=/* @__PURE__ */o({__name:"ComboboxInput",setup(o){const p=l(t);if(!p)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const c=p,f=l(a);if(!f)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const m=/* @__PURE__ */new Set(["Home","End","PageUp","PageDown"]),y=d(null);function b(e){e&&(c.setActiveId(e.id,"keyboard"),e.scrollIntoView?.({block:"nearest"}))}function h(){return c.orderedOptions()}function k(e){const a=h();if(0===a.length)return;const t=a.findIndex(e=>e.id===c.activeId.value),n=-1===t?1===e?-1:0:t;b(a[c.loop?(n+e+a.length)%a.length:Math.min(a.length-1,Math.max(0,n+e))])}function x(){if(!c.activeId.value)return;const e=c.getItem(c.activeId.value);e&&c.selectItem(e.value,e.text||e.value,"keyboard")}function O(a){const t=a.target;c.onInputValueChange(t.value),c.open.value||c.setOpen(!0),e(t,()=>c.inputValue.value)}function g(){"type"===c.openOn||c.readOnly||c.open.value||c.setOpen(!0)}function I(){"focus"!==c.openOn||c.readOnly||c.open.value||c.setOpen(!0)}function w(e){if(e.altKey&&"ArrowDown"===e.key)e.preventDefault(),c.open.value||c.setOpen(!0);else if(e.altKey&&"ArrowUp"===e.key)e.preventDefault(),c.activeId.value&&x(),c.open.value&&c.setOpen(!1);else if("ArrowDown"===e.key)e.preventDefault(),c.open.value?k(1):c.openWithHighlight("first");else if("ArrowUp"===e.key)e.preventDefault(),c.open.value?k(-1):c.openWithHighlight("last");else if(m.has(e.key)&&c.open.value){e.preventDefault();const a=h();b("Home"===e.key||"PageUp"===e.key?a[0]:a[a.length-1])}else"Enter"===e.key?c.activeId.value?(e.preventDefault(),x()):c.allowCustomValue&&""!==c.inputValue.value?(e.preventDefault(),c.selectItem(c.inputValue.value,c.inputValue.value,"keyboard")):c.open.value&&c.setOpen(!1):"Escape"===e.key&&c.open.value&&!c.contentRef.value&&(e.preventDefault(),c.setOpen(!1))}function C(e){const a=e.relatedTarget;a&&(a===y.value||c.contentRef.value?.contains(a))||c.reconcileDraftText()}return u(()=>{c.inputRef.value=y.value,f.setAnchor(y.value)}),i(()=>{f.anchor.value===y.value&&f.setAnchor(null)}),(e,a)=>(r(),n("input",{class:"skdx-combobox__input","data-part":"input",ref_key:"elRef",ref:y,type:"text",role:"combobox","aria-expanded":s(c).open.value,"aria-controls":s(c).contentId,"aria-autocomplete":"list","aria-activedescendant":s(c).activeId.value??void 0,autocomplete:"off",readonly:s(c).readOnly||void 0,disabled:s(c).disabled||void 0,"data-disabled":s(c).disabled?"":void 0,"aria-invalid":!!s(c).invalid||void 0,"aria-readonly":!!s(c).readOnly||void 0,"aria-busy":!!s(c).loading.value||void 0,"data-invalid":s(c).invalid?"":void 0,"data-readonly":s(c).readOnly?"":void 0,"data-loading":s(c).loading.value?"":void 0,"data-multiple":s(c).multiple?"":void 0,value:s(c).inputValue.value,onInput:O,onClick:g,onFocus:I,onKeydown:w,onFocusout:C},null,40,v))}});export{p as default};