@skdx/vue 0.26.0

package/dist/autocomplete/AutocompleteContent.vue.d.cts

@@ -0,0 +1,107 @@
+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 `SkdxAutocomplete`, 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
+ * — like every popper in this package — writes the four measurement custom
+ * properties `--skdx-autocomplete-available-width`,
+ * `--skdx-autocomplete-available-height`, `--skdx-autocomplete-trigger-width` and
+ * `--skdx-autocomplete-transform-origin` onto itself after each reposition, so
+ * the panel can be sized and animated from CSS alone rather than measured again
+ * in JavaScript.
+ *
+ * It carries **no ARIA role**: the listbox is `SkdxAutocompleteList`, one level
+ * in, so a header, a footer or an `SkdxAutocompleteEmpty` can sit inside the
+ * popup without becoming a bogus role-less child of a listbox. Prevents
+ * `mousedown` from stealing focus off the input — real DOM focus must never
+ * leave `SkdxAutocompleteInput`, or the blur would commit and close before the
+ * click landed.
+ *
+ * Closes on Escape (putting the last committed text back) 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
+ * `SkdxAutocompleteInput` precisely so the veto lands before anything has
+ * closed or reverted. Mounts only while open unless `forceMount` is set. Must
+ * be used inside `SkdxAutocomplete`.
+ */
+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, so the suggestions sit under the text.
+     */
+    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 suggestions 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/autocomplete/AutocompleteContent.vue.d.ts

@@ -0,0 +1,107 @@
+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 `SkdxAutocomplete`, 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
+ * — like every popper in this package — writes the four measurement custom
+ * properties `--skdx-autocomplete-available-width`,
+ * `--skdx-autocomplete-available-height`, `--skdx-autocomplete-trigger-width` and
+ * `--skdx-autocomplete-transform-origin` onto itself after each reposition, so
+ * the panel can be sized and animated from CSS alone rather than measured again
+ * in JavaScript.
+ *
+ * It carries **no ARIA role**: the listbox is `SkdxAutocompleteList`, one level
+ * in, so a header, a footer or an `SkdxAutocompleteEmpty` can sit inside the
+ * popup without becoming a bogus role-less child of a listbox. Prevents
+ * `mousedown` from stealing focus off the input — real DOM focus must never
+ * leave `SkdxAutocompleteInput`, or the blur would commit and close before the
+ * click landed.
+ *
+ * Closes on Escape (putting the last committed text back) 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
+ * `SkdxAutocompleteInput` precisely so the veto lands before anything has
+ * closed or reverted. Mounts only while open unless `forceMount` is set. Must
+ * be used inside `SkdxAutocomplete`.
+ */
+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, so the suggestions sit under the text.
+     */
+    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 suggestions 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/autocomplete/AutocompleteContent.vue.js

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

package/dist/autocomplete/AutocompleteContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const w=require("../utils/composeRefs.cjs"),O=require("../utils/useDismiss.cjs"),a=require("../utils/popper.cjs"),v=require("./context.cjs");let e=require("vue");var y=["data-state","data-side","data-align"],C=(0,e.defineComponent)({__name:"AutocompleteContent",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(u,{emit:d}){const c=u,n=d,r=(0,e.inject)(v.AUTOCOMPLETE_CONTEXT);if(!r)throw new Error("SkdxAutocompleteContent must be used within SkdxAutocomplete.");const o=r,i=(0,e.inject)(a.POPPER_CONTEXT);if(!i)throw new Error("SkdxAutocompleteContent must be used within SkdxAutocomplete.");const s=(0,e.ref)(null),l=w.composeRefs(s,o.contentRef);O.useDismiss({enabled:o.open,onEscapeKeyDown:t=>{n("escape-key-down",t),t.defaultPrevented||o.revert()},onPointerDownOutside:t=>{n("pointer-down-outside",t),t.defaultPrevented||o.setOpen(!1)},onFocusOutside:t=>{n("focus-outside",t),t.defaultPrevented||o.setOpen(!1)},onInteractOutside:t=>n("interact-outside",t)},[s,o.inputRef,o.triggerRef]);const{style:f,placedSide:p,placedAlign:m}=a.usePopperPosition(i.anchor,s,o.open,()=>({...c,component:"autocomplete"}));function _(t){t.preventDefault()}return(t,P)=>u.forceMount||(0,e.unref)(o).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-autocomplete__content","data-part":"content",ref:(0,e.unref)(l),"data-state":(0,e.unref)(o).open.value?"open":"closed","data-side":(0,e.unref)(p),"data-align":(0,e.unref)(m),style:(0,e.normalizeStyle)((0,e.unref)(f)),onMousedown:_},[(0,e.renderSlot)(t.$slots,"default")],44,y)):(0,e.createCommentVNode)("",!0)}});exports.default=C;

package/dist/autocomplete/AutocompleteContent.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{AUTOCOMPLETE_CONTEXT as n}from"./context.js";import{createCommentVNode as a,createElementBlock as i,defineComponent as d,inject as u,normalizeStyle as l,openBlock as r,ref as p,renderSlot as c,unref as f}from"vue";var m=["data-state","data-side","data-align"],w=/* @__PURE__ */d({__name:"AutocompleteContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(d,{emit:w}){const O=d,v=w,P=u(n);if(!P)throw new Error("SkdxAutocompleteContent must be used within SkdxAutocomplete.");const k=P,y=u(o);if(!y)throw new Error("SkdxAutocompleteContent must be used within SkdxAutocomplete.");const C=p(null),E=e(C,k.contentRef);t({enabled:k.open,onEscapeKeyDown:e=>{v("escape-key-down",e),e.defaultPrevented||k.revert()},onPointerDownOutside:e=>{v("pointer-down-outside",e),e.defaultPrevented||k.setOpen(!1)},onFocusOutside:e=>{v("focus-outside",e),e.defaultPrevented||k.setOpen(!1)},onInteractOutside:e=>v("interact-outside",e)},[C,k.inputRef,k.triggerRef]);const{style:g,placedSide:x,placedAlign:A}=s(y.anchor,C,k.open,()=>({...O,component:"autocomplete"}));function S(e){e.preventDefault()}return(e,t)=>d.forceMount||f(k).open.value?(r(),i("div",{key:0,class:"skdx-autocomplete__content","data-part":"content",ref:f(E),"data-state":f(k).open.value?"open":"closed","data-side":f(x),"data-align":f(A),style:l(f(g)),onMousedown:S},[c(e.$slots,"default")],44,m)):a("",!0)}});export{w as default};

package/dist/autocomplete/AutocompleteEmpty.vue.cjs

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

package/dist/autocomplete/AutocompleteEmpty.vue.d.cts

@@ -0,0 +1,28 @@
+/**
+ * Fallback shown in place of the suggestion list when no `SkdxAutocompleteItem`s
+ * are currently rendered — because the consumer's filtered results are empty, or
+ * because the root's `filter` predicate rejected every one. Renders a
+ * `<div role="presentation">`; renders nothing while at least one suggestion is
+ * registered.
+ *
+ * Word it as "no matches", not "invalid": with the default `allowCustomValue`,
+ * an empty list does **not** mean the user's text is rejected — it means nothing
+ * was suggested and their own text is the answer.
+ *
+ * Belongs inside `SkdxAutocompleteContent` and *outside* `SkdxAutocompleteList` —
+ * a non-option child of a listbox is a broken listbox. Must be used inside
+ * `SkdxAutocomplete`.
+ */
+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/autocomplete/AutocompleteEmpty.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Fallback shown in place of the suggestion list when no `SkdxAutocompleteItem`s
+ * are currently rendered — because the consumer's filtered results are empty, or
+ * because the root's `filter` predicate rejected every one. Renders a
+ * `<div role="presentation">`; renders nothing while at least one suggestion is
+ * registered.
+ *
+ * Word it as "no matches", not "invalid": with the default `allowCustomValue`,
+ * an empty list does **not** mean the user's text is rejected — it means nothing
+ * was suggested and their own text is the answer.
+ *
+ * Belongs inside `SkdxAutocompleteContent` and *outside* `SkdxAutocompleteList` —
+ * a non-option child of a listbox is a broken listbox. Must be used inside
+ * `SkdxAutocomplete`.
+ */
+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/autocomplete/AutocompleteEmpty.vue.js

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

package/dist/autocomplete/AutocompleteEmpty.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/autocomplete/AutocompleteEmpty.vue_vue_type_script_setup_true_lang.js

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

package/dist/autocomplete/AutocompleteInput.vue.cjs

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

package/dist/autocomplete/AutocompleteInput.vue.d.cts

@@ -0,0 +1,26 @@
+/**
+ * The free-text field an `SkdxAutocomplete` is built around. Keeps real DOM
+ * focus for the whole interaction and doubles as the popper anchor the popup
+ * positions against. Renders an `<input type="text" role="combobox">` with
+ * `aria-expanded`, `aria-controls` pointing at `SkdxAutocompleteList`,
+ * `aria-autocomplete="list"`, `aria-activedescendant` tracking the
+ * virtually-focused suggestion, `autocomplete="off"`, and
+ * `aria-invalid`/`aria-readonly` plus their `data-*` twins from the root.
+ *
+ * Keyboard, in full:
+ *
+ * | Key | Effect |
+ * | --- | --- |
+ * | Arrow Down / Up | opens the popup, or moves the highlight — **DOM focus never moves** |
+ * | Enter | commits the highlighted suggestion; with nothing highlighted, commits the raw text (when `allowCustomValue`) |
+ * | Escape | closes and puts the last committed text back — owned by `SkdxAutocompleteContent` whenever one is mounted, so its cancelable `escape-key-down` can veto |
+ * | Tab | commits the raw text and moves on — the free-text escape hatch |
+ *
+ * Blur commits the raw text too, which is the behaviour that separates this
+ * family from `SkdxCombobox`: typing "foo" and clicking elsewhere keeps "foo".
+ * Give it an accessible name — `aria-label`, `aria-labelledby`, or an
+ * `SkdxLabel` pointing at it. Must be used inside `SkdxAutocomplete`.
+ */
+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/autocomplete/AutocompleteInput.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The free-text field an `SkdxAutocomplete` is built around. Keeps real DOM
+ * focus for the whole interaction and doubles as the popper anchor the popup
+ * positions against. Renders an `<input type="text" role="combobox">` with
+ * `aria-expanded`, `aria-controls` pointing at `SkdxAutocompleteList`,
+ * `aria-autocomplete="list"`, `aria-activedescendant` tracking the
+ * virtually-focused suggestion, `autocomplete="off"`, and
+ * `aria-invalid`/`aria-readonly` plus their `data-*` twins from the root.
+ *
+ * Keyboard, in full:
+ *
+ * | Key | Effect |
+ * | --- | --- |
+ * | Arrow Down / Up | opens the popup, or moves the highlight — **DOM focus never moves** |
+ * | Enter | commits the highlighted suggestion; with nothing highlighted, commits the raw text (when `allowCustomValue`) |
+ * | Escape | closes and puts the last committed text back — owned by `SkdxAutocompleteContent` whenever one is mounted, so its cancelable `escape-key-down` can veto |
+ * | Tab | commits the raw text and moves on — the free-text escape hatch |
+ *
+ * Blur commits the raw text too, which is the behaviour that separates this
+ * family from `SkdxCombobox`: typing "foo" and clicking elsewhere keeps "foo".
+ * Give it an accessible name — `aria-label`, `aria-labelledby`, or an
+ * `SkdxLabel` pointing at it. Must be used inside `SkdxAutocomplete`.
+ */
+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/autocomplete/AutocompleteInput.vue.js

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

package/dist/autocomplete/AutocompleteInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const y=require("../utils/reassertValue.cjs"),I=require("../utils/popper.cjs"),c=require("./context.cjs");let n=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"],x=(0,n.defineComponent)({__name:"AutocompleteInput",setup(A){const l=(0,n.inject)(c.AUTOCOMPLETE_CONTEXT);if(!l)throw new Error("SkdxAutocompleteInput must be used within SkdxAutocomplete.");const e=l,r=(0,n.inject)(I.POPPER_CONTEXT);if(!r)throw new Error("SkdxAutocompleteInput must be used within SkdxAutocomplete.");const i=(0,n.ref)(null);(0,n.onMounted)(()=>{e.inputRef.value=i.value,r.setAnchor(i.value)}),(0,n.onBeforeUnmount)(()=>{r.anchor.value===i.value&&r.setAnchor(null)});function d(t){const a=e.contentRef.value;if(!a)return;const u=Array.from(a.querySelectorAll(c.OPTION_SELECTOR));if(u.length===0)return;let o=u.findIndex(_=>_.id===e.activeId.value)+t;o<0&&(o=0),o>=u.length&&(o=u.length-1),e.setActiveId(u[o].id)}function p(){const t=e.activeId.value?e.getItem(e.activeId.value):void 0;return t?(e.commitItem(t.value,t.text||t.value),!0):!1}function s(t){const a=t.target;e.onInputValueChange(a.value),e.open.value||e.setOpen(!0),y.reassertValue(a,()=>e.inputValue.value)}function f(){e.openOnFocus&&!e.readOnly&&!e.open.value&&e.setOpen(!0)}function v(){e.commitInputValue()}function m(t){t.key==="ArrowDown"?(t.preventDefault(),e.open.value?d(1):e.openWithHighlight("first")):t.key==="ArrowUp"?(t.preventDefault(),e.open.value?d(-1):e.openWithHighlight("last")):t.key==="Enter"?p()?t.preventDefault():e.allowCustomValue&&e.inputValue.value!==""&&(t.preventDefault(),e.commitInputValue()):t.key==="Escape"?e.open.value&&!e.contentRef.value&&(t.preventDefault(),e.revert()):t.key==="Tab"&&e.commitInputValue()}return(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)("input",{class:"skdx-autocomplete__input","data-part":"input",ref_key:"elRef",ref:i,type:"text",role:"combobox","aria-expanded":(0,n.unref)(e).open.value,"aria-controls":(0,n.unref)(e).listId,"aria-autocomplete":"list","aria-activedescendant":(0,n.unref)(e).activeId.value??void 0,autocomplete:"off",disabled:(0,n.unref)(e).disabled||void 0,readonly:(0,n.unref)(e).readOnly||void 0,"aria-invalid":(0,n.unref)(e).invalid?!0:void 0,"aria-readonly":(0,n.unref)(e).readOnly?!0:void 0,"data-invalid":(0,n.unref)(e).invalid?"":void 0,"data-readonly":(0,n.unref)(e).readOnly?"":void 0,"data-disabled":(0,n.unref)(e).disabled?"":void 0,"data-state":(0,n.unref)(e).open.value?"open":"closed",value:(0,n.unref)(e).inputValue.value,onInput:s,onFocus:f,onBlur:v,onKeydown:m},null,40,h))}});exports.default=x;

package/dist/autocomplete/AutocompleteInput.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{AUTOCOMPLETE_CONTEXT as t,OPTION_SELECTOR as n}from"./context.js";import{createElementBlock as o,defineComponent as l,inject as u,onBeforeUnmount as i,onMounted as r,openBlock as d,ref as s,unref as p}from"vue";var v=["aria-expanded","aria-controls","aria-activedescendant","disabled","readonly","aria-invalid","aria-readonly","data-invalid","data-readonly","data-disabled","data-state","value"],c=/* @__PURE__ */l({__name:"AutocompleteInput",setup(l){const c=u(t);if(!c)throw new Error("SkdxAutocompleteInput must be used within SkdxAutocomplete.");const f=c,m=u(a);if(!m)throw new Error("SkdxAutocompleteInput must be used within SkdxAutocomplete.");const y=s(null);function I(e){const a=f.contentRef.value;if(!a)return;const t=Array.from(a.querySelectorAll(n));if(0===t.length)return;let o=t.findIndex(e=>e.id===f.activeId.value)+e;o<0&&(o=0),o>=t.length&&(o=t.length-1),f.setActiveId(t[o].id)}function h(a){const t=a.target;f.onInputValueChange(t.value),f.open.value||f.setOpen(!0),e(t,()=>f.inputValue.value)}function O(){f.openOnFocus&&!f.readOnly&&!f.open.value&&f.setOpen(!0)}function k(){f.commitInputValue()}function x(e){"ArrowDown"===e.key?(e.preventDefault(),f.open.value?I(1):f.openWithHighlight("first")):"ArrowUp"===e.key?(e.preventDefault(),f.open.value?I(-1):f.openWithHighlight("last")):"Enter"===e.key?function(){const e=f.activeId.value?f.getItem(f.activeId.value):void 0;return!!e&&(f.commitItem(e.value,e.text||e.value),!0)}()?e.preventDefault():f.allowCustomValue&&""!==f.inputValue.value&&(e.preventDefault(),f.commitInputValue()):"Escape"===e.key?f.open.value&&!f.contentRef.value&&(e.preventDefault(),f.revert()):"Tab"===e.key&&f.commitInputValue()}return r(()=>{f.inputRef.value=y.value,m.setAnchor(y.value)}),i(()=>{m.anchor.value===y.value&&m.setAnchor(null)}),(e,a)=>(d(),o("input",{class:"skdx-autocomplete__input","data-part":"input",ref_key:"elRef",ref:y,type:"text",role:"combobox","aria-expanded":p(f).open.value,"aria-controls":p(f).listId,"aria-autocomplete":"list","aria-activedescendant":p(f).activeId.value??void 0,autocomplete:"off",disabled:p(f).disabled||void 0,readonly:p(f).readOnly||void 0,"aria-invalid":!!p(f).invalid||void 0,"aria-readonly":!!p(f).readOnly||void 0,"data-invalid":p(f).invalid?"":void 0,"data-readonly":p(f).readOnly?"":void 0,"data-disabled":p(f).disabled?"":void 0,"data-state":p(f).open.value?"open":"closed",value:p(f).inputValue.value,onInput:h,onFocus:O,onBlur:k,onKeydown:x},null,40,v))}});export{c as default};

package/dist/autocomplete/AutocompleteItem.vue.cjs

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

package/dist/autocomplete/AutocompleteItem.vue.d.cts

@@ -0,0 +1,52 @@
+/**
+ * One suggestion inside `SkdxAutocompleteList`. Renders a `<div role="option">`
+ * with `data-value`, `aria-selected` (true only for the suggestion matching the
+ * *committed* value), `data-state` (`"checked" | "unchecked"`),
+ * `data-highlighted` for virtual focus — the attribute the brand layer styles
+ * the "keyboard cursor" from, since real DOM focus stays on the input — and
+ * `data-disabled`.
+ *
+ * Registers itself, and its text, with the root: that is how
+ * `SkdxAutocompleteEmpty` knows the list is empty, how the suggestion-count
+ * announcement gets its number, and how Enter knows what the highlighted option
+ * commits to. Click commits the suggestion, writes its text into the input,
+ * closes the popup and returns focus to the input. Pointer hover moves the
+ * highlight onto it.
+ *
+ * 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 suggestion. Must be used inside
+ * `SkdxAutocomplete`.
+ */
+type __VLS_Props = {
+    /** Value committed to the autocomplete root when this suggestion is chosen. */
+    value: string;
+    /**
+     * Excludes this suggestion from selection and pointer highlight.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Text the root's `filter` predicate matches against, and the text a commit
+     * writes back into `SkdxAutocompleteInput`. Only needed when the item renders
+     * more than its label (an icon, a secondary line).
+     * @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/autocomplete/AutocompleteItem.vue.d.ts

@@ -0,0 +1,52 @@
+/**
+ * One suggestion inside `SkdxAutocompleteList`. Renders a `<div role="option">`
+ * with `data-value`, `aria-selected` (true only for the suggestion matching the
+ * *committed* value), `data-state` (`"checked" | "unchecked"`),
+ * `data-highlighted` for virtual focus — the attribute the brand layer styles
+ * the "keyboard cursor" from, since real DOM focus stays on the input — and
+ * `data-disabled`.
+ *
+ * Registers itself, and its text, with the root: that is how
+ * `SkdxAutocompleteEmpty` knows the list is empty, how the suggestion-count
+ * announcement gets its number, and how Enter knows what the highlighted option
+ * commits to. Click commits the suggestion, writes its text into the input,
+ * closes the popup and returns focus to the input. Pointer hover moves the
+ * highlight onto it.
+ *
+ * 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 suggestion. Must be used inside
+ * `SkdxAutocomplete`.
+ */
+type __VLS_Props = {
+    /** Value committed to the autocomplete root when this suggestion is chosen. */
+    value: string;
+    /**
+     * Excludes this suggestion from selection and pointer highlight.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Text the root's `filter` predicate matches against, and the text a commit
+     * writes back into `SkdxAutocompleteInput`. Only needed when the item renders
+     * more than its label (an icon, a secondary line).
+     * @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/autocomplete/AutocompleteItem.vue.js

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

package/dist/autocomplete/AutocompleteItem.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/autocomplete/AutocompleteItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/autocomplete/AutocompleteList.vue.cjs

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

package/dist/autocomplete/AutocompleteList.vue.d.cts

@@ -0,0 +1,27 @@
+/**
+ * The `role="listbox"` holding an `SkdxAutocomplete`'s suggestions. Carries the
+ * id the input's `aria-controls` points at, so it must be rendered whenever the
+ * popup is — a dangling `aria-controls` is an axe violation.
+ *
+ * Split out from `SkdxAutocompleteContent` rather than merged into it so the
+ * popup can also hold things that are *not* options — a heading, a "showing 10
+ * of 400" footer, an `SkdxAutocompleteEmpty` — without those becoming children
+ * of a listbox, where a screen reader would report them as broken options.
+ *
+ * `role="listbox"` has no implicit accessible name: pass `aria-label` or
+ * `aria-labelledby` saying what the list is *of*. Must be used inside
+ * `SkdxAutocomplete`.
+ */
+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/autocomplete/AutocompleteList.vue.d.ts

@@ -0,0 +1,27 @@
+/**
+ * The `role="listbox"` holding an `SkdxAutocomplete`'s suggestions. Carries the
+ * id the input's `aria-controls` points at, so it must be rendered whenever the
+ * popup is — a dangling `aria-controls` is an axe violation.
+ *
+ * Split out from `SkdxAutocompleteContent` rather than merged into it so the
+ * popup can also hold things that are *not* options — a heading, a "showing 10
+ * of 400" footer, an `SkdxAutocompleteEmpty` — without those becoming children
+ * of a listbox, where a screen reader would report them as broken options.
+ *
+ * `role="listbox"` has no implicit accessible name: pass `aria-label` or
+ * `aria-labelledby` saying what the list is *of*. Must be used inside
+ * `SkdxAutocomplete`.
+ */
+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/autocomplete/AutocompleteList.vue.js

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

package/dist/autocomplete/AutocompleteList.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/autocomplete/AutocompleteList.vue_vue_type_script_setup_true_lang.js

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

package/dist/autocomplete/AutocompletePortal.vue.cjs

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

package/dist/autocomplete/AutocompletePortal.vue.d.cts

@@ -0,0 +1,38 @@
+import type { PortalContainer } from '../utils/portal.cjs';
+/**
+ * Teleports its children (typically `SkdxAutocompleteContent`) to
+ * `document.body` (or a custom `container`) while the `SkdxAutocomplete`'s popup
+ * is open, so the
+ * suggestions escape clipping and `overflow: hidden` from ancestors. Renders
+ * nothing while closed unless `forceMount` is set. Must be used inside
+ * `SkdxAutocomplete`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /**
+     * Render (and mount `SkdxAutocompleteContent`) even while closed, instead of
+     * unmounting. Useful for animation libraries that need the outgoing content
+     * present in the DOM during an exit transition.
+     * @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;
+    };
+};