@skdx/vue 0.27.0 → 0.29.0

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

@@ -1,156 +0,0 @@
-import { type MultiSelectFilter } from './context.js';
-/**
- * The Vue implementation of the shared MultiSelect contract (see
- * `@skdx/shared`'s `multiSelectContract`). A text field with a listbox of
- * options where every chosen value shows up as a removable tag. Owns the
- * `string[]` selection, the draft text and the popup's open state, and hands
- * them to every other `SkdxMultiSelect*` part via provide/inject. Renders no DOM
- * of its own — the "field" box that visually contains the tags and the input is
- * yours to lay out.
- *
- * The popup **stays open across selections** (`closeOnSelect` defaults to
- * `false`): picking five things should cost five clicks, not five clicks and
- * five reopenings. Backspace on an empty input removes the last tag, which is
- * the gesture every tag field has trained users to expect.
- *
- * The tag half is not reimplemented here: `SkdxMultiSelectTagList`/
- * `SkdxMultiSelectTag`/`SkdxMultiSelectTagRemove` are thin bindings over the
- * existing `SkdxTagGroup`/`SkdxTag`/`SkdxTagDelete`, which already own the
- * single-tab-stop roving focus and the "move focus to the neighbour *before*
- * the removal lands" rule that makes clearing several tags in a row possible
- * from the keyboard.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxMultiSelectContent`'s
- * enter or exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:value`, `v-model:input-value`, `v-model:open`) or
- * uncontrolled (`default-value`, `default-input-value`, `default-open`).
- */
-type __VLS_Props = {
-    /**
-     * Selected values in selection order, for controlled usage. Pair with
-     * `v-model:value` or `@value-change`.
-     * @default undefined — uncontrolled, tracks its own selection internally.
-     */
-    value?: string[];
-    /**
-     * Initially selected values, for uncontrolled usage.
-     * @default [] — nothing selected, so no tags are rendered.
-     */
-    defaultValue?: string[];
-    /**
-     * The draft text in the input, for controlled usage. Pair with
-     * `v-model:input-value` or `@input-value-change` — typically used to filter
-     * the option list, since filtering is the consumer's job unless `filter` is
-     * supplied.
-     * @default undefined — uncontrolled, tracks its own draft text internally.
-     */
-    inputValue?: string;
-    /**
-     * Initial draft text, for uncontrolled usage.
-     * @default '' — the field starts empty, so the option list starts unfiltered.
-     */
-    defaultInputValue?: string;
-    /**
-     * Whether the option popup is open, for controlled usage. Pair with
-     * `v-model:open` or `@open-change`.
-     * @default undefined — uncontrolled, tracks its own open state internally.
-     */
-    open?: boolean;
-    /**
-     * Initial open state, for uncontrolled usage.
-     * @default false — the popup waits for a keystroke or an arrow key.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Largest number of values that can be selected. Once reached, unselected
-     * options become `aria-disabled` and stop responding rather than silently
-     * swallowing clicks; already-selected ones stay removable, so the way out of
-     * a full selection is always visible.
-     * @default undefined — no cap.
-     */
-    max?: number;
-    /**
-     * Close the popup after each selection.
-     * @default false — the whole ergonomic point of a multi-select: picking five things should cost five clicks, not five clicks and five reopenings.
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Predicate deciding which `SkdxMultiSelectItem`s survive the current draft
-     * text. Rejected items render nothing at all, so they leave the option count
-     * and the highlight order exactly as if the consumer had removed them.
-     * @default undefined — nothing is filtered; the consumer renders only the matching items.
-     */
-    filter?: MultiSelectFilter;
-    /**
-     * Blocks all interaction: the input is natively `disabled`, tags cannot be
-     * removed, and the popup can never open.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Shows the selection but blocks any change to it — the input is natively
-     * `readonly` and still focusable (unlike `disabled`), tags are not
-     * removable, and no option can be toggled.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Marks the field as invalid, exposed as `aria-invalid`/`data-invalid` on
-     * `SkdxMultiSelectInput`.
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Formats the message announced (through the shared live announcer) after
-     * every selection change. Toggling an option changes `aria-selected` on a
-     * node the user is not focused on, so without this a screen-reader user gets
-     * no confirmation that anything happened. Return an empty string to announce
-     * nothing.
-     * @default defaultGetSelectionLabel — e.g. `"2 selected"`.
-     */
-    getSelectionLabel?: (count: number) => string;
-};
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (open: boolean) => any;
-    "open-change": (open: boolean) => any;
-    "update:value": (value: string[]) => any;
-    "value-change": (value: string[]) => any;
-    "open-change-complete": (open: boolean) => any;
-    "update:inputValue": (value: string) => any;
-    "input-value-change": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onUpdate:value"?: ((value: string[]) => any) | undefined;
-    "onValue-change"?: ((value: string[]) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
-    "onInput-value-change"?: ((value: string) => any) | undefined;
-}>, {
-    disabled: boolean;
-    filter: MultiSelectFilter;
-    open: boolean;
-    defaultOpen: boolean;
-    value: string[];
-    invalid: boolean;
-    defaultValue: string[];
-    max: number;
-    readOnly: boolean;
-    inputValue: string;
-    defaultInputValue: string;
-    closeOnSelect: boolean;
-    getSelectionLabel: (count: number) => string;
-}, {}, {}, {}, 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/multi-select/MultiSelect.vue.js

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

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

@@ -1 +0,0 @@
-const T=require("../utils/useOpenChangeComplete.cjs"),E=require("../utils/liveAnnouncer.cjs"),R=require("../utils/PopperRoot.vue.cjs"),v=require("./context.cjs");let l=require("vue");var k=(0,l.defineComponent)({inheritAttrs:!1,__name:"MultiSelect",props:{value:{default:void 0},defaultValue:{default:()=>[]},inputValue:{default:void 0},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},max:{default:void 0},closeOnSelect:{type:Boolean,default:!1},filter:{type:Function,default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},getSelectionLabel:{type:Function,default:v.defaultGetSelectionLabel}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete"],setup(q,{emit:C}){const t=q,i=C,V=(0,l.ref)(null),f=(0,l.ref)(null),r=(0,l.ref)(null),a=(0,l.ref)(new Map),p=(0,l.ref)(null),O=(0,l.ref)(t.defaultValue),o=(0,l.computed)(()=>t.value===void 0?O.value:t.value),y=(0,l.ref)(t.defaultInputValue),g=(0,l.computed)(()=>t.inputValue===void 0?y.value:t.inputValue),S=(0,l.ref)(t.defaultOpen),s=(0,l.computed)(()=>t.open??S.value);T.useOpenChangeComplete(s,f,e=>i("open-change-complete",e));const m=(0,l.computed)(()=>t.disabled||t.readOnly),A=(0,l.computed)(()=>t.max!==void 0&&o.value.length>=t.max);function h(e){e!==o.value&&(t.value===void 0&&(O.value=e),i("update:value",e),i("value-change",e))}function I(e){e!==g.value&&(t.inputValue===void 0&&(y.value=e),i("update:inputValue",e),i("input-value-change",e))}function _(e){e!==s.value&&(t.open===void 0&&(S.value=e),i("update:open",e),i("open-change",e))}function B(e){if(m.value)return;const n=o.value;let u=n;n.includes(e)?u=n.filter(c=>c!==e):(t.max===void 0||n.length<t.max)&&(u=[...n,e]),h(u),I(""),t.closeOnSelect&&_(!1)}function b(e){if(m.value)return;const n=o.value;h(n.includes(e)?n.filter(u=>u!==e):n)}function L(){if(m.value)return;const e=o.value;h(e.length===0?e:e.slice(0,-1))}function M(e){p.value=e,_(!0)}function w(e,n){const u=a.value.get(e);if(u?.value===n.value&&u.text===n.text)return;const c=new Map(a.value);c.set(e,n),a.value=c}function x(e){if(!a.value.has(e))return;const n=new Map(a.value);n.delete(e),a.value=n}let d;(0,l.watch)(s,e=>{if(d!==void 0&&cancelAnimationFrame(d),!e){r.value=null;return}d=requestAnimationFrame(()=>{const n=p.value;if(p.value=null,!n)return;const u=f.value?.querySelectorAll(v.OPTION_SELECTOR);if(!u||u.length===0)return;const c=n==="last"?u[u.length-1]:u[0];r.value===null&&(r.value=c.id)})}),(0,l.onBeforeUnmount)(()=>{d!==void 0&&cancelAnimationFrame(d)});const F=(0,l.computed)(()=>a.value.size);return(0,l.watch)([a,r],([,e])=>{if(e===null)return;const n=Array.from(f.value?.querySelectorAll('[role="option"]:not([data-disabled])')??[]);n.some(u=>u.id===e)||(r.value=n[0]?.id??null)},{flush:"post"}),(0,l.watch)(()=>o.value.length,e=>E.announce(t.getSelectionLabel(e))),(0,l.provide)(v.MULTI_SELECT_CONTEXT,{inputRef:V,contentRef:f,listId:v.nextMultiSelectListId(),value:o,isSelected:e=>o.value.includes(e),toggle:B,deselect:b,removeLast:L,atMax:A,inputValue:g,onInputValueChange:I,open:s,setOpen:_,activeId:r,setActiveId:e=>{r.value=e},openWithHighlight:M,itemCount:F,registerItem:w,unregisterItem:x,getItem:e=>a.value.get(e),matchesFilter:e=>t.filter===void 0||t.filter(e,g.value),get disabled(){return t.disabled},get readOnly(){return t.readOnly},get invalid(){return t.invalid}}),(e,n)=>((0,l.openBlock)(),(0,l.createBlock)(R.default,null,{default:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,"default")]),_:3}))}});exports.default=k;

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

@@ -1 +0,0 @@
-import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import{announce as t}from"../utils/liveAnnouncer.js";import l from"../utils/PopperRoot.vue.js";import{MULTI_SELECT_CONTEXT as a,OPTION_SELECTOR as n,defaultGetSelectionLabel as u,nextMultiSelectListId as o}from"./context.js";import{computed as i,createBlock as d,defineComponent as v,onBeforeUnmount as r,openBlock as s,provide as c,ref as p,renderSlot as f,watch as m,withCtx as g}from"vue";var h=/* @__PURE__ */v({inheritAttrs:!1,__name:"MultiSelect",props:{value:{default:void 0},defaultValue:{default:()=>[]},inputValue:{default:void 0},defaultInputValue:{default:""},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},max:{default:void 0},closeOnSelect:{type:Boolean,default:!1},filter:{type:Function,default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},getSelectionLabel:{type:Function,default:u}},emits:["update:value","value-change","update:inputValue","input-value-change","update:open","open-change","open-change-complete"],setup(u,{emit:v}){const h=u,y=v,O=p(null),S=p(null),x=p(null),I=p(/* @__PURE__ */new Map),V=p(null),C=p(h.defaultValue),A=i(()=>void 0===h.value?C.value:h.value),B=p(h.defaultInputValue),b=i(()=>void 0===h.inputValue?B.value:h.inputValue),L=p(h.defaultOpen),M=i(()=>h.open??L.value);e(M,S,e=>y("open-change-complete",e));const F=i(()=>h.disabled||h.readOnly),T=i(()=>void 0!==h.max&&A.value.length>=h.max);function _(e){e!==A.value&&(void 0===h.value&&(C.value=e),y("update:value",e),y("value-change",e))}function w(e){e!==b.value&&(void 0===h.inputValue&&(B.value=e),y("update:inputValue",e),y("input-value-change",e))}function E(e){e!==M.value&&(void 0===h.open&&(L.value=e),y("update:open",e),y("open-change",e))}let j;m(M,e=>{void 0!==j&&cancelAnimationFrame(j),e?j=requestAnimationFrame(()=>{const e=V.value;if(V.value=null,!e)return;const t=S.value?.querySelectorAll(n);if(!t||0===t.length)return;const l="last"===e?t[t.length-1]:t[0];null===x.value&&(x.value=l.id)}):x.value=null}),r(()=>{void 0!==j&&cancelAnimationFrame(j)});const R=i(()=>I.value.size);return m([I,x],([,e])=>{if(null===e)return;const t=Array.from(S.value?.querySelectorAll('[role="option"]:not([data-disabled])')??[]);t.some(t=>t.id===e)||(x.value=t[0]?.id??null)},{flush:"post"}),m(()=>A.value.length,e=>t(h.getSelectionLabel(e))),c(a,{inputRef:O,contentRef:S,listId:o(),value:A,isSelected:e=>A.value.includes(e),toggle:function(e){if(F.value)return;const t=A.value;let l=t;t.includes(e)?l=t.filter(t=>t!==e):(void 0===h.max||t.length<h.max)&&(l=[...t,e]),_(l),w(""),h.closeOnSelect&&E(!1)},deselect:function(e){if(F.value)return;const t=A.value;_(t.includes(e)?t.filter(t=>t!==e):t)},removeLast:function(){if(F.value)return;const e=A.value;_(0===e.length?e:e.slice(0,-1))},atMax:T,inputValue:b,onInputValueChange:w,open:M,setOpen:E,activeId:x,setActiveId:e=>{x.value=e},openWithHighlight:function(e){V.value=e,E(!0)},itemCount:R,registerItem:function(e,t){const l=I.value.get(e);if(l?.value===t.value&&l.text===t.text)return;const a=new Map(I.value);a.set(e,t),I.value=a},unregisterItem:function(e){if(!I.value.has(e))return;const t=new Map(I.value);t.delete(e),I.value=t},getItem:e=>I.value.get(e),matchesFilter:e=>void 0===h.filter||h.filter(e,b.value),get disabled(){return h.disabled},get readOnly(){return h.readOnly},get invalid(){return h.invalid}}),(e,t)=>(s(),d(l,null,{default:g(()=>[f(e.$slots,"default")]),_:3}))}});export{h as default};

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

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

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

@@ -1,103 +0,0 @@
-import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
-import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
-/**
- * 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`.
- */
-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.
-     */
-    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.
-     */
-    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.
-     */
-    sideOffset?: number;
-    /**
-     * Offset in pixels along `align`, shifting the popup perpendicular to `side`.
-     * @default 0 — no perpendicular shift.
-     */
-    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.
-     */
-    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.
-     */
-    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.
-     */
-    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.
-     */
-    forceMount?: boolean;
-};
-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;
-    "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;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
-}>, {
-    forceMount: boolean;
-    side: Side;
-    align: Align;
-    sideOffset: number;
-    alignOffset: number;
-    avoidCollisions: boolean;
-    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
-}, {}, {}, {}, 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/multi-select/MultiSelectContent.vue.d.ts

@@ -1,103 +0,0 @@
-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`.
- */
-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.
-     */
-    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.
-     */
-    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.
-     */
-    sideOffset?: number;
-    /**
-     * Offset in pixels along `align`, shifting the popup perpendicular to `side`.
-     * @default 0 — no perpendicular shift.
-     */
-    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.
-     */
-    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.
-     */
-    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.
-     */
-    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.
-     */
-    forceMount?: boolean;
-};
-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;
-    "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;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
-}>, {
-    forceMount: boolean;
-    side: Side;
-    align: Align;
-    sideOffset: number;
-    alignOffset: number;
-    avoidCollisions: boolean;
-    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
-}, {}, {}, {}, 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/multi-select/MultiSelectContent.vue.js

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

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

@@ -1 +0,0 @@
-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;

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

@@ -1 +0,0 @@
-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};

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

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

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

@@ -1,20 +0,0 @@
-/**
- * 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.
- *
- * 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.
- *
- * Give it an accessible name — `aria-label`, `aria-labelledby`, or an
- * `SkdxLabel`. Must be used inside `SkdxMultiSelect`.
- */
-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/multi-select/MultiSelectInput.vue.d.ts

@@ -1,20 +0,0 @@
-/**
- * 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.
- *
- * 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.
- *
- * Give it an accessible name — `aria-label`, `aria-labelledby`, or an
- * `SkdxLabel`. Must be used inside `SkdxMultiSelect`.
- */
-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/multi-select/MultiSelectInput.vue.js

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

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

@@ -1 +0,0 @@
-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;

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

@@ -1 +0,0 @@
-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};

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

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

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

@@ -1,54 +0,0 @@
-/**
- * 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`.
- */
-type __VLS_Props = {
-    /** 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.
-     * @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.
-     */
-    textValue?: string;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
-    textValue: string;
-}, {}, {}, {}, 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/multi-select/MultiSelectItem.vue.d.ts

@@ -1,54 +0,0 @@
-/**
- * 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`.
- */
-type __VLS_Props = {
-    /** 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.
-     * @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.
-     */
-    textValue?: string;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
-    textValue: string;
-}, {}, {}, {}, 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/multi-select/MultiSelectItem.vue.js

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

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

@@ -1 +0,0 @@
-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;

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

@@ -1 +0,0 @@
-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};

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

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

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

@@ -1,27 +0,0 @@
-/**
- * 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`.
- */
-type __VLS_Props = {};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};