@skdx/vue 0.27.0 → 0.28.0

package/dist/multi-select/MultiSelectContent.vue.d.ts

@@ -1,73 +1,47 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 /**
- * The popup shell of an `SkdxMultiSelect`, positioned relative to the input via
- * floating-ui using `side` (defaults to `'bottom'`) / `align` (defaults to
- * `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`, flipping and
- * shifting to avoid viewport collisions unless `avoidCollisions` is `false`.
- * Renders a plain `<div>` with `data-state`, `data-side` and `data-align`, and
- * writes the four measurement custom properties
- * `--skdx-multi-select-available-width`, `--skdx-multi-select-available-height`,
- * `--skdx-multi-select-trigger-width` and `--skdx-multi-select-transform-origin`
- * onto itself after each reposition — so a panel whose height must stop at the
- * viewport edge is CSS, not JavaScript.
- *
- * Carries **no ARIA role**: the listbox is `SkdxMultiSelectList`, one level in,
- * leaving room for a "3 of 8 selected" header or a footer that is not an option.
- * Prevents `mousedown` from stealing focus off the input, which is what lets the
- * popup stay open across a run of selections.
- *
- * Closes on Escape or on an outside interaction (pointer-down or focus moving
- * out) unless `escape-key-down`/`pointer-down-outside`/`focus-outside`/
- * `interact-outside` call `event.preventDefault()`. `interact-outside` fires
- * for either kind of outside interaction, immediately before the specific event
- * and with the same event object, so one veto covers both. Escape is owned here
- * rather than in `SkdxMultiSelectInput` precisely so the veto lands before
- * anything has closed. Mounts only while open unless `forceMount` is set. Must
- * be used inside `SkdxMultiSelect`.
+ * The popup shell, positioned against the input via the shared popper layer. Defaults: side bottom, align start, sideOffset 4.
  */
 type __VLS_Props = {
     /**
      * Preferred side of the input to render on.
-     * @default 'bottom' — the popup hangs below the field, flipping above it only when there is no room.
+     * @default 'bottom'
      */
     side?: Side;
     /**
      * Alignment of the popup along the chosen side, relative to the input.
-     * @default 'start' — the popup's leading edge lines up with the field's.
+     * @default 'start'
      */
     align?: Align;
     /**
      * Distance in pixels between the popup and the input along `side`.
-     * @default 4 — a small gap, so the popup reads as a separate surface.
+     * @default 4
      */
     sideOffset?: number;
     /**
      * Offset in pixels along `align`, shifting the popup perpendicular to `side`.
-     * @default 0 — no perpendicular shift.
+     * @default 0
      */
     alignOffset?: number;
     /**
      * Flips to the opposite side when there isn't room to render on the preferred side.
-     * @default true — a popup that would render off-screen flips instead.
+     * @default true
      */
     avoidCollisions?: boolean;
     /**
-     * Minimum distance in pixels kept from the collision boundary. A number
-     * applies to every side; an object sets only the sides it names.
-     * @default 8 — the popup never touches the viewport edge.
+     * Minimum distance in pixels kept from the collision boundary. A number applies to every side; an object sets only the sides it names.
+     * @default 8
      */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
     /**
-     * Element (or elements) collisions are measured against, instead of the
-     * popup's clipping ancestors. Use it to keep the options inside a scroll
-     * container or one pane of a split layout rather than the whole viewport.
-     * @default undefined — the popup's clipping ancestors.
+     * Element (or elements) collisions are measured against, instead of the popup's clipping ancestors.
+     * @default undefined
      */
     collisionBoundary?: Element | Element[] | null;
     /**
      * Keep this popup mounted even while closed, instead of unmounting it.
-     * @default false — the popup leaves the DOM entirely while closed.
+     * @default false
      */
     forceMount?: boolean;
 };
@@ -87,8 +61,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
-    side: Side;
     align: Align;
+    side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/multi-select/MultiSelectContent.vue_vue_type_script_setup_true_lang.cjs

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

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

package/dist/multi-select/MultiSelectEmpty.vue.cjs

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

package/dist/multi-select/MultiSelectEmpty.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/multi-select/MultiSelectEmpty.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/multi-select/MultiSelectEmpty.vue.js

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

package/dist/multi-select/MultiSelectEmpty.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./context.cjs");let e=require("vue");var n={key:0,role:"presentation","aria-live":"polite",class:"skdx-multi-select__empty","data-part":"empty"},o=(0,e.defineComponent)({name:"SkdxMultiSelectEmpty",__name:"MultiSelectEmpty",setup(i){const t=(0,e.inject)(u.MULTI_SELECT_CONTEXT);if(!t)throw new Error("SkdxMultiSelectEmpty must be used within SkdxMultiSelect.");const l=(0,e.computed)(()=>t.itemCount.value===0);return(r,c)=>l.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",n,[(0,e.renderSlot)(r.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=o;

package/dist/multi-select/MultiSelectEmpty.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{MULTI_SELECT_CONTEXT as e}from"./context.js";import{computed as t,createCommentVNode as a,createElementBlock as o,defineComponent as l,inject as s,openBlock as r,renderSlot as m}from"vue";var n={key:0,role:"presentation","aria-live":"polite",class:"skdx-multi-select__empty","data-part":"empty"},i=/* @__PURE__ */l({name:"SkdxMultiSelectEmpty",__name:"MultiSelectEmpty",setup(l){const i=s(e);if(!i)throw new Error("SkdxMultiSelectEmpty must be used within SkdxMultiSelect.");const u=t(()=>0===i.itemCount.value);return(e,t)=>u.value?(r(),o("div",n,[m(e.$slots,"default")])):a("",!0)}});export{i as default};

package/dist/multi-select/MultiSelectGroup.vue.cjs

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

package/dist/multi-select/MultiSelectGroup.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/multi-select/MultiSelectGroup.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/multi-select/MultiSelectGroup.vue.js

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

package/dist/multi-select/MultiSelectGroup.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/multi-select/MultiSelectGroup.vue_vue_type_script_setup_true_lang.js

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

package/dist/multi-select/MultiSelectGroupLabel.vue.cjs

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

package/dist/multi-select/MultiSelectGroupLabel.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/multi-select/MultiSelectGroupLabel.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/multi-select/MultiSelectGroupLabel.vue.js

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

package/dist/multi-select/MultiSelectGroupLabel.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/multi-select/MultiSelectGroupLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{MULTI_SELECT_GROUP_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as l,inject as a,openBlock as r,renderSlot as o,unref as s}from"vue";var u=["id"],i=/* @__PURE__ */l({name:"SkdxMultiSelectGroupLabel",__name:"MultiSelectGroupLabel",setup(l){const i=a(e);if(!i)throw new Error("SkdxMultiSelectGroupLabel must be used within SkdxMultiSelectGroup.");return(e,l)=>(r(),t("div",{id:s(i).labelId,class:"skdx-multi-select__group-label","data-part":"group-label"},[o(e.$slots,"default")],8,u))}});export{i as default};

package/dist/multi-select/MultiSelectInput.vue.d.cts

@@ -1,19 +1,9 @@
 /**
- * The text field an `SkdxMultiSelect` is driven from, and the popper anchor the
- * option popup positions against. Renders an `<input type="text"
- * role="combobox">` with `aria-expanded`, `aria-controls` pointing at
- * `SkdxMultiSelectList`, `aria-autocomplete="list"`, `aria-activedescendant`
- * tracking the virtually-focused option, and `aria-invalid`/`aria-readonly`
- * plus their `data-*` twins from the root.
+ * The text field that owns DOM focus and drives filtering. Carries role="combobox", aria-expanded, aria-controls, aria-autocomplete, and aria-activedescendant naming the highlighted option.
  *
- * Real DOM focus never leaves it while the popup is open — Arrow Down/Up move a
- * *virtual* highlight, and Enter toggles the highlighted option without closing
- * (unless the root sets `closeOnSelect`). **Backspace on an empty field removes
- * the last tag**, the gesture every tag field has trained users to expect; with
- * text in the field it does the ordinary thing and deletes a character.
+ * Real DOM focus never leaves it while the popup is open — arrow keys move a *virtual* highlight, and Enter toggles it without closing (unless root sets `closeOnSelect`). Backspace on an empty field removes the last tag; with text in the field, it deletes a character.
  *
- * Give it an accessible name — `aria-label`, `aria-labelledby`, or an
- * `SkdxLabel`. Must be used inside `SkdxMultiSelect`.
+ * Selection-extending keys (Shift+Arrow, Home, End) are scoped to the open popup only, so the field stays a real editable input when closed.
  */
 type __VLS_Props = {};
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/multi-select/MultiSelectInput.vue.d.ts

@@ -1,19 +1,9 @@
 /**
- * The text field an `SkdxMultiSelect` is driven from, and the popper anchor the
- * option popup positions against. Renders an `<input type="text"
- * role="combobox">` with `aria-expanded`, `aria-controls` pointing at
- * `SkdxMultiSelectList`, `aria-autocomplete="list"`, `aria-activedescendant`
- * tracking the virtually-focused option, and `aria-invalid`/`aria-readonly`
- * plus their `data-*` twins from the root.
+ * The text field that owns DOM focus and drives filtering. Carries role="combobox", aria-expanded, aria-controls, aria-autocomplete, and aria-activedescendant naming the highlighted option.
  *
- * Real DOM focus never leaves it while the popup is open — Arrow Down/Up move a
- * *virtual* highlight, and Enter toggles the highlighted option without closing
- * (unless the root sets `closeOnSelect`). **Backspace on an empty field removes
- * the last tag**, the gesture every tag field has trained users to expect; with
- * text in the field it does the ordinary thing and deletes a character.
+ * Real DOM focus never leaves it while the popup is open — arrow keys move a *virtual* highlight, and Enter toggles it without closing (unless root sets `closeOnSelect`). Backspace on an empty field removes the last tag; with text in the field, it deletes a character.
  *
- * Give it an accessible name — `aria-label`, `aria-labelledby`, or an
- * `SkdxLabel`. Must be used inside `SkdxMultiSelect`.
+ * Selection-extending keys (Shift+Arrow, Home, End) are scoped to the open popup only, so the field stays a real editable input when closed.
  */
 type __VLS_Props = {};
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/multi-select/MultiSelectInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const _=require("../utils/reassertValue.cjs"),y=require("../utils/popper.cjs"),s=require("./context.cjs");let t=require("vue");var h=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","data-invalid","data-readonly","data-disabled","data-state","value"],I=(0,t.defineComponent)({__name:"MultiSelectInput",setup(x){const o=(0,t.inject)(s.MULTI_SELECT_CONTEXT);if(!o)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const e=o,r=(0,t.inject)(y.POPPER_CONTEXT);if(!r)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const u=(0,t.ref)(null);(0,t.onMounted)(()=>{e.inputRef.value=u.value,r.setAnchor(u.value)}),(0,t.onBeforeUnmount)(()=>{r.anchor.value===u.value&&r.setAnchor(null)});function d(a){const n=e.contentRef.value;if(!n)return;const l=Array.from(n.querySelectorAll(s.OPTION_SELECTOR));if(l.length===0)return;let i=l.findIndex(v=>v.id===e.activeId.value)+a;i<0&&(i=0),i>=l.length&&(i=l.length-1),e.setActiveId(l[i].id)}function c(a){const n=a.target;e.onInputValueChange(n.value),e.open.value||e.setOpen(!0),_.reassertValue(n,()=>e.inputValue.value)}function f(){e.open.value&&e.setOpen(!1)}function p(a){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(a.key==="Enter"){const n=e.activeId.value?e.getItem(e.activeId.value):void 0;if(!n)return;a.preventDefault(),e.toggle(n.value)}else a.key==="Escape"?e.open.value&&!e.contentRef.value&&(a.preventDefault(),e.setOpen(!1)):a.key==="Backspace"&&e.inputValue.value===""&&e.removeLast()}return(a,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{class:"skdx-multi-select__input","data-part":"input",ref_key:"elRef",ref:u,type:"text",role:"combobox","aria-expanded":(0,t.unref)(e).open.value,"aria-controls":(0,t.unref)(e).listId,"aria-autocomplete":"list","aria-activedescendant":(0,t.unref)(e).activeId.value??void 0,autocomplete:"off",disabled:(0,t.unref)(e).disabled||void 0,readonly:(0,t.unref)(e).readOnly||void 0,"aria-invalid":(0,t.unref)(e).invalid?!0:void 0,"aria-readonly":(0,t.unref)(e).readOnly?!0:void 0,"data-invalid":(0,t.unref)(e).invalid?"":void 0,"data-readonly":(0,t.unref)(e).readOnly?"":void 0,"data-disabled":(0,t.unref)(e).disabled?"":void 0,"data-state":(0,t.unref)(e).open.value?"open":"closed",value:(0,t.unref)(e).inputValue.value,onInput:c,onBlur:f,onKeydown:p},null,40,h))}});exports.default=I;
+const g=require("../utils/reassertValue.cjs"),h=require("../utils/popper.cjs"),k=require("./context.cjs");let a=require("vue");var _=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-disabled","data-loading","data-state","value"],m=(0,a.defineComponent)({__name:"MultiSelectInput",setup(I){const d=(0,a.inject)(k.MULTI_SELECT_CONTEXT);if(!d)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const e=d,i=(0,a.inject)(h.POPPER_CONTEXT);if(!i)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const r=(0,a.ref)(null);(0,a.onMounted)(()=>{e.inputRef.value=r.value,i.setAnchor(r.value)}),(0,a.onBeforeUnmount)(()=>{i.anchor.value===r.value&&i.setAnchor(null)});function s(t){return e.setActiveId(t.id),t.scrollIntoView?.({block:"nearest"}),t.id}function o(t){const l=e.orderedOptions();if(l.length===0)return null;let n=l.findIndex(u=>u.id===e.activeId.value)+t;return n<0&&(n=0),n>=l.length&&(n=l.length-1),s(l[n])}function c(t){const l=e.orderedOptions();l.length!==0&&s(t==="last"?l[l.length-1]:l[0])}function f(t){const l=e.activeId.value,n=o(t);if(n===null||n===l)return;const u=e.getItem(n);u&&e.toggle(u.value,"keyboard")}function p(t){const l=t.target;e.onInputValueChange(l.value),e.open.value||e.setOpen(!0),g.reassertValue(l,()=>e.inputValue.value)}function v(){e.open.value&&e.setOpen(!1)}function y(t){if(t.key==="ArrowDown")t.preventDefault(),e.open.value?t.shiftKey?f(1):o(1):e.openWithHighlight("first");else if(t.key==="ArrowUp")t.preventDefault(),e.open.value?t.shiftKey?f(-1):o(-1):e.openWithHighlight("last");else if((t.key==="Home"||t.key==="End")&&t.ctrlKey&&t.shiftKey){if(!e.open.value)return;t.preventDefault(),e.selectToEdge(t.key==="Home"?"first":"last")}else if(t.key==="Home"||t.key==="End"){if(!e.open.value)return;t.preventDefault(),c(t.key==="Home"?"first":"last")}else if((t.ctrlKey||t.metaKey)&&t.key.toLowerCase()==="a"){if(!e.open.value||!e.allowSelectAll)return;t.preventDefault(),e.selectAllOrClear()}else if(t.key===" "&&t.shiftKey){if(!e.open.value||e.activeId.value===null)return;t.preventDefault(),e.selectRange()}else if(t.key==="Enter"){const l=e.activeId.value?e.getItem(e.activeId.value):void 0;if(!l)return;t.preventDefault(),e.toggle(l.value,"keyboard")}else t.key==="Escape"?e.open.value&&!e.contentRef.value&&(t.preventDefault(),e.setOpen(!1)):t.key==="Backspace"&&e.inputValue.value===""&&e.removeLast()}return(t,l)=>((0,a.openBlock)(),(0,a.createElementBlock)("input",{class:"skdx-multi-select__input","data-part":"input",ref_key:"elRef",ref:r,type:"text",role:"combobox","aria-expanded":(0,a.unref)(e).open.value,"aria-controls":(0,a.unref)(e).listId,"aria-autocomplete":"list","aria-activedescendant":(0,a.unref)(e).activeId.value??void 0,autocomplete:"off",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-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-state":(0,a.unref)(e).open.value?"open":"closed",value:(0,a.unref)(e).inputValue.value,onInput:p,onBlur:v,onKeydown:y},null,40,_))}});exports.default=m;

package/dist/multi-select/MultiSelectInput.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{MULTI_SELECT_CONTEXT as t,OPTION_SELECTOR as n}from"./context.js";import{createElementBlock as l,defineComponent as i,inject as o,onBeforeUnmount as r,onMounted as u,openBlock as d,ref as s,unref as v}from"vue";var p=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","data-invalid","data-readonly","data-disabled","data-state","value"],c=/* @__PURE__ */i({__name:"MultiSelectInput",setup(i){const c=o(t);if(!c)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const f=c,m=o(a);if(!m)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const y=s(null);function h(e){const a=f.contentRef.value;if(!a)return;const t=Array.from(a.querySelectorAll(n));if(0===t.length)return;let l=t.findIndex(e=>e.id===f.activeId.value)+e;l<0&&(l=0),l>=t.length&&(l=t.length-1),f.setActiveId(t[l].id)}function I(a){const t=a.target;f.onInputValueChange(t.value),f.open.value||f.setOpen(!0),e(t,()=>f.inputValue.value)}function k(){f.open.value&&f.setOpen(!1)}function g(e){if("ArrowDown"===e.key)e.preventDefault(),f.open.value?h(1):f.openWithHighlight("first");else if("ArrowUp"===e.key)e.preventDefault(),f.open.value?h(-1):f.openWithHighlight("last");else if("Enter"===e.key){const a=f.activeId.value?f.getItem(f.activeId.value):void 0;if(!a)return;e.preventDefault(),f.toggle(a.value)}else"Escape"===e.key?f.open.value&&!f.contentRef.value&&(e.preventDefault(),f.setOpen(!1)):"Backspace"===e.key&&""===f.inputValue.value&&f.removeLast()}return u(()=>{f.inputRef.value=y.value,m.setAnchor(y.value)}),r(()=>{m.anchor.value===y.value&&m.setAnchor(null)}),(e,a)=>(d(),l("input",{class:"skdx-multi-select__input","data-part":"input",ref_key:"elRef",ref:y,type:"text",role:"combobox","aria-expanded":v(f).open.value,"aria-controls":v(f).listId,"aria-autocomplete":"list","aria-activedescendant":v(f).activeId.value??void 0,autocomplete:"off",disabled:v(f).disabled||void 0,readonly:v(f).readOnly||void 0,"aria-invalid":!!v(f).invalid||void 0,"aria-readonly":!!v(f).readOnly||void 0,"data-invalid":v(f).invalid?"":void 0,"data-readonly":v(f).readOnly?"":void 0,"data-disabled":v(f).disabled?"":void 0,"data-state":v(f).open.value?"open":"closed",value:v(f).inputValue.value,onInput:I,onBlur:k,onKeydown:g},null,40,p))}});export{c as default};
+import{reassertValue as e}from"../utils/reassertValue.js";import{POPPER_CONTEXT as t}from"../utils/popper.js";import{MULTI_SELECT_CONTEXT as a}from"./context.js";import{createElementBlock as l,defineComponent as n,inject as i,onBeforeUnmount as o,onMounted as r,openBlock as u,ref as d,unref as s}from"vue";var v=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","aria-busy","data-invalid","data-readonly","data-disabled","data-loading","data-state","value"],c=/* @__PURE__ */n({__name:"MultiSelectInput",setup(n){const c=i(a);if(!c)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const p=c,f=i(t);if(!f)throw new Error("SkdxMultiSelectInput must be used within SkdxMultiSelect.");const y=d(null);function m(e){return p.setActiveId(e.id),e.scrollIntoView?.({block:"nearest"}),e.id}function k(e){const t=p.orderedOptions();if(0===t.length)return null;let a=t.findIndex(e=>e.id===p.activeId.value)+e;return a<0&&(a=0),a>=t.length&&(a=t.length-1),m(t[a])}function g(e){const t=p.activeId.value,a=k(e);if(null===a||a===t)return;const l=p.getItem(a);l&&p.toggle(l.value,"keyboard")}function h(t){const a=t.target;p.onInputValueChange(a.value),p.open.value||p.setOpen(!0),e(a,()=>p.inputValue.value)}function I(){p.open.value&&p.setOpen(!1)}function b(e){if("ArrowDown"===e.key)e.preventDefault(),p.open.value?e.shiftKey?g(1):k(1):p.openWithHighlight("first");else if("ArrowUp"===e.key)e.preventDefault(),p.open.value?e.shiftKey?g(-1):k(-1):p.openWithHighlight("last");else if(("Home"===e.key||"End"===e.key)&&e.ctrlKey&&e.shiftKey){if(!p.open.value)return;e.preventDefault(),p.selectToEdge("Home"===e.key?"first":"last")}else if("Home"===e.key||"End"===e.key){if(!p.open.value)return;e.preventDefault(),function(e){const t=p.orderedOptions();0!==t.length&&m("last"===e?t[t.length-1]:t[0])}("Home"===e.key?"first":"last")}else if((e.ctrlKey||e.metaKey)&&"a"===e.key.toLowerCase()){if(!p.open.value||!p.allowSelectAll)return;e.preventDefault(),p.selectAllOrClear()}else if(" "===e.key&&e.shiftKey){if(!p.open.value||null===p.activeId.value)return;e.preventDefault(),p.selectRange()}else if("Enter"===e.key){const t=p.activeId.value?p.getItem(p.activeId.value):void 0;if(!t)return;e.preventDefault(),p.toggle(t.value,"keyboard")}else"Escape"===e.key?p.open.value&&!p.contentRef.value&&(e.preventDefault(),p.setOpen(!1)):"Backspace"===e.key&&""===p.inputValue.value&&p.removeLast()}return r(()=>{p.inputRef.value=y.value,f.setAnchor(y.value)}),o(()=>{f.anchor.value===y.value&&f.setAnchor(null)}),(e,t)=>(u(),l("input",{class:"skdx-multi-select__input","data-part":"input",ref_key:"elRef",ref:y,type:"text",role:"combobox","aria-expanded":s(p).open.value,"aria-controls":s(p).listId,"aria-autocomplete":"list","aria-activedescendant":s(p).activeId.value??void 0,autocomplete:"off",disabled:s(p).disabled||void 0,readonly:s(p).readOnly||void 0,"aria-invalid":!!s(p).invalid||void 0,"aria-readonly":!!s(p).readOnly||void 0,"aria-busy":!!s(p).loading||void 0,"data-invalid":s(p).invalid?"":void 0,"data-readonly":s(p).readOnly?"":void 0,"data-disabled":s(p).disabled?"":void 0,"data-loading":s(p).loading?"":void 0,"data-state":s(p).open.value?"open":"closed",value:s(p).inputValue.value,onInput:h,onBlur:I,onKeydown:b},null,40,v))}});export{c as default};

package/dist/multi-select/MultiSelectItem.vue.d.cts

@@ -1,39 +1,17 @@
 /**
- * One option inside `SkdxMultiSelectList`. Renders a `<div role="option">` with
- * `aria-selected`, `data-value`, `data-state="selected" | "unselected"`,
- * `data-highlighted` for virtual focus — the attribute to style the keyboard
- * cursor from, since real DOM focus stays on the input — and `data-disabled`.
- *
- * Clicking or pressing Enter **toggles** it and leaves the popup open (unless
- * the root sets `closeOnSelect`), so picking five options costs five clicks. The
- * draft text is cleared on every selection: it was the search that found this
- * option, and keeping it would leave the list filtered down to the one item just
- * picked.
- *
- * Once the root's `max` is reached, still-unselected options become
- * `aria-disabled` and stop responding rather than silently swallowing clicks —
- * an option that looks available and does nothing is worse than one that says it
- * is unavailable. Already-selected options stay live, so the way out of a full
- * selection is always visible.
- *
- * With a `filter` predicate on the root, a rejected item renders **nothing at
- * all** and unregisters itself — it is absent from the DOM rather than hidden,
- * because a hidden option is still reachable through `aria-activedescendant` and
- * would still be counted as a result. Must be used inside `SkdxMultiSelect`.
+ * One option (role="option") with aria-selected reflecting membership. Highlighted virtually, not focused. Goes aria-disabled when unselected and cap reached.
  */
 type __VLS_Props = {
-    /** Value added to (or removed from) the root's selection when this option is chosen. */
+    /** Value added to or removed from the root's selection when this option is chosen. */
     value: string;
     /**
-     * Excludes this option from selection and pointer highlight.
+     * Excludes this option from selection and highlight.
      * @default false
      */
     disabled?: boolean;
     /**
-     * Text the root's `filter` predicate matches against, and the text an
-     * `SkdxMultiSelectTag` shows when none is given. Only needed when the item
-     * renders more than its label.
-     * @default undefined — falls back to the item's rendered text content.
+     * Text the root's `filter` predicate matches against, and the text a `MultiSelectTag` shows when none is given. Falls back to the item's rendered text content.
+     * @default undefined
      */
     textValue?: string;
 };

package/dist/multi-select/MultiSelectItem.vue.d.ts

@@ -1,39 +1,17 @@
 /**
- * One option inside `SkdxMultiSelectList`. Renders a `<div role="option">` with
- * `aria-selected`, `data-value`, `data-state="selected" | "unselected"`,
- * `data-highlighted` for virtual focus — the attribute to style the keyboard
- * cursor from, since real DOM focus stays on the input — and `data-disabled`.
- *
- * Clicking or pressing Enter **toggles** it and leaves the popup open (unless
- * the root sets `closeOnSelect`), so picking five options costs five clicks. The
- * draft text is cleared on every selection: it was the search that found this
- * option, and keeping it would leave the list filtered down to the one item just
- * picked.
- *
- * Once the root's `max` is reached, still-unselected options become
- * `aria-disabled` and stop responding rather than silently swallowing clicks —
- * an option that looks available and does nothing is worse than one that says it
- * is unavailable. Already-selected options stay live, so the way out of a full
- * selection is always visible.
- *
- * With a `filter` predicate on the root, a rejected item renders **nothing at
- * all** and unregisters itself — it is absent from the DOM rather than hidden,
- * because a hidden option is still reachable through `aria-activedescendant` and
- * would still be counted as a result. Must be used inside `SkdxMultiSelect`.
+ * One option (role="option") with aria-selected reflecting membership. Highlighted virtually, not focused. Goes aria-disabled when unselected and cap reached.
  */
 type __VLS_Props = {
-    /** Value added to (or removed from) the root's selection when this option is chosen. */
+    /** Value added to or removed from the root's selection when this option is chosen. */
     value: string;
     /**
-     * Excludes this option from selection and pointer highlight.
+     * Excludes this option from selection and highlight.
      * @default false
      */
     disabled?: boolean;
     /**
-     * Text the root's `filter` predicate matches against, and the text an
-     * `SkdxMultiSelectTag` shows when none is given. Only needed when the item
-     * renders more than its label.
-     * @default undefined — falls back to the item's rendered text content.
+     * Text the root's `filter` predicate matches against, and the text a `MultiSelectTag` shows when none is given. Falls back to the item's rendered text content.
+     * @default undefined
      */
     textValue?: string;
 };

package/dist/multi-select/MultiSelectItem.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/multi-select/MultiSelectItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/multi-select/MultiSelectList.vue.d.cts

@@ -1,16 +1,5 @@
 /**
- * The `role="listbox"` holding an `SkdxMultiSelect`'s options, marked
- * `aria-multiselectable="true"` so assistive technology announces it as a list
- * you take several things from rather than one. Carries the id the input's
- * `aria-controls` points at, so it must render whenever the popup does.
- *
- * The attribute is set by presence rather than value:
- * `aria-multiselectable="false"` is still read as multi-selectable by some
- * screen readers, so it is never written.
- *
- * `role="listbox"` has no implicit accessible name — pass `aria-label` or
- * `aria-labelledby` saying what the options are. Must be used inside
- * `SkdxMultiSelect`.
+ * The role="listbox" with aria-multiselectable, referenced by Input's aria-controls.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/multi-select/MultiSelectList.vue.d.ts

@@ -1,16 +1,5 @@
 /**
- * The `role="listbox"` holding an `SkdxMultiSelect`'s options, marked
- * `aria-multiselectable="true"` so assistive technology announces it as a list
- * you take several things from rather than one. Carries the id the input's
- * `aria-controls` points at, so it must render whenever the popup does.
- *
- * The attribute is set by presence rather than value:
- * `aria-multiselectable="false"` is still read as multi-selectable by some
- * screen readers, so it is never written.
- *
- * `role="listbox"` has no implicit accessible name — pass `aria-label` or
- * `aria-labelledby` saying what the options are. Must be used inside
- * `SkdxMultiSelect`.
+ * The role="listbox" with aria-multiselectable, referenced by Input's aria-controls.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/multi-select/MultiSelectPortal.vue.d.cts

@@ -1,11 +1,6 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Teleports its children (typically `SkdxMultiSelectContent`) to `document.body`
- * (or a custom `container`) while the `SkdxMultiSelect`'s popup is open. Worth having here in particular:
- * the field wrapping the tags and the input is usually a fixed-height box with
- * `overflow: hidden`, which is precisely what would clip the option list.
- * Renders nothing while closed unless `forceMount` is set. Must be used inside
- * `SkdxMultiSelect`.
+ * Teleports its children to `document.body` (or a custom `container`) while the popup is open. Shipped by React, Vue, Svelte and Web Components. Angular uses [skdxPortal] attribute directive instead; Web Components parts hide via hidden rather than unmounting.
  */
 type __VLS_Props = {
     /**
@@ -14,9 +9,8 @@ type __VLS_Props = {
      */
     container?: PortalContainer;
     /**
-     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of
-     * unmounting.
-     * @default false — the popup leaves the DOM entirely while closed.
+     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of unmounting.
+     * @default false
      */
     forceMount?: boolean;
 };

package/dist/multi-select/MultiSelectPortal.vue.d.ts

@@ -1,11 +1,6 @@
 import type { PortalContainer } from '../utils/portal.js';
 /**
- * Teleports its children (typically `SkdxMultiSelectContent`) to `document.body`
- * (or a custom `container`) while the `SkdxMultiSelect`'s popup is open. Worth having here in particular:
- * the field wrapping the tags and the input is usually a fixed-height box with
- * `overflow: hidden`, which is precisely what would clip the option list.
- * Renders nothing while closed unless `forceMount` is set. Must be used inside
- * `SkdxMultiSelect`.
+ * Teleports its children to `document.body` (or a custom `container`) while the popup is open. Shipped by React, Vue, Svelte and Web Components. Angular uses [skdxPortal] attribute directive instead; Web Components parts hide via hidden rather than unmounting.
  */
 type __VLS_Props = {
     /**
@@ -14,9 +9,8 @@ type __VLS_Props = {
      */
     container?: PortalContainer;
     /**
-     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of
-     * unmounting.
-     * @default false — the popup leaves the DOM entirely while closed.
+     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of unmounting.
+     * @default false
      */
     forceMount?: boolean;
 };

package/dist/multi-select/MultiSelectTag.vue.d.cts

@@ -1,23 +1,11 @@
 /**
- * One selected value, rendered as a removable `SkdxTag` inside
- * `SkdxMultiSelectTagList`. Takes only a `value` — the index the roving tab stop
- * is keyed on is read from the root's selection, so the tags can be rendered
- * from any list without the consumer keeping a parallel index.
- *
- * Everything about removal is inherited from `SkdxTag`: `Delete`/`Backspace` on a
- * focused tag removes it, and focus moves to the neighbouring tag *before* the
- * removal lands, so clearing three tags takes three key presses instead of three
- * presses and three trips back through the document. `value` also names the
- * `SkdxMultiSelectTagRemove` button, so a strip of them announces "Remove React",
- * "Remove TypeScript" rather than a row of identical "Remove"s. Must be used
- * inside `SkdxMultiSelect`.
+ * One selected value, showing the option's text or the raw value if none declared. Delete/Backspace on a focused tag removes it and moves focus to the next tag.
  */
 type __VLS_Props = {
-    /** The selected value this tag stands for. Its position in the root's `value` decides the tag's place in the roving tab order. */
+    /** The selected value this tag represents. Required: it deselects when remove is clicked. */
     value: string;
     /**
-     * Disables this tag alone: it can't be removed and arrow-key navigation
-     * skips it.
+     * Locks this tag: remove button refuses, painted with data-disabled, roving focus steps over it. Per-tag (not per-root) for pinned values like mandatory scopes.
      * @default false
      */
     disabled?: boolean;