@skdx/vue 0.28.0 → 0.29.0

package/dist/select/SelectAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./SelectContent.vue.js";import l from"./SelectGroup.vue.js";import t from"./SelectIcon.vue.js";import o from"./SelectItem.vue.js";import a from"./SelectItemIndicator.vue.js";import r from"./SelectItemText.vue.js";import u from"./SelectLabel.vue.js";import s from"./SelectTrigger.vue.js";import n from"./SelectValue.vue.js";import i from"./SelectViewport.vue.js";import{Fragment as d,createBlock as p,createElementBlock as m,createElementVNode as c,createTextVNode as v,createVNode as f,defineComponent as h,guardReactiveProps as k,normalizeProps as _,openBlock as b,renderList as S,renderSlot as j,toDisplayString as x,withCtx as g}from"vue";var w=/* @__PURE__ */h({inheritAttrs:!1,__name:"SelectAnatomy",props:{options:{},placeholder:{}},setup(h){function w(e){return"options"in e}return(y,B)=>(b(),m(d,null,[f(s,_(k(y.$attrs)),{default:g(()=>[y.$slots.value?(b(),p(n,{key:0,placeholder:h.placeholder},{default:g(()=>[j(y.$slots,"value")]),_:3},8,["placeholder"])):(b(),p(n,{key:1,placeholder:h.placeholder},null,8,["placeholder"])),f(t)]),_:3},16),f(e,null,{default:g(()=>[f(i,null,{default:g(()=>[(b(!0),m(d,null,S(h.options,e=>(b(),m(d,{key:w(e)?e.label:e.value},[w(e)?(b(),p(l,{key:0},{default:g(()=>[f(u,null,{default:g(()=>[v(x(e.label),1)]),_:2},1024),(b(!0),m(d,null,S(e.options,e=>(b(),p(o,{key:e.value,value:e.value,disabled:e.disabled,"text-value":e.label},{default:g(()=>[j(y.$slots,"option",{option:e},()=>[f(r,null,{default:g(()=>[v(x(e.label??e.value),1)]),_:2},1024),f(a,null,{default:g(()=>[...B[0]||(B[0]=[c("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true"},[c("path",{d:"M3 8.5 6.5 12 13 4.5",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])]),_:1})])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):(b(),p(o,{key:1,value:e.value,disabled:e.disabled,"text-value":e.label},{default:g(()=>[j(y.$slots,"option",{option:e},()=>[f(r,null,{default:g(()=>[v(x(e.label??e.value),1)]),_:2},1024),f(a,null,{default:g(()=>[...B[1]||(B[1]=[c("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true"},[c("path",{d:"M3 8.5 6.5 12 13 4.5",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])]),_:1})])]),_:2},1032,["value","disabled","text-value"]))],64))),128))]),_:3})]),_:3})],64))}});export{w as default};
+import e from"../utils/Glyph.vue.js";import{injectRequired as l}from"../utils/injectRequired.js";import{SELECT_CONTEXT as a}from"./context.js";import t from"./SelectAll.vue.js";import o from"./SelectClear.vue.js";import s from"./SelectContent.vue.js";import r from"./SelectEmpty.vue.js";import u from"./SelectGroup.vue.js";import i from"./SelectIcon.vue.js";import n from"./SelectInput.vue.js";import d from"./SelectItem.vue.js";import m from"./SelectItemIndicator.vue.js";import c from"./SelectItemText.vue.js";import p from"./SelectLabel.vue.js";import f from"./SelectTag.vue.js";import v from"./SelectTagList.vue.js";import b from"./SelectTagRemove.vue.js";import h from"./SelectTrigger.vue.js";import S from"./SelectValue.vue.js";import j from"./SelectViewport.vue.js";import{Fragment as y,createBlock as _,createCommentVNode as k,createElementBlock as x,createTextVNode as g,createVNode as L,defineComponent as T,mergeProps as C,openBlock as $,renderList as z,renderSlot as I,toDisplayString as V,unref as w,withCtx as B}from"vue";var E=/* @__PURE__ */T({inheritAttrs:!1,__name:"SelectAnatomy",props:{options:{},placeholder:{},clearable:{type:Boolean},ariaLabel:{},shape:{},size:{},status:{},density:{},matchWidth:{type:Boolean}},setup(T){const E=T,N=l(a,"[skdx] SkdxSelectAnatomy must be used within SkdxSelect.");function A(e){return"options"in e}function R(e){for(const l of E.options)if(A(l)){const a=l.options.find(l=>l.value===e);if(a)return a.label??a.value}else if(l.value===e)return l.label??l.value;return e}return(l,a)=>($(),x(y,null,[w(N).multiple?($(),_(v,{key:0,"aria-label":T.ariaLabel?`${T.ariaLabel} — selected`:void 0,density:T.density},{default:B(()=>[($(!0),x(y,null,z(w(N).selectedValues,a=>($(),_(f,{key:a,value:a,shape:T.shape,size:T.size,status:T.status},{default:B(()=>[I(l.$slots,"tag",{value:a},()=>[g(V(R(a)),1)]),L(b,null,{default:B(()=>[L(e,{name:"close"})]),_:1})]),_:2},1032,["value","shape","size","status"]))),128))]),_:3},8,["aria-label","density"])):k("",!0),w(N).filterable?($(),_(n,C({key:1},l.$attrs,{"aria-label":T.ariaLabel,placeholder:T.placeholder}),null,16,["aria-label","placeholder"])):($(),_(h,C({key:2},l.$attrs,{"aria-label":T.ariaLabel,shape:T.shape,size:T.size}),{default:B(()=>[l.$slots.value?($(),_(S,{key:0,placeholder:T.placeholder},{default:B(()=>[I(l.$slots,"value")]),_:3},8,["placeholder"])):($(),_(S,{key:1,placeholder:T.placeholder},null,8,["placeholder"])),L(i)]),_:3},16,["aria-label","shape","size"])),T.clearable?($(),_(o,{key:3,"aria-label":"Clear selection"},{default:B(()=>[L(e,{name:"close"})]),_:1})):k("",!0),L(s,{"match-width":T.matchWidth},{default:B(()=>[L(j,null,{default:B(()=>[L(t,null,{default:B(()=>[...a[0]||(a[0]=[g("Select all",-1)])]),_:1}),($(!0),x(y,null,z(T.options,a=>($(),x(y,{key:A(a)?a.label:a.value},[A(a)?($(),_(u,{key:0},{default:B(()=>[L(p,null,{default:B(()=>[g(V(a.label),1)]),_:2},1024),($(!0),x(y,null,z(a.options,a=>($(),_(d,{key:a.value,value:a.value,disabled:a.disabled,"text-value":a.label},{default:B(()=>[I(l.$slots,"option",{option:a},()=>[L(c,null,{default:B(()=>[g(V(a.label??a.value),1)]),_:2},1024),L(m,null,{default:B(()=>[L(e,{name:"check"})]),_:1})])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):($(),_(d,{key:1,value:a.value,disabled:a.disabled,"text-value":a.label},{default:B(()=>[I(l.$slots,"option",{option:a},()=>[L(c,null,{default:B(()=>[g(V(a.label??a.value),1)]),_:2},1024),L(m,null,{default:B(()=>[L(e,{name:"check"})]),_:1})])]),_:2},1032,["value","disabled","text-value"]))],64))),128))]),_:3})]),_:3},8,["match-width"]),L(r,null,{default:B(()=>[...a[1]||(a[1]=[g("No results found",-1)])]),_:1})],64))}});export{E as default};

package/dist/select/SelectClear.vue.cjs

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

package/dist/select/SelectClear.vue.js

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

package/dist/select/SelectClear.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var o=["disabled","data-disabled","data-readonly","aria-label"],c=(0,e.defineComponent)({name:"SkdxSelectClear",inheritAttrs:!1,__name:"SelectClear",setup(_){const a=(0,e.useAttrs)(),r=(0,e.computed)(()=>a["aria-label"]!==void 0||a["aria-labelledby"]!==void 0?void 0:"Clear selection"),t=s.injectRequired(u.SELECT_CONTEXT,"[skdx] SkdxSelectClear must be used within SkdxSelect."),d=(0,e.computed)(()=>t.selectedValues.length===0&&t.inputValue===""),i=(0,e.computed)(()=>t.disabled||t.readOnly||d.value);function n(){t.clear(),(t.inputEl??t.triggerEl)?.focus()}return(l,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({type:"button",class:"skdx-select__clear","data-part":"clear",disabled:i.value,"data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,"aria-label":r.value},l.$attrs,{onClick:n}),[(0,e.renderSlot)(l.$slots,"default")],16,o))}});exports.default=c;

package/dist/select/SelectClear.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{SELECT_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as l,defineComponent as d,mergeProps as r,openBlock as s,renderSlot as i,unref as o,useAttrs as n}from"vue";var u=["disabled","data-disabled","data-readonly","aria-label"],c=/* @__PURE__ */d({name:"SkdxSelectClear",inheritAttrs:!1,__name:"SelectClear",setup(d){const c=n(),b=t(()=>void 0!==c["aria-label"]||void 0!==c["aria-labelledby"]?void 0:"Clear selection"),m=e(a,"[skdx] SkdxSelectClear must be used within SkdxSelect."),p=t(()=>0===m.selectedValues.length&&""===m.inputValue),v=t(()=>m.disabled||m.readOnly||p.value);function f(){m.clear(),(m.inputEl??m.triggerEl)?.focus()}return(e,a)=>(s(),l("button",r({type:"button",class:"skdx-select__clear","data-part":"clear",disabled:v.value,"data-disabled":o(m).disabled?"":void 0,"data-readonly":o(m).readOnly?"":void 0,"aria-label":b.value},e.$attrs,{onClick:f}),[i(e.$slots,"default")],16,u))}});export{c as default};

package/dist/select/SelectContent.vue.d.cts

@@ -1,14 +1,7 @@
 import { type PopperPositionOptions } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
-/**
- * The floating listbox (role="listbox"), positioned relative to the trigger via @floating-ui/dom
- * (strategy: 'fixed'). Renders only while open with data-state and resolved data-side/data-align
- * placement hooks, plus aria-multiselectable="true" when multiple. Measurement properties
- * (`--skdx-select-available-*`, `--skdx-select-trigger-width`, `--skdx-select-transform-origin`)
- * allow CSS-only sizing and animation. Not focusable (real DOM focus stays on trigger);
- * only moves virtual active option and handles opening/closing.
- */
+/** The floating listbox (role="listbox"), positioned relative to the trigger and rendered only while open. */
 type __VLS_Props = {
     /** Preferred edge of the trigger to place the listbox. */
     side?: PopperPositionOptions['side'];
@@ -27,30 +20,36 @@ type __VLS_Props = {
      * @default undefined — the listbox's clipping ancestors.
      */
     collisionBoundary?: PopperPositionOptions['collisionBoundary'];
+    /**
+     * Whether the skin sizes the panel to match its trigger's width, as `data-match-width`.
+     * @default undefined — falls back to a `data-match-width` attribute.
+     */
+    matchWidth?: boolean | undefined;
 };
 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, {
-    "focus-outside": (event: FocusOutsideEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "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;
-    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    align: import("../utils/popper.cjs").Align;
-    side: import("../utils/popper.cjs").Side;
+    align: PopperPositionOptions["align"];
+    side: PopperPositionOptions["side"];
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;
-    collisionPadding: number | Partial<Record<import("../utils/direction.cjs").PhysicalSide, number>>;
+    collisionPadding: PopperPositionOptions["collisionPadding"];
+    matchWidth: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/select/SelectContent.vue.d.ts

@@ -1,14 +1,7 @@
 import { type PopperPositionOptions } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
-/**
- * The floating listbox (role="listbox"), positioned relative to the trigger via @floating-ui/dom
- * (strategy: 'fixed'). Renders only while open with data-state and resolved data-side/data-align
- * placement hooks, plus aria-multiselectable="true" when multiple. Measurement properties
- * (`--skdx-select-available-*`, `--skdx-select-trigger-width`, `--skdx-select-transform-origin`)
- * allow CSS-only sizing and animation. Not focusable (real DOM focus stays on trigger);
- * only moves virtual active option and handles opening/closing.
- */
+/** The floating listbox (role="listbox"), positioned relative to the trigger and rendered only while open. */
 type __VLS_Props = {
     /** Preferred edge of the trigger to place the listbox. */
     side?: PopperPositionOptions['side'];
@@ -27,30 +20,36 @@ type __VLS_Props = {
      * @default undefined — the listbox's clipping ancestors.
      */
     collisionBoundary?: PopperPositionOptions['collisionBoundary'];
+    /**
+     * Whether the skin sizes the panel to match its trigger's width, as `data-match-width`.
+     * @default undefined — falls back to a `data-match-width` attribute.
+     */
+    matchWidth?: boolean | undefined;
 };
 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, {
-    "focus-outside": (event: FocusOutsideEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "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;
-    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    align: import("../utils/popper.js").Align;
-    side: import("../utils/popper.js").Side;
+    align: PopperPositionOptions["align"];
+    side: PopperPositionOptions["side"];
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;
-    collisionPadding: number | Partial<Record<import("../utils/direction.js").PhysicalSide, number>>;
+    collisionPadding: PopperPositionOptions["collisionPadding"];
+    matchWidth: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/select/SelectContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const y=require("../utils/composeRefs.cjs"),C=require("../utils/useDismiss.cjs"),u=require("./context.cjs"),S=require("../utils/popper.cjs");let n=require("vue");var w=["id","aria-multiselectable","data-state","data-multiple","data-side","data-align","hidden"],E=(0,n.defineComponent)({__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(f,{emit:p}){function m(e,o){const s=e.querySelector('[data-part="viewport"]')??e;if(s===o||!s.contains(o))return;const l=s.getBoundingClientRect(),d=o.getBoundingClientRect();s.scrollTop+=d.top-l.top-(l.height-d.height)/2}const i=f,r=p,t=(0,n.inject)(u.SELECT_CONTEXT);if(!t)throw new Error("[skdx] SkdxSelectContent must be used within SkdxSelect.");t.closeAutoFocus.current=e=>r("close-auto-focus",e);const a=(0,n.ref)(null),g=y.composeRefs(a,e=>{t.contentEl=e}),{placedSide:_,placedAlign:O}=S.usePopperPosition((0,n.computed)(()=>t.triggerEl),a,(0,n.computed)(()=>t.open),()=>({side:i.side,align:i.align,sideOffset:i.sideOffset,alignOffset:i.alignOffset,avoidCollisions:i.avoidCollisions,collisionPadding:i.collisionPadding,collisionBoundary:i.collisionBoundary,component:"select"}));(0,n.watch)(()=>t.open,e=>{!e||typeof document>"u"||requestAnimationFrame(()=>{const o=a.value;if(!o)return;const s=t.openIntent;t.openIntent="selected";const l=Array.from(o.querySelectorAll(u.OPTION_SELECTOR)),d=l[0],h=l[l.length-1],q=o.querySelector('[role="option"][data-state="checked"]'),c=s==="first"?d:s==="last"?h:q??d;c&&(t.setActiveId(c.id),m(o,c))})},{immediate:!0}),C.useDismiss({enabled:(0,n.computed)(()=>t.open),onEscapeKeyDown:e=>{r("escape-key-down",e),!e.defaultPrevented&&(t.setOpen(!1),t.focusTrigger())},onPointerDownOutside:e=>{r("pointer-down-outside",e),e.defaultPrevented||t.setOpen(!1)},onFocusOutside:e=>{r("focus-outside",e),e.defaultPrevented||t.setOpen(!1)},onInteractOutside:e=>r("interact-outside",e)},[a,(0,n.computed)(()=>t.triggerEl)]);function v(e){e.preventDefault()}return(e,o)=>((0,n.openBlock)(),(0,n.createElementBlock)("div",{class:"skdx-select__content","data-part":"content",ref:(0,n.unref)(g),role:"listbox",tabindex:"-1",id:(0,n.unref)(t).contentId,"aria-multiselectable":(0,n.unref)(t).multiple?!0:void 0,"data-state":(0,n.unref)(t).open?"open":"closed","data-multiple":(0,n.unref)(t).multiple?"":void 0,"data-side":(0,n.unref)(_),"data-align":(0,n.unref)(O),hidden:!(0,n.unref)(t).open,onMousedown:v},[(0,n.renderSlot)(e.$slots,"default")],40,w))}});exports.default=E;
+const h=require("../utils/appearance.cjs"),O=require("../utils/injectRequired.cjs"),y=require("../utils/composeRefs.cjs"),b=require("../utils/useDismiss.cjs"),f=require("./context.cjs"),C=require("../utils/popper.cjs");let t=require("vue");var E=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align","hidden"],P=(0,t.defineComponent)({inheritAttrs:!1,__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},matchWidth:{type:Boolean,default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(l,{emit:p}){const o=l,i=p,e=O.injectRequired(f.SELECT_CONTEXT,"[skdx] SkdxSelectContent must be used within SkdxSelect.");e.closeAutoFocus.current=n=>i("close-auto-focus",n);const a=(0,t.ref)(null),m=y.composeRefs(a,n=>{e.contentEl=n}),{placedSide:g,placedAlign:v}=C.usePopperPosition((0,t.computed)(()=>e.inputEl??e.triggerEl),a,(0,t.computed)(()=>e.open),()=>({side:o.side,align:o.align,sideOffset:o.sideOffset,alignOffset:o.alignOffset,avoidCollisions:o.avoidCollisions,collisionPadding:o.collisionPadding,collisionBoundary:o.collisionBoundary,component:"select"}));(0,t.watch)(()=>e.open,n=>{!n||typeof document>"u"||requestAnimationFrame(()=>{const r=a.value;if(!r)return;const u=e.openIntent;e.openIntent="selected";const d=e.orderedOptions(),c=d[0],q=d[d.length-1];let s=r.querySelector('[role="option"][data-state="checked"]:not([data-part="select-all"])')??c;if(u==="first")s=c;else if(u==="last")s=q;else if(e.filterable)return;e.activeId===null&&s&&(e.setActiveId(s.id),f.scrollIntoListbox(r,s))})},{immediate:!0}),b.useDismiss({enabled:(0,t.computed)(()=>e.open),onEscapeKeyDown:n=>{i("escape-key-down",n),!n.defaultPrevented&&(e.setOpen(!1),e.focusTrigger())},onPointerDownOutside:n=>{i("pointer-down-outside",n),n.defaultPrevented||e.setOpen(!1)},onFocusOutside:n=>{i("focus-outside",n),n.defaultPrevented||e.setOpen(!1)},onInteractOutside:n=>i("interact-outside",n)},[a,(0,t.computed)(()=>e.triggerEl),(0,t.computed)(()=>e.inputEl)]);function _(n){n.preventDefault()}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({id:(0,t.unref)(e).contentId,ref:(0,t.unref)(m),class:"skdx-select__content","data-part":"content",role:"listbox",tabindex:"-1","aria-multiselectable":(0,t.unref)(e).multiple?!0:void 0,"aria-busy":(0,t.unref)(e).loading?!0:void 0,"data-state":(0,t.unref)(e).open?"open":"closed","data-loading":(0,t.unref)(e).loading?"":void 0,"data-multiple":(0,t.unref)(e).multiple?"":void 0,"data-side":(0,t.unref)(g),"data-align":(0,t.unref)(v),hidden:!(0,t.unref)(e).open},{...n.$attrs,...(0,t.unref)(h.appearanceAttrs)({matchWidth:l.matchWidth},n.$attrs)},{onMousedown:_}),[(0,t.renderSlot)(n.$slots,"default")],16,E))}});exports.default=P;

package/dist/select/SelectContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as t}from"../utils/useDismiss.js";import{OPTION_SELECTOR as o,SELECT_CONTEXT as s}from"./context.js";import{usePopperPosition as n}from"../utils/popper.js";import{computed as i,createElementBlock as a,defineComponent as l,inject as d,openBlock as r,ref as c,renderSlot as u,unref as p,watch as f}from"vue";var m=["id","aria-multiselectable","data-state","data-multiple","data-side","data-align","hidden"],g=/* @__PURE__ */l({__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(l,{emit:g}){const O=l,v=g,w=d(s);if(!w)throw new Error("[skdx] SkdxSelectContent must be used within SkdxSelect.");w.closeAutoFocus.current=e=>v("close-auto-focus",e);const y=c(null),S=e(y,e=>{w.contentEl=e}),{placedSide:h,placedAlign:C}=n(i(()=>w.triggerEl),y,i(()=>w.open),()=>({side:O.side,align:O.align,sideOffset:O.sideOffset,alignOffset:O.alignOffset,avoidCollisions:O.avoidCollisions,collisionPadding:O.collisionPadding,collisionBoundary:O.collisionBoundary,component:"select"}));function E(e){e.preventDefault()}return f(()=>w.open,e=>{!e||typeof document>"u"||requestAnimationFrame(()=>{const e=y.value;if(!e)return;const t=w.openIntent;w.openIntent="selected";const s=Array.from(e.querySelectorAll(o)),n=s[0],i=s[s.length-1],a=e.querySelector('[role="option"][data-state="checked"]'),l="first"===t?n:"last"===t?i:a??n;l&&(w.setActiveId(l.id),function(e,t){const o=e.querySelector('[data-part="viewport"]')??e;if(o===t||!o.contains(t))return;const s=o.getBoundingClientRect(),n=t.getBoundingClientRect();o.scrollTop+=n.top-s.top-(s.height-n.height)/2}(e,l))})},{immediate:!0}),t({enabled:i(()=>w.open),onEscapeKeyDown:e=>{v("escape-key-down",e),!e.defaultPrevented&&(w.setOpen(!1),w.focusTrigger())},onPointerDownOutside:e=>{v("pointer-down-outside",e),e.defaultPrevented||w.setOpen(!1)},onFocusOutside:e=>{v("focus-outside",e),e.defaultPrevented||w.setOpen(!1)},onInteractOutside:e=>v("interact-outside",e)},[y,i(()=>w.triggerEl)]),(e,t)=>(r(),a("div",{class:"skdx-select__content","data-part":"content",ref:p(S),role:"listbox",tabindex:"-1",id:p(w).contentId,"aria-multiselectable":!!p(w).multiple||void 0,"data-state":p(w).open?"open":"closed","data-multiple":p(w).multiple?"":void 0,"data-side":p(h),"data-align":p(C),hidden:!p(w).open,onMousedown:E},[u(e.$slots,"default")],40,m))}});export{g as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{composeRefs as o}from"../utils/composeRefs.js";import{useDismiss as s}from"../utils/useDismiss.js";import{SELECT_CONTEXT as i,scrollIntoListbox as a}from"./context.js";import{usePopperPosition as n}from"../utils/popper.js";import{computed as l,createElementBlock as d,defineComponent as r,mergeProps as u,openBlock as c,ref as p,renderSlot as f,unref as m,watch as g}from"vue";var v=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align","hidden"],O=/* @__PURE__ */r({inheritAttrs:!1,__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},matchWidth:{type:Boolean,default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(r,{emit:O}){const h=r,y=O,b=t(i,"[skdx] SkdxSelectContent must be used within SkdxSelect.");b.closeAutoFocus.current=e=>y("close-auto-focus",e);const E=p(null),P=o(E,e=>{b.contentEl=e}),{placedSide:k,placedAlign:w}=n(l(()=>b.inputEl??b.triggerEl),E,l(()=>b.open),()=>({side:h.side,align:h.align,sideOffset:h.sideOffset,alignOffset:h.alignOffset,avoidCollisions:h.avoidCollisions,collisionPadding:h.collisionPadding,collisionBoundary:h.collisionBoundary,component:"select"}));function x(e){e.preventDefault()}return g(()=>b.open,e=>{!e||typeof document>"u"||requestAnimationFrame(()=>{const e=E.value;if(!e)return;const t=b.openIntent;b.openIntent="selected";const o=b.orderedOptions(),s=o[0],i=o[o.length-1];let n=e.querySelector('[role="option"][data-state="checked"]:not([data-part="select-all"])')??s;if("first"===t)n=s;else if("last"===t)n=i;else if(b.filterable)return;null===b.activeId&&n&&(b.setActiveId(n.id),a(e,n))})},{immediate:!0}),s({enabled:l(()=>b.open),onEscapeKeyDown:e=>{y("escape-key-down",e),!e.defaultPrevented&&(b.setOpen(!1),b.focusTrigger())},onPointerDownOutside:e=>{y("pointer-down-outside",e),e.defaultPrevented||b.setOpen(!1)},onFocusOutside:e=>{y("focus-outside",e),e.defaultPrevented||b.setOpen(!1)},onInteractOutside:e=>y("interact-outside",e)},[E,l(()=>b.triggerEl),l(()=>b.inputEl)]),(t,o)=>(c(),d("div",u({id:m(b).contentId,ref:m(P),class:"skdx-select__content","data-part":"content",role:"listbox",tabindex:"-1","aria-multiselectable":!!m(b).multiple||void 0,"aria-busy":!!m(b).loading||void 0,"data-state":m(b).open?"open":"closed","data-loading":m(b).loading?"":void 0,"data-multiple":m(b).multiple?"":void 0,"data-side":m(k),"data-align":m(w),hidden:!m(b).open},{...t.$attrs,...m(e)({matchWidth:r.matchWidth},t.$attrs)},{onMousedown:x}),[f(t.$slots,"default")],16,v))}});export{O as default};

package/dist/select/SelectEmpty.vue.cjs

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

package/dist/select/SelectEmpty.vue.js

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

package/dist/select/SelectEmpty.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var c={key:0,role:"presentation","aria-live":"polite",class:"skdx-select__empty","data-part":"empty"},l=(0,e.defineComponent)({name:"SkdxSelectEmpty",__name:"SelectEmpty",setup(d){const t=u.injectRequired(o.SELECT_CONTEXT,"[skdx] SkdxSelectEmpty must be used within SkdxSelect."),r=(0,e.computed)(()=>t.open&&t.itemCount===0);return(n,i)=>r.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",c,[(0,e.renderSlot)(n.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=l;

package/dist/select/SelectEmpty.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{SELECT_CONTEXT as t}from"./context.js";import{computed as a,createCommentVNode as o,createElementBlock as s,defineComponent as m,openBlock as r,renderSlot as n}from"vue";var l={key:0,role:"presentation","aria-live":"polite",class:"skdx-select__empty","data-part":"empty"},i=/* @__PURE__ */m({name:"SkdxSelectEmpty",__name:"SelectEmpty",setup(m){const i=e(t,"[skdx] SkdxSelectEmpty must be used within SkdxSelect."),p=a(()=>i.open&&0===i.itemCount);return(e,t)=>p.value?(r(),s("div",l,[n(e.$slots,"default")])):o("",!0)}});export{i as default};

package/dist/select/SelectGroup.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Groups related SelectItems under a SelectLabel (role="group"). Automatically wires aria-labelledby.
- * Label is required inside Group.
- */
+/** Groups related SelectItems under a SelectLabel (role="group"), automatically wiring aria-labelledby. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectGroup.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Groups related SelectItems under a SelectLabel (role="group"). Automatically wires aria-labelledby.
- * Label is required inside Group.
- */
+/** Groups related SelectItems under a SelectLabel (role="group"), automatically wiring aria-labelledby. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectIcon.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * Decorative indicator inside a {@link SelectTrigger} (e.g. a chevron).
- * Renders an `aria-hidden` `<span>` defaulting to `▾` when no content is
- * provided.
- */
+/** Decorative indicator inside a {@link SelectTrigger}, rendering an `aria-hidden` `<span>` defaulting to `▾`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectIcon.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * Decorative indicator inside a {@link SelectTrigger} (e.g. a chevron).
- * Renders an `aria-hidden` `<span>` defaulting to `▾` when no content is
- * provided.
- */
+/** Decorative indicator inside a {@link SelectTrigger}, rendering an `aria-hidden` `<span>` defaulting to `▾`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectInput.vue.cjs

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

package/dist/select/SelectInput.vue.d.cts

@@ -0,0 +1,9 @@
+/** The filter text field that holds DOM focus in the trigger's place, narrowing the options as the consumer types. */
+type __VLS_Props = {};
+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<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/select/SelectInput.vue.d.ts

@@ -0,0 +1,9 @@
+/** The filter text field that holds DOM focus in the trigger's place, narrowing the options as the consumer types. */
+type __VLS_Props = {};
+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<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/select/SelectInput.vue.js

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

package/dist/select/SelectInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const x=require("../utils/injectRequired.cjs"),b=require("../utils/reassertValue.cjs"),s=require("./context.cjs");let a=require("vue");var E=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","aria-required","aria-busy","data-invalid","data-readonly","data-disabled","data-loading","data-multiple","data-state","value"],h=(0,a.defineComponent)({__name:"SelectInput",setup(O,{expose:c}){const e=x.injectRequired(s.SELECT_CONTEXT,"[skdx] SkdxSelectInput must be used within SkdxSelect."),i=(0,a.ref)(null);(0,a.onMounted)(()=>{e.inputEl=i.value}),(0,a.onBeforeUnmount)(()=>{e.inputEl===i.value&&(e.inputEl=null)});function o(t){return e.setActiveId(t.id),t.scrollIntoView?.({block:"nearest"}),t.id}function u(t){const n=e.orderedOptions();if(n.length===0)return null;const r=n.findIndex(l=>l.id===e.activeId);return o(n[Math.min(n.length-1,Math.max(0,r+t))])}function f(t){const n=e.orderedOptions();n.length!==0&&o(t==="last"?n[n.length-1]:n[0])}function p(t){const n=e.activeId,r=u(t);if(r===null||r===n)return;const l=e.getItem(r);l&&e.selectItem(l.value,"keyboard")}function v(t){const n=t.target;e.setInputValue(n.value),e.open||e.setOpen(!0),b.reassertValue(n,()=>e.inputValue)}function y(){e.open&&e.setOpen(!1)}function d(t,n){if(t.preventDefault(),e.open){u(n);return}e.openIntent=n===1?"first":"last",e.setOpen(!0)}function m(t){e.open&&(t.preventDefault(),f(t.key==="Home"?"first":"last"))}function _(t){const n=e.activeId?e.getItem(e.activeId):void 0;n&&(t.preventDefault(),e.selectItem(n.value,"keyboard"),e.closeOnSelect&&e.setOpen(!1))}function k(t){e.open&&!e.contentEl&&(t.preventDefault(),e.setOpen(!1))}function I(t){if(!e.open||!e.multiple)return!1;const n=s.selectSelectionKeyAction(t,{allowSelectAll:e.allowSelectAll,hasActive:e.activeId!==null});return n?(t.preventDefault(),n.kind==="extend"?p(n.direction):n.kind==="range"?e.selectRange():n.kind==="sweep"?e.selectToEdge(n.edge):e.selectAllOrClear(),!0):!1}function g(t){e.disabled||I(t)||(t.key==="ArrowDown"?d(t,1):t.key==="ArrowUp"?d(t,-1):t.key==="Home"||t.key==="End"?m(t):t.key==="Enter"?_(t):t.key==="Escape"?k(t):t.key==="Backspace"&&e.inputValue===""&&e.removeLast())}return c({focus:t=>i.value?.focus(t),el:i}),(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)("input",{ref_key:"elRef",ref:i,class:"skdx-select__input","data-part":"input",type:"text",role:"combobox","aria-haspopup":"listbox","aria-autocomplete":"list",autocomplete:"off","aria-expanded":(0,a.unref)(e).open,"aria-controls":(0,a.unref)(e).contentId,"aria-activedescendant":(0,a.unref)(e).activeId??void 0,disabled:(0,a.unref)(e).disabled||void 0,readonly:(0,a.unref)(e).readOnly||void 0,"aria-invalid":(0,a.unref)(e).invalid?!0:void 0,"aria-readonly":(0,a.unref)(e).readOnly?!0:void 0,"aria-required":(0,a.unref)(e).required||void 0,"aria-busy":(0,a.unref)(e).loading?!0:void 0,"data-invalid":(0,a.unref)(e).invalid?"":void 0,"data-readonly":(0,a.unref)(e).readOnly?"":void 0,"data-disabled":(0,a.unref)(e).disabled?"":void 0,"data-loading":(0,a.unref)(e).loading?"":void 0,"data-multiple":(0,a.unref)(e).multiple?"":void 0,"data-state":(0,a.unref)(e).open?"open":"closed",value:(0,a.unref)(e).inputValue,onInput:v,onBlur:y,onKeydown:g},null,40,E))}});exports.default=h;

package/dist/select/SelectInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{reassertValue as t}from"../utils/reassertValue.js";import{SELECT_CONTEXT as a,selectSelectionKeyAction as n}from"./context.js";import{createElementBlock as i,defineComponent as l,onBeforeUnmount as o,onMounted as d,openBlock as r,ref as s,unref as u}from"vue";var c=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","aria-required","aria-busy","data-invalid","data-readonly","data-disabled","data-loading","data-multiple","data-state","value"],p=/* @__PURE__ */l({__name:"SelectInput",setup(l,{expose:p}){const v=e(a,"[skdx] SkdxSelectInput must be used within SkdxSelect."),f=s(null);function m(e){return v.setActiveId(e.id),e.scrollIntoView?.({block:"nearest"}),e.id}function y(e){const t=v.orderedOptions();if(0===t.length)return null;const a=t.findIndex(e=>e.id===v.activeId);return m(t[Math.min(t.length-1,Math.max(0,a+e))])}function k(e){const a=e.target;v.setInputValue(a.value),v.open||v.setOpen(!0),t(a,()=>v.inputValue)}function I(){v.open&&v.setOpen(!1)}function b(e,t){e.preventDefault(),v.open?y(t):(v.openIntent=1===t?"first":"last",v.setOpen(!0))}function g(e){v.disabled||function(e){if(!v.open||!v.multiple)return!1;const t=n(e,{allowSelectAll:v.allowSelectAll,hasActive:null!==v.activeId});return!!t&&(e.preventDefault(),"extend"===t.kind?function(e){const t=v.activeId,a=y(e);if(null===a||a===t)return;const n=v.getItem(a);n&&v.selectItem(n.value,"keyboard")}(t.direction):"range"===t.kind?v.selectRange():"sweep"===t.kind?v.selectToEdge(t.edge):v.selectAllOrClear(),!0)}(e)||("ArrowDown"===e.key?b(e,1):"ArrowUp"===e.key?b(e,-1):"Home"===e.key||"End"===e.key?function(e){v.open&&(e.preventDefault(),function(e){const t=v.orderedOptions();0!==t.length&&m("last"===e?t[t.length-1]:t[0])}("Home"===e.key?"first":"last"))}(e):"Enter"===e.key?function(e){const t=v.activeId?v.getItem(v.activeId):void 0;t&&(e.preventDefault(),v.selectItem(t.value,"keyboard"),v.closeOnSelect&&v.setOpen(!1))}(e):"Escape"===e.key?function(e){v.open&&!v.contentEl&&(e.preventDefault(),v.setOpen(!1))}(e):"Backspace"===e.key&&""===v.inputValue&&v.removeLast())}return d(()=>{v.inputEl=f.value}),o(()=>{v.inputEl===f.value&&(v.inputEl=null)}),p({focus:e=>f.value?.focus(e),el:f}),(e,t)=>(r(),i("input",{ref_key:"elRef",ref:f,class:"skdx-select__input","data-part":"input",type:"text",role:"combobox","aria-haspopup":"listbox","aria-autocomplete":"list",autocomplete:"off","aria-expanded":u(v).open,"aria-controls":u(v).contentId,"aria-activedescendant":u(v).activeId??void 0,disabled:u(v).disabled||void 0,readonly:u(v).readOnly||void 0,"aria-invalid":!!u(v).invalid||void 0,"aria-readonly":!!u(v).readOnly||void 0,"aria-required":u(v).required||void 0,"aria-busy":!!u(v).loading||void 0,"data-invalid":u(v).invalid?"":void 0,"data-readonly":u(v).readOnly?"":void 0,"data-disabled":u(v).disabled?"":void 0,"data-loading":u(v).loading?"":void 0,"data-multiple":u(v).multiple?"":void 0,"data-state":u(v).open?"open":"closed",value:u(v).inputValue,onInput:k,onBlur:I,onKeydown:g},null,40,c))}});export{p as default};

package/dist/select/SelectItem.vue.d.cts

@@ -1,9 +1,4 @@
-/**
- * One selectable option within SelectContent (role="option"). Captures its slotted
- * text for SelectValue. Click selects and closes (or toggles in multiple mode). Uses
- * aria-disabled and data-disabled, not native disabled (inert on role="option").
- * Not focusable — real DOM focus stays on trigger; this element only publishes virtual focus via data-highlighted.
- */
+/** One selectable option within SelectContent (role="option") that captures its slotted text for SelectValue. */
 type __VLS_Props = {
     /** Identifier committed to the root's value when chosen. */
     value: string;
@@ -11,12 +6,12 @@ type __VLS_Props = {
      * Excludes from selection and keyboard navigation.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * Text for Trigger label and typeahead, published as data-text-value; falls back to rendered text.
+     * Text for Trigger label, typeahead and the root filter, published as data-text-value; falls back to rendered text.
      * @default undefined — falls back to the option's rendered text content.
      */
-    textValue?: string;
+    textValue?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectItem.vue.d.ts

@@ -1,9 +1,4 @@
-/**
- * One selectable option within SelectContent (role="option"). Captures its slotted
- * text for SelectValue. Click selects and closes (or toggles in multiple mode). Uses
- * aria-disabled and data-disabled, not native disabled (inert on role="option").
- * Not focusable — real DOM focus stays on trigger; this element only publishes virtual focus via data-highlighted.
- */
+/** One selectable option within SelectContent (role="option") that captures its slotted text for SelectValue. */
 type __VLS_Props = {
     /** Identifier committed to the root's value when chosen. */
     value: string;
@@ -11,12 +6,12 @@ type __VLS_Props = {
      * Excludes from selection and keyboard navigation.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * Text for Trigger label and typeahead, published as data-text-value; falls back to rendered text.
+     * Text for Trigger label, typeahead and the root filter, published as data-text-value; falls back to rendered text.
      * @default undefined — falls back to the option's rendered text content.
      */
-    textValue?: string;
+    textValue?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectItem.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/select/SelectItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/select/SelectItemIndicator.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Selected-state glyph inside an Item, rendered only while selected (role="option").
- * Renders aria-hidden (selection already announced by aria-selected).
- */
+/** Selected-state glyph inside an Item, rendered only while selected and marked aria-hidden. */
 type __VLS_Props = {
     /** Mount this indicator even while its item isn't selected, for animation exit transitions. */
     forceMount?: boolean;

package/dist/select/SelectItemIndicator.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Selected-state glyph inside an Item, rendered only while selected (role="option").
- * Renders aria-hidden (selection already announced by aria-selected).
- */
+/** Selected-state glyph inside an Item, rendered only while selected and marked aria-hidden. */
 type __VLS_Props = {
     /** Mount this indicator even while its item isn't selected, for animation exit transitions. */
     forceMount?: boolean;

package/dist/select/SelectItemIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var u={key:0,class:"skdx-select__item-indicator","data-part":"item-indicator","aria-hidden":"true"},d=(0,e.defineComponent)({__name:"SelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(r){const o=r,t=(0,e.inject)(a.SELECT_ITEM_CONTEXT);if(!t)throw new Error("<SkdxSelectItemIndicator> must be used inside <SkdxSelectItem>.");const n=(0,e.computed)(()=>o.forceMount||t.selected.value);return(c,s)=>n.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",u,[(0,e.renderSlot)(c.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=d;
+const u=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var d={key:0,class:"skdx-select__item-indicator","data-part":"item-indicator","aria-hidden":"true"},i=(0,e.defineComponent)({__name:"SelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(t){const r=t,n=u.injectRequired(a.SELECT_ITEM_CONTEXT,"<SkdxSelectItemIndicator> must be used inside <SkdxSelectItem>."),c=(0,e.computed)(()=>r.forceMount||n.selected.value);return(o,s)=>c.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",d,[(0,e.renderSlot)(o.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=i;

package/dist/select/SelectItemIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{SELECT_ITEM_CONTEXT as e}from"./context.js";import{computed as t,createCommentVNode as o,createElementBlock as a,defineComponent as r,inject as s,openBlock as n,renderSlot as c}from"vue";var d={key:0,class:"skdx-select__item-indicator","data-part":"item-indicator","aria-hidden":"true"},i=/* @__PURE__ */r({__name:"SelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(r){const i=r,l=s(e);if(!l)throw new Error("<SkdxSelectItemIndicator> must be used inside <SkdxSelectItem>.");const m=t(()=>i.forceMount||l.selected.value);return(e,t)=>m.value?(n(),a("span",d,[c(e.$slots,"default")])):o("",!0)}});export{i as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{SELECT_ITEM_CONTEXT as t}from"./context.js";import{computed as a,createCommentVNode as o,createElementBlock as r,defineComponent as s,openBlock as n,renderSlot as d}from"vue";var c={key:0,class:"skdx-select__item-indicator","data-part":"item-indicator","aria-hidden":"true"},i=/* @__PURE__ */s({__name:"SelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(s){const i=s,l=e(t,"<SkdxSelectItemIndicator> must be used inside <SkdxSelectItem>."),m=a(()=>i.forceMount||l.selected.value);return(e,t)=>m.value?(n(),r("span",c,[d(e.$slots,"default")])):o("",!0)}});export{i as default};

package/dist/select/SelectLabel.vue.d.cts

@@ -1,6 +1,4 @@
-/**
- * Non-interactive heading for Group, providing its accessible name. Outside a Group it renders but does not name anything.
- */
+/** Non-interactive heading for Group, providing its accessible name; outside a Group it renders but names nothing. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectLabel.vue.d.ts

@@ -1,6 +1,4 @@
-/**
- * Non-interactive heading for Group, providing its accessible name. Outside a Group it renders but does not name anything.
- */
+/** Non-interactive heading for Group, providing its accessible name; outside a Group it renders but names nothing. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/select/SelectLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let e=require("vue");var _=["id"],a=(0,e.defineComponent)({__name:"SelectLabel",setup(u){const t=(0,e.inject)(r.SELECT_GROUP_CONTEXT,null);return(l,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-select__label","data-part":"label",id:(0,e.unref)(t)?.labelId},[(0,e.renderSlot)(l.$slots,"default")],8,_))}});exports.default=a;
+const r=require("./context.cjs");let e=require("vue");var _=["id"],a=(0,e.defineComponent)({__name:"SelectLabel",setup(u){const t=(0,e.inject)(r.SELECT_GROUP_CONTEXT,null);return(l,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{id:(0,e.unref)(t)?.labelId,class:"skdx-select__label","data-part":"label"},[(0,e.renderSlot)(l.$slots,"default")],8,_))}});exports.default=a;

package/dist/select/SelectLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{SELECT_GROUP_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as l,openBlock as s,renderSlot as o,unref as n}from"vue";var r=["id"],d=/* @__PURE__ */t({__name:"SelectLabel",setup(t){const d=l(e,null);return(e,t)=>(s(),a("div",{class:"skdx-select__label","data-part":"label",id:n(d)?.labelId},[o(e.$slots,"default")],8,r))}});export{d as default};
+import{SELECT_GROUP_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as l,openBlock as s,renderSlot as o,unref as n}from"vue";var r=["id"],d=/* @__PURE__ */t({__name:"SelectLabel",setup(t){const d=l(e,null);return(e,t)=>(s(),a("div",{id:n(d)?.labelId,class:"skdx-select__label","data-part":"label"},[o(e.$slots,"default")],8,r))}});export{d as default};

package/dist/select/SelectSeparator.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Visual divider between `SkdxSelectItem`s or `SkdxSelectGroup`s inside
- * {@link SelectContent}. Renders an `aria-hidden` `<div>`.
- */
+/** Visual divider between `SkdxSelectItem`s or `SkdxSelectGroup`s inside {@link SelectContent}. */
 type __VLS_Props = {};
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/select/SelectSeparator.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Visual divider between `SkdxSelectItem`s or `SkdxSelectGroup`s inside
- * {@link SelectContent}. Renders an `aria-hidden` `<div>`.
- */
+/** Visual divider between `SkdxSelectItem`s or `SkdxSelectGroup`s inside {@link SelectContent}. */
 type __VLS_Props = {};
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/select/SelectTag.vue.cjs

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

package/dist/select/SelectTag.vue.d.cts

@@ -0,0 +1,39 @@
+/** One selected value inside the TagList, showing the option's text or the raw value if none was declared. */
+type __VLS_Props = {
+    /** The selected value this tag represents; deselects it when remove is pressed. */
+    value: string;
+    /**
+     * Locks this tag: the remove button refuses, it is painted with `data-disabled`, and roving focus steps over it.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Outline the skin gives the tag, forwarded as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the tag at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Meaning the tag carries, forwarded as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTag.vue.d.ts

@@ -0,0 +1,39 @@
+/** One selected value inside the TagList, showing the option's text or the raw value if none was declared. */
+type __VLS_Props = {
+    /** The selected value this tag represents; deselects it when remove is pressed. */
+    value: string;
+    /**
+     * Locks this tag: the remove button refuses, it is painted with `data-disabled`, and roving focus steps over it.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Outline the skin gives the tag, forwarded as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the tag at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Meaning the tag carries, forwarded as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/select/SelectTag.vue.js

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

package/dist/select/SelectTag.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/injectRequired.cjs"),i=require("../badge/Badge.vue.cjs"),r=require("./context.cjs");let t=require("vue");var c=(0,t.defineComponent)({__name:"SelectTag",props:{value:{},disabled:{type:Boolean,default:!1},shape:{},size:{},status:{}},setup(e){const u=e,a=n.injectRequired(r.SELECT_CONTEXT,"[skdx] SkdxSelectTag must be used within SkdxSelect."),d=(0,t.computed)(()=>a.selectedValues.indexOf(u.value));return(l,s)=>((0,t.openBlock)(),(0,t.createBlock)(i.default,{class:"skdx-select__tag","data-skdx-select-tag":"",index:d.value,label:e.value,disabled:e.disabled,shape:e.shape,size:e.size,status:e.status,"data-value":e.value,onDelete:s[0]||(s[0]=o=>(0,t.unref)(a).deselect(e.value))},(0,t.createSlots)({_:2},[l.$slots.default?{name:"default",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(l.$slots,"default")]),key:"0"}:void 0]),1032,["index","label","disabled","shape","size","status","data-value"]))}});exports.default=c;