@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,10 +1,9 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 /**
- * 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.
+ * Combobox listbox positioned via floating-ui, a `role="listbox"` with
+ * `aria-multiselectable`/`aria-busy`, closing on Escape or outside
+ * interaction unless prevented.
  */
 type __VLS_Props = {
     /** Preferred edge of the input to place the listbox against. */
@@ -37,13 +36,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     side: Side;
     sideOffset: number;
     alignOffset: number;

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

@@ -1,10 +1,9 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 /**
- * 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.
+ * Combobox listbox positioned via floating-ui, a `role="listbox"` with
+ * `aria-multiselectable`/`aria-busy`, closing on Escape or outside
+ * interaction unless prevented.
  */
 type __VLS_Props = {
     /** Preferred edge of the input to place the listbox against. */
@@ -37,13 +36,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     side: Side;
     sideOffset: number;
     alignOffset: number;

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

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

@@ -1,8 +1,7 @@
 /**
  * Fallback shown in place of the item list when no `SkdxComboboxItem`s are
- * currently registered (e.g. the consumer's filtered results are empty).
- * Renders a `<div role="presentation">`; renders nothing while at least one
- * item is registered. Must be used inside `SkdxCombobox`.
+ * registered (e.g. filtered results are empty), rendered as a
+ * `<div role="presentation">`; must be used inside `SkdxCombobox`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,8 +1,7 @@
 /**
  * Fallback shown in place of the item list when no `SkdxComboboxItem`s are
- * currently registered (e.g. the consumer's filtered results are empty).
- * Renders a `<div role="presentation">`; renders nothing while at least one
- * item is registered. Must be used inside `SkdxCombobox`.
+ * registered (e.g. filtered results are empty), rendered as a
+ * `<div role="presentation">`; must be used inside `SkdxCombobox`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/combobox/ComboboxEmpty.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let e=require("vue");var n={key:0,class:"skdx-combobox__empty","data-part":"empty",role:"presentation"},u=(0,e.defineComponent)({__name:"ComboboxEmpty",setup(_){const t=(0,e.inject)(r.COMBOBOX_CONTEXT);if(!t)throw new Error("SkdxComboboxEmpty must be used within SkdxCombobox.");return(o,m)=>(0,e.unref)(t).itemCount.value===0?((0,e.openBlock)(),(0,e.createElementBlock)("div",n,[(0,e.renderSlot)(o.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=u;
+const r=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var n={key:0,class:"skdx-combobox__empty","data-part":"empty",role:"presentation"},_=(0,e.defineComponent)({__name:"ComboboxEmpty",setup(i){const t=r.injectRequired(u.COMBOBOX_CONTEXT,"SkdxComboboxEmpty must be used within SkdxCombobox.");return(o,m)=>(0,e.unref)(t).itemCount.value===0?((0,e.openBlock)(),(0,e.createElementBlock)("div",n,[(0,e.renderSlot)(o.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=_;

package/dist/combobox/ComboboxEmpty.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,7 +1,7 @@
 /**
- * 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.
+ * Groups related `SkdxComboboxItem`s under an `SkdxComboboxGroupLabel`,
+ * rendering a `<div role="group">` with `aria-labelledby` auto-wired to the
+ * generated label id.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,7 +1,7 @@
 /**
- * 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.
+ * Groups related `SkdxComboboxItem`s under an `SkdxComboboxGroupLabel`,
+ * rendering a `<div role="group">` with `aria-labelledby` auto-wired to the
+ * generated label id.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,7 +1,7 @@
 /**
- * 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`.
+ * The heading naming an `SkdxComboboxGroup`, rendered as a `<div>` (not an
+ * option arrow keys land on) carrying the id its group's `aria-labelledby`
+ * points at; must be inside `SkdxComboboxGroup`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,7 +1,7 @@
 /**
- * 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`.
+ * The heading naming an `SkdxComboboxGroup`, rendered as a `<div>` (not an
+ * option arrow keys land on) carrying the id its group's `aria-labelledby`
+ * points at; must be inside `SkdxComboboxGroup`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/combobox/ComboboxGroupLabel.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/combobox/ComboboxGroupLabel.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,11 +1,25 @@
 /**
- * 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.
+ * Text field with real DOM focus and popper anchor, rendering
+ * `role="combobox"` with `aria-expanded`/`aria-controls`/`aria-activedescendant`,
+ * requiring an accessible name via `<label>`, `aria-label`, or
+ * `aria-labelledby` since it takes none 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>;
+type __VLS_Props = {
+    /**
+     * Outline the skin gives the input, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the input at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native text input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | 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/combobox/ComboboxInput.vue.d.ts

@@ -1,11 +1,25 @@
 /**
- * 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.
+ * Text field with real DOM focus and popper anchor, rendering
+ * `role="combobox"` with `aria-expanded`/`aria-controls`/`aria-activedescendant`,
+ * requiring an accessible name via `<label>`, `aria-label`, or
+ * `aria-labelledby` since it takes none 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>;
+type __VLS_Props = {
+    /**
+     * Outline the skin gives the input, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the input at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native text input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | 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/combobox/ComboboxInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-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;
+const w=require("../utils/appearance.cjs"),q=require("../utils/injectRequired.cjs"),A=require("../utils/reassertValue.cjs"),C=require("../utils/popper.cjs"),E=require("./context.cjs");let t=require("vue");var D=["aria-expanded","aria-controls","aria-activedescendant","readonly","disabled","data-disabled","aria-invalid","aria-required","aria-readonly","aria-busy","data-invalid","data-readonly","data-loading","data-multiple","value"],V=(0,t.defineComponent)({inheritAttrs:!1,__name:"ComboboxInput",props:{shape:{},size:{}},setup(i,{expose:p}){const e=q.injectRequired(E.COMBOBOX_CONTEXT,"SkdxComboboxInput must be used within SkdxCombobox."),u=(0,t.inject)(C.POPPER_CONTEXT);if(!u)throw new Error("SkdxComboboxInput must be used within SkdxCombobox.");const v=new Set(["Home","End","PageUp","PageDown"]),r=(0,t.ref)(null);(0,t.onMounted)(()=>{e.inputRef.value=r.value,u.setAnchor(r.value)}),(0,t.onBeforeUnmount)(()=>{u.anchor.value===r.value&&u.setAnchor(null)});function l(a){a&&(e.setActiveId(a.id,"keyboard"),a.scrollIntoView?.({block:"nearest"}))}function d(){return e.orderedOptions()}function m(a){const n=d();if(n.length===0)return;const c=n.findIndex(I=>I.id===e.activeId.value);let o=c;c===-1&&(o=a===1?-1:0),l(n[e.loop?(o+a+n.length)%n.length:Math.min(n.length-1,Math.max(0,o+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 y(a){const n=a.target;e.onInputValueChange(n.value),e.open.value||e.setOpen(!0),A.reassertValue(n,()=>e.inputValue.value)}function b(){e.openOn==="type"||e.readOnly||e.open.value||e.setOpen(!0)}function h(){e.openOn!=="focus"||e.readOnly||e.open.value||e.setOpen(!0)}function x(a){return a.key==="ArrowDown"?(a.preventDefault(),e.open.value||e.setOpen(!0),!0):a.key==="ArrowUp"?(a.preventDefault(),e.activeId.value&&s(),e.open.value&&e.setOpen(!1),!0):!1}function f(a,n){a.preventDefault(),e.open.value?m(n):e.openWithHighlight(n===1?"first":"last")}function g(a){a.preventDefault();const n=d();l(a.key==="Home"||a.key==="PageUp"?n[0]:n[n.length-1])}function k(a){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)}function O(a){a.altKey&&x(a)||(a.key==="ArrowDown"?f(a,1):a.key==="ArrowUp"?f(a,-1):v.has(a.key)&&e.open.value?g(a):a.key==="Enter"?k(a):a.key==="Escape"&&e.open.value&&!e.contentRef.value&&(a.preventDefault(),e.setOpen(!1)))}function _(a){const n=a.relatedTarget;n&&(n===r.value||e.contentRef.value?.contains(n))||e.reconcileDraftText()}return p({focus:a=>r.value?.focus(a),el:r}),(a,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",(0,t.mergeProps)({ref_key:"elRef",ref:r,class:"skdx-combobox__input","data-part":"input",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-required":(0,t.unref)(e).required?!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},{...a.$attrs,...(0,t.unref)(w.appearanceAttrs)({shape:i.shape,size:i.size},a.$attrs)},{onInput:y,onClick:b,onFocus:h,onKeydown:O,onFocusout:_}),null,16,D))}});exports.default=V;

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

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

@@ -1,9 +1,8 @@
 /**
- * Option in `SkdxComboboxContent`, renders `<div role="option">` with
- * `data-value`, `aria-selected`, `data-state`, `data-highlighted`,
- * `data-disabled`. Registers text with root. Click selects (or toggles in
- * multiple mode). If filtered, unrendered (not hidden, to avoid
- * aria-activedescendant reach).
+ * Option in `SkdxComboboxContent`, rendering `<div role="option">` with
+ * `data-value`/`aria-selected`/`data-state`/`data-highlighted`/`data-disabled`,
+ * selecting (or toggling in multiple mode) on click and unrendering entirely
+ * while filtered out.
  */
 type __VLS_Props = {
     /** Unique identifier committed to the combobox root's value when this option is chosen. */
@@ -12,13 +11,13 @@ type __VLS_Props = {
      * Excludes this option from selection and pointer highlight.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Text matched by the root's `filter` and written into the input on select;
      * defaults to the item's rendered text content.
      * @default undefined — falls back to the item's rendered text content.
      */
-    textValue?: string;
+    textValue?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,9 +1,8 @@
 /**
- * Option in `SkdxComboboxContent`, renders `<div role="option">` with
- * `data-value`, `aria-selected`, `data-state`, `data-highlighted`,
- * `data-disabled`. Registers text with root. Click selects (or toggles in
- * multiple mode). If filtered, unrendered (not hidden, to avoid
- * aria-activedescendant reach).
+ * Option in `SkdxComboboxContent`, rendering `<div role="option">` with
+ * `data-value`/`aria-selected`/`data-state`/`data-highlighted`/`data-disabled`,
+ * selecting (or toggling in multiple mode) on click and unrendering entirely
+ * while filtered out.
  */
 type __VLS_Props = {
     /** Unique identifier committed to the combobox root's value when this option is chosen. */
@@ -12,13 +11,13 @@ type __VLS_Props = {
      * Excludes this option from selection and pointer highlight.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Text matched by the root's `filter` and written into the input on select;
      * defaults to the item's rendered text content.
      * @default undefined — falls back to the item's rendered text content.
      */
-    textValue?: string;
+    textValue?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/combobox/ComboboxItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const m=require("./context.cjs");let e=require("vue");var x=["id","data-value","aria-selected","data-state","data-highlighted","aria-disabled","data-disabled"],p=(0,e.defineComponent)({__name:"ComboboxItem",props:{value:{},disabled:{type:Boolean},textValue:{}},setup(i){const t=i,u=(0,e.inject)(m.COMBOBOX_CONTEXT);if(!u)throw new Error("SkdxComboboxItem must be used within SkdxCombobox.");const a=u,l=m.nextComboboxItemId(),r=(0,e.ref)(null),s=(0,e.computed)(()=>a.isSelected(t.value)),b=(0,e.computed)(()=>a.activeId.value===l),o=(0,e.ref)(t.textValue??null);function c(){const n=t.textValue??r.value?.textContent;n!=null&&n!==o.value&&(o.value=n)}const d=(0,e.computed)(()=>o.value===null||a.matchesFilter(o.value));function v(){d.value?a.registerItem(l,{value:t.value,text:o.value??""}):a.unregisterItem(l)}(0,e.onMounted)(()=>{c(),v()}),(0,e.onUpdated)(c),(0,e.watch)([d,()=>t.value,o],v),(0,e.onBeforeUnmount)(()=>a.unregisterItem(l));function f(){t.disabled||(a.selectItem(t.value,o.value??t.value,"pointer"),a.inputRef.value?.focus())}function h(){t.disabled||a.setActiveId(l,"pointer")}return(n,_)=>d.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-combobox__item","data-part":"item",ref_key:"itemRef",ref:r,role:"option",id:(0,e.unref)(l),"data-value":i.value,"aria-selected":s.value,"data-state":s.value?"checked":"unchecked","data-highlighted":b.value?"":void 0,"aria-disabled":i.disabled||void 0,"data-disabled":i.disabled?"":void 0,onClick:f,onPointerenter:h},[(0,e.renderSlot)(n.$slots,"default")],40,x)):(0,e.createCommentVNode)("",!0)}});exports.default=p;
+const x=require("../utils/injectRequired.cjs"),v=require("./context.cjs");let e=require("vue");var h=["id","data-value","aria-selected","data-state","data-highlighted","aria-disabled","data-disabled"],p=(0,e.defineComponent)({__name:"ComboboxItem",props:{value:{},disabled:{type:Boolean},textValue:{}},setup(u){const t=u,a=x.injectRequired(v.COMBOBOX_CONTEXT,"SkdxComboboxItem must be used within SkdxCombobox."),o=v.nextComboboxItemId(),d=(0,e.ref)(null),r=(0,e.computed)(()=>a.isSelected(t.value)),m=(0,e.computed)(()=>a.activeId.value===o),l=(0,e.ref)(t.textValue??null);function s(){const i=t.textValue??d.value?.textContent;i!=null&&i!==l.value&&(l.value=i)}const n=(0,e.computed)(()=>l.value===null||a.matchesFilter(l.value));function c(){n.value?a.registerItem(o,{value:t.value,text:l.value??""}):a.unregisterItem(o)}(0,e.onMounted)(()=>{s(),c()}),(0,e.onUpdated)(s),(0,e.watch)([n,()=>t.value,l],c),(0,e.onBeforeUnmount)(()=>a.unregisterItem(o));function b(){t.disabled||(a.selectItem(t.value,l.value??t.value,"pointer"),a.inputRef.value?.focus())}function f(){t.disabled||a.setActiveId(o,"pointer")}return(i,_)=>n.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,id:(0,e.unref)(o),ref_key:"itemRef",ref:d,class:"skdx-combobox__item","data-part":"item",role:"option","data-value":u.value,"aria-selected":r.value,"data-state":r.value?"checked":"unchecked","data-highlighted":m.value?"":void 0,"aria-disabled":u.disabled||void 0,"data-disabled":u.disabled?"":void 0,onClick:b,onPointerenter:f},[(0,e.renderSlot)(i.$slots,"default")],40,h)):(0,e.createCommentVNode)("",!0)}});exports.default=p;

package/dist/combobox/ComboboxItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{COMBOBOX_CONTEXT as e,nextComboboxItemId as a}from"./context.js";import{computed as t,createCommentVNode as o,createElementBlock as l,defineComponent as d,inject as n,onBeforeUnmount as s,onMounted as u,onUpdated as i,openBlock as r,ref as v,renderSlot as c,unref as m,watch as b}from"vue";var f=["id","data-value","aria-selected","data-state","data-highlighted","aria-disabled","data-disabled"],p=/* @__PURE__ */d({__name:"ComboboxItem",props:{value:{},disabled:{type:Boolean},textValue:{}},setup(d){const p=d,x=n(e);if(!x)throw new Error("SkdxComboboxItem must be used within SkdxCombobox.");const h=x,k=a(),C=v(null),I=t(()=>h.isSelected(p.value)),g=t(()=>h.activeId.value===k),B=v(p.textValue??null);function _(){const e=p.textValue??C.value?.textContent;null!=e&&e!==B.value&&(B.value=e)}const w=t(()=>null===B.value||h.matchesFilter(B.value));function O(){w.value?h.registerItem(k,{value:p.value,text:B.value??""}):h.unregisterItem(k)}function S(){p.disabled||(h.selectItem(p.value,B.value??p.value,"pointer"),h.inputRef.value?.focus())}function V(){p.disabled||h.setActiveId(k,"pointer")}return u(()=>{_(),O()}),i(_),b([w,()=>p.value,B],O),s(()=>h.unregisterItem(k)),(e,a)=>w.value?(r(),l("div",{key:0,class:"skdx-combobox__item","data-part":"item",ref_key:"itemRef",ref:C,role:"option",id:m(k),"data-value":d.value,"aria-selected":I.value,"data-state":I.value?"checked":"unchecked","data-highlighted":g.value?"":void 0,"aria-disabled":d.disabled||void 0,"data-disabled":d.disabled?"":void 0,onClick:S,onPointerenter:V},[c(e.$slots,"default")],40,f)):o("",!0)}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{COMBOBOX_CONTEXT as a,nextComboboxItemId as t}from"./context.js";import{computed as l,createCommentVNode as o,createElementBlock as d,defineComponent as i,onBeforeUnmount as u,onMounted as s,onUpdated as n,openBlock as r,ref as v,renderSlot as c,unref as m,watch as b}from"vue";var f=["id","data-value","aria-selected","data-state","data-highlighted","aria-disabled","data-disabled"],p=/* @__PURE__ */i({__name:"ComboboxItem",props:{value:{},disabled:{type:Boolean},textValue:{}},setup(i){const p=i,x=e(a,"SkdxComboboxItem must be used within SkdxCombobox."),h=t(),k=v(null),C=l(()=>x.isSelected(p.value)),I=l(()=>x.activeId.value===h),g=v(p.textValue??null);function B(){const e=p.textValue??k.value?.textContent;null!=e&&e!==g.value&&(g.value=e)}const _=l(()=>null===g.value||x.matchesFilter(g.value));function j(){_.value?x.registerItem(h,{value:p.value,text:g.value??""}):x.unregisterItem(h)}function O(){p.disabled||(x.selectItem(p.value,g.value??p.value,"pointer"),x.inputRef.value?.focus())}function R(){p.disabled||x.setActiveId(h,"pointer")}return s(()=>{B(),j()}),n(B),b([_,()=>p.value,g],j),u(()=>x.unregisterItem(h)),(e,a)=>_.value?(r(),d("div",{key:0,id:m(h),ref_key:"itemRef",ref:k,class:"skdx-combobox__item","data-part":"item",role:"option","data-value":i.value,"aria-selected":C.value,"data-state":C.value?"checked":"unchecked","data-highlighted":I.value?"":void 0,"aria-disabled":i.disabled||void 0,"data-disabled":i.disabled?"":void 0,onClick:O,onPointerenter:R},[c(e.$slots,"default")],40,f)):o("",!0)}});export{p as default};

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

@@ -1,8 +1,8 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Teleports `SkdxComboboxContent` to `document.body` (or custom `container`) to escape
- * clipping/`overflow` ancestors. Mounts only while open unless `forceMount` is set.
- * Must be used in `SkdxCombobox`.
+ * Teleports `SkdxComboboxContent` to `document.body` (or a custom
+ * `container`) to escape clipping/`overflow` ancestors, mounted only while
+ * open unless `forceMount` is set; must be used in `SkdxCombobox`.
  */
 type __VLS_Props = {
     /**

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

@@ -1,8 +1,8 @@
 import type { PortalContainer } from '../utils/portal.js';
 /**
- * Teleports `SkdxComboboxContent` to `document.body` (or custom `container`) to escape
- * clipping/`overflow` ancestors. Mounts only while open unless `forceMount` is set.
- * Must be used in `SkdxCombobox`.
+ * Teleports `SkdxComboboxContent` to `document.body` (or a custom
+ * `container`) to escape clipping/`overflow` ancestors, mounted only while
+ * open unless `forceMount` is set; must be used in `SkdxCombobox`.
  */
 type __VLS_Props = {
     /**

package/dist/combobox/ComboboxPortal.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/combobox/ComboboxPortal.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,8 +1,7 @@
 /**
- * Optional button that toggles the listbox. Renders `<button type="button">`
- * with `aria-expanded` and `aria-controls`; deliberately not a Tab stop (focus
- * must stay on input for `aria-activedescendant` to work). Give it an
- * `aria-label` — a chevron glyph is not an accessible name. Must be used
+ * Optional button that toggles the listbox, rendering `<button type="button">`
+ * with `aria-expanded`/`aria-controls`, deliberately not a Tab stop since
+ * focus must stay on input for `aria-activedescendant` to work; must be used
  * inside `SkdxCombobox`.
  */
 type __VLS_Props = {};

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

@@ -1,8 +1,7 @@
 /**
- * Optional button that toggles the listbox. Renders `<button type="button">`
- * with `aria-expanded` and `aria-controls`; deliberately not a Tab stop (focus
- * must stay on input for `aria-activedescendant` to work). Give it an
- * `aria-label` — a chevron glyph is not an accessible name. Must be used
+ * Optional button that toggles the listbox, rendering `<button type="button">`
+ * with `aria-expanded`/`aria-controls`, deliberately not a Tab stop since
+ * focus must stay on input for `aria-activedescendant` to work; must be used
  * inside `SkdxCombobox`.
  */
 type __VLS_Props = {};

package/dist/combobox/ComboboxTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var l=["aria-expanded","aria-controls","disabled","data-disabled","data-readonly","data-state"],i=(0,e.defineComponent)({__name:"ComboboxTrigger",setup(s){const r=(0,e.inject)(u.COMBOBOX_CONTEXT);if(!r)throw new Error("SkdxComboboxTrigger must be used within SkdxCombobox.");const t=r,n=(0,e.ref)(null);(0,e.onMounted)(()=>{t.triggerRef.value=n.value}),(0,e.onBeforeUnmount)(()=>{t.triggerRef.value===n.value&&(t.triggerRef.value=null)});function a(o){o.preventDefault()}function d(){t.readOnly||(t.setOpen(!t.open.value),t.inputRef.value?.focus())}return(o,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-combobox__trigger","data-part":"trigger",ref_key:"elRef",ref:n,type:"button",tabindex:-1,"aria-expanded":(0,e.unref)(t).open.value,"aria-controls":(0,e.unref)(t).open.value?(0,e.unref)(t).contentId:void 0,disabled:(0,e.unref)(t).disabled||void 0,"data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,"data-state":(0,e.unref)(t).open.value?"open":"closed",onMousedown:a,onClick:d},[(0,e.renderSlot)(o.$slots,"default")],40,l))}});exports.default=i;
+const u=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let r=require("vue");var i=["aria-expanded","aria-controls","disabled","data-disabled","data-readonly","data-state"],l=(0,r.defineComponent)({__name:"ComboboxTrigger",setup(s){const e=u.injectRequired(d.COMBOBOX_CONTEXT,"SkdxComboboxTrigger must be used within SkdxCombobox."),t=(0,r.ref)(null);(0,r.onMounted)(()=>{e.triggerRef.value=t.value}),(0,r.onBeforeUnmount)(()=>{e.triggerRef.value===t.value&&(e.triggerRef.value=null)});function o(n){n.preventDefault()}function a(){e.readOnly||(e.setOpen(!e.open.value),e.inputRef.value?.focus())}return(n,f)=>((0,r.openBlock)(),(0,r.createElementBlock)("button",{ref_key:"elRef",ref:t,class:"skdx-combobox__trigger","data-part":"trigger",type:"button",tabindex:-1,"aria-expanded":(0,r.unref)(e).open.value,"aria-controls":(0,r.unref)(e).open.value?(0,r.unref)(e).contentId:void 0,disabled:(0,r.unref)(e).disabled||void 0,"data-disabled":(0,r.unref)(e).disabled?"":void 0,"data-readonly":(0,r.unref)(e).readOnly?"":void 0,"data-state":(0,r.unref)(e).open.value?"open":"closed",onMousedown:o,onClick:a},[(0,r.renderSlot)(n.$slots,"default")],40,i))}});exports.default=l;

package/dist/combobox/ComboboxTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{COMBOBOX_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as o,inject as t,onBeforeUnmount as n,onMounted as r,openBlock as d,ref as l,renderSlot as s,unref as i}from"vue";var u=["aria-expanded","aria-controls","disabled","data-disabled","data-readonly","data-state"],f=/* @__PURE__ */o({__name:"ComboboxTrigger",setup(o){const f=t(e);if(!f)throw new Error("SkdxComboboxTrigger must be used within SkdxCombobox.");const b=f,p=l(null);function c(e){e.preventDefault()}function v(){b.readOnly||(b.setOpen(!b.open.value),b.inputRef.value?.focus())}return r(()=>{b.triggerRef.value=p.value}),n(()=>{b.triggerRef.value===p.value&&(b.triggerRef.value=null)}),(e,o)=>(d(),a("button",{class:"skdx-combobox__trigger","data-part":"trigger",ref_key:"elRef",ref:p,type:"button",tabindex:-1,"aria-expanded":i(b).open.value,"aria-controls":i(b).open.value?i(b).contentId:void 0,disabled:i(b).disabled||void 0,"data-disabled":i(b).disabled?"":void 0,"data-readonly":i(b).readOnly?"":void 0,"data-state":i(b).open.value?"open":"closed",onMousedown:c,onClick:v},[s(e.$slots,"default")],40,u))}});export{f as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{COMBOBOX_CONTEXT as a}from"./context.js";import{createElementBlock as o,defineComponent as t,onBeforeUnmount as n,onMounted as d,openBlock as r,ref as l,renderSlot as i,unref as s}from"vue";var u=["aria-expanded","aria-controls","disabled","data-disabled","data-readonly","data-state"],f=/* @__PURE__ */t({__name:"ComboboxTrigger",setup(t){const f=e(a,"SkdxComboboxTrigger must be used within SkdxCombobox."),p=l(null);function b(e){e.preventDefault()}function c(){f.readOnly||(f.setOpen(!f.open.value),f.inputRef.value?.focus())}return d(()=>{f.triggerRef.value=p.value}),n(()=>{f.triggerRef.value===p.value&&(f.triggerRef.value=null)}),(e,a)=>(r(),o("button",{ref_key:"elRef",ref:p,class:"skdx-combobox__trigger","data-part":"trigger",type:"button",tabindex:-1,"aria-expanded":s(f).open.value,"aria-controls":s(f).open.value?s(f).contentId:void 0,disabled:s(f).disabled||void 0,"data-disabled":s(f).disabled?"":void 0,"data-readonly":s(f).readOnly?"":void 0,"data-state":s(f).open.value?"open":"closed",onMousedown:b,onClick:c},[i(e.$slots,"default")],40,u))}});export{f as default};