@skdx/vue 0.26.0

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+/**
+ * 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

@@ -0,0 +1,20 @@
+/**
+ * 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

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

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

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

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

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

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

@@ -0,0 +1,54 @@
+/**
+ * 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

@@ -0,0 +1,54 @@
+/**
+ * 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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+const i=require("./context.cjs");let e=require("vue");var r=["id"],u=(0,e.defineComponent)({__name:"MultiSelectList",setup(s){const t=(0,e.inject)(i.MULTI_SELECT_CONTEXT);if(!t)throw new Error("SkdxMultiSelectList must be used within SkdxMultiSelect.");return(l,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-multi-select__list","data-part":"list",role:"listbox",id:(0,e.unref)(t).listId,"aria-multiselectable":"true"},[(0,e.renderSlot)(l.$slots,"default")],8,r))}});exports.default=u;

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

@@ -0,0 +1 @@
+import{MULTI_SELECT_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as s,inject as l,openBlock as i,renderSlot as a,unref as r}from"vue";var o=["id"],n=/* @__PURE__ */s({__name:"MultiSelectList",setup(s){const n=l(t);if(!n)throw new Error("SkdxMultiSelectList must be used within SkdxMultiSelect.");return(t,s)=>(i(),e("div",{class:"skdx-multi-select__list","data-part":"list",role:"listbox",id:r(n).listId,"aria-multiselectable":"true"},[a(t.$slots,"default")],8,o))}});export{n as default};

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

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

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

@@ -0,0 +1,37 @@
+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`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /**
+     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of
+     * unmounting.
+     * @default false — the popup leaves the DOM entirely while closed.
+     */
+    forceMount?: boolean;
+};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, 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/MultiSelectPortal.vue.d.ts

@@ -0,0 +1,37 @@
+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`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /**
+     * Render (and mount `SkdxMultiSelectContent`) even while closed, instead of
+     * unmounting.
+     * @default false — the popup leaves the DOM entirely while closed.
+     */
+    forceMount?: boolean;
+};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, 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/MultiSelectPortal.vue.js

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

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+/**
+ * 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`.
+ */
+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. */
+    value: string;
+    /**
+     * Disables this tag alone: it can't be removed and arrow-key navigation
+     * skips it.
+     * @default false
+     */
+    disabled?: boolean;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,38 @@
+/**
+ * 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`.
+ */
+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. */
+    value: string;
+    /**
+     * Disables this tag alone: it can't be removed and arrow-key navigation
+     * skips it.
+     * @default false
+     */
+    disabled?: boolean;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/multi-select/MultiSelectTag.vue.js

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

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

@@ -0,0 +1 @@
+const r=require("../tag/Tag.vue.cjs"),s=require("./context.cjs");let e=require("vue");var c=(0,e.defineComponent)({__name:"MultiSelectTag",props:{value:{},disabled:{type:Boolean,default:!1}},setup(t){const d=t,l=(0,e.inject)(s.MULTI_SELECT_CONTEXT);if(!l)throw new Error("SkdxMultiSelectTag must be used within SkdxMultiSelect.");const a=l,n=(0,e.computed)(()=>a.value.value.indexOf(d.value));return(i,u)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{class:"skdx-multi-select__tag","data-part":"tag",index:n.value,value:t.value,disabled:t.disabled,"data-value":t.value,onDelete:u[0]||(u[0]=o=>(0,e.unref)(a).deselect(t.value))},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,"default")]),_:3},8,["index","value","disabled","data-value"]))}});exports.default=c;

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

@@ -0,0 +1 @@
+import e from"../tag/Tag.vue.js";import{MULTI_SELECT_CONTEXT as a}from"./context.js";import{computed as t,createBlock as l,defineComponent as s,inject as u,openBlock as d,renderSlot as o,unref as i,withCtx as r}from"vue";var n=/* @__PURE__ */s({__name:"MultiSelectTag",props:{value:{},disabled:{type:Boolean,default:!1}},setup(s){const n=s,v=u(a);if(!v)throw new Error("SkdxMultiSelectTag must be used within SkdxMultiSelect.");const c=v,p=t(()=>c.value.value.indexOf(n.value));return(a,t)=>(d(),l(e,{class:"skdx-multi-select__tag","data-part":"tag",index:p.value,value:s.value,disabled:s.disabled,"data-value":s.value,onDelete:t[0]||(t[0]=e=>i(c).deselect(s.value))},{default:r(()=>[o(a.$slots,"default")]),_:3},8,["index","value","disabled","data-value"]))}});export{n as default};

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

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

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

@@ -0,0 +1,45 @@
+/**
+ * The strip of tags standing for an `SkdxMultiSelect`'s current selection.
+ *
+ * This *is* an `SkdxTagGroup` — not a copy of one. That buys the whole
+ * roving-tabindex behaviour for free: the entire strip is a single Tab stop, the
+ * arrow keys (plus `Home`/`End`) move between tags, and removing a tag hands
+ * focus to its neighbour rather than dropping it on `<body>`. Reimplementing
+ * that here would have been the second copy of the hardest keyboard code in the
+ * package.
+ *
+ * Renders `<div role="list">`, so it needs an `aria-label` saying what the tags
+ * are — `role="list"` has no implicit accessible name. `disabled` comes from the
+ * `SkdxMultiSelect` root (its `disabled` *or* its `readOnly`, since neither may
+ * remove a tag) rather than being settable here. Must be used inside
+ * `SkdxMultiSelect`.
+ */
+type __VLS_Props = {
+    /**
+     * Layout axis, exposed as `data-orientation` and used to pick Arrow
+     * Left/Right vs. Arrow Up/Down.
+     * @default 'horizontal' — tags sit in a row, so the horizontal arrows move between them.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether arrow-key navigation wraps from the last tag back to the first,
+     * and vice versa.
+     * @default true — arrowing past the end lands on the first tag rather than stopping.
+     */
+    loop?: boolean;
+};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    loop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};