@skdx/vue 0.26.0

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

@@ -0,0 +1,38 @@
+import type { PortalContainer } from '../utils/portal.js';
+/**
+ * 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;
+    };
+};

package/dist/autocomplete/AutocompletePortal.vue.js

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

package/dist/autocomplete/AutocompletePortal.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/autocomplete/AutocompletePortal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Portal.vue.js";import{AUTOCOMPLETE_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 c}from"vue";var i=/* @__PURE__ */a({__name:"AutocompletePortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(a){const i=n(t);if(!i)throw new Error("SkdxAutocompletePortal must be used within SkdxAutocomplete.");return(t,n)=>a.forceMount||u(i).open.value?(l(),o(e,{key:0,container:a.container},{default:c(()=>[s(t.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{i as default};

package/dist/autocomplete/AutocompleteTrigger.vue.cjs

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

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

@@ -0,0 +1,26 @@
+/**
+ * Optional button that toggles an `SkdxAutocomplete`'s suggestion popup — the
+ * "▾" affordance that tells a pointer user there is a list at all, since a
+ * plain text field looks like a plain text field.
+ *
+ * Renders a `<button type="button">` with `aria-expanded`, `aria-controls`
+ * pointing at `SkdxAutocompleteList`, and `data-state="open" | "closed"`. It is
+ * deliberately **not** a Tab stop: the input is the widget, and the keyboard
+ * path to the list is Arrow Down on the input, so a second stop here would make
+ * every autocomplete cost two Tab presses to skip. Give it an `aria-label` — a
+ * chevron glyph is not an accessible name. 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/AutocompleteTrigger.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Optional button that toggles an `SkdxAutocomplete`'s suggestion popup — the
+ * "▾" affordance that tells a pointer user there is a list at all, since a
+ * plain text field looks like a plain text field.
+ *
+ * Renders a `<button type="button">` with `aria-expanded`, `aria-controls`
+ * pointing at `SkdxAutocompleteList`, and `data-state="open" | "closed"`. It is
+ * deliberately **not** a Tab stop: the input is the widget, and the keyboard
+ * path to the list is Arrow Down on the input, so a second stop here would make
+ * every autocomplete cost two Tab presses to skip. Give it an `aria-label` — a
+ * chevron glyph is not an accessible name. 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/AutocompleteTrigger.vue.js

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

package/dist/autocomplete/AutocompleteTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs");let e=require("vue");var d=["aria-expanded","aria-controls","disabled","data-disabled","data-readonly","data-state"],i=(0,e.defineComponent)({__name:"AutocompleteTrigger",setup(s){const n=(0,e.inject)(l.AUTOCOMPLETE_CONTEXT);if(!n)throw new Error("SkdxAutocompleteTrigger must be used within SkdxAutocomplete.");const t=n,r=(0,e.ref)(null);(0,e.onMounted)(()=>{t.triggerRef.value=r.value}),(0,e.onBeforeUnmount)(()=>{t.triggerRef.value===r.value&&(t.triggerRef.value=null)});function o(a){a.preventDefault()}function u(){t.readOnly||(t.setOpen(!t.open.value),t.inputRef.value?.focus())}return(a,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-autocomplete__trigger","data-part":"trigger",ref_key:"elRef",ref:r,type:"button",tabindex:-1,"aria-expanded":(0,e.unref)(t).open.value,"aria-controls":(0,e.unref)(t).listId,disabled:(0,e.unref)(t).disabled||void 0,"data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,"data-state":(0,e.unref)(t).open.value?"open":"closed",onMousedown:o,onClick:u},[(0,e.renderSlot)(a.$slots,"default")],40,d))}});exports.default=i;

package/dist/autocomplete/AutocompleteTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{AUTOCOMPLETE_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as o,onBeforeUnmount as n,onMounted as r,openBlock as d,ref as l,renderSlot as s,unref as i}from"vue";var u=["aria-expanded","aria-controls","disabled","data-disabled","data-readonly","data-state"],p=/* @__PURE__ */t({__name:"AutocompleteTrigger",setup(t){const p=o(e);if(!p)throw new Error("SkdxAutocompleteTrigger must be used within SkdxAutocomplete.");const f=p,c=l(null);function v(e){e.preventDefault()}function g(){f.readOnly||(f.setOpen(!f.open.value),f.inputRef.value?.focus())}return r(()=>{f.triggerRef.value=c.value}),n(()=>{f.triggerRef.value===c.value&&(f.triggerRef.value=null)}),(e,t)=>(d(),a("button",{class:"skdx-autocomplete__trigger","data-part":"trigger",ref_key:"elRef",ref:c,type:"button",tabindex:-1,"aria-expanded":i(f).open.value,"aria-controls":i(f).listId,disabled:i(f).disabled||void 0,"data-disabled":i(f).disabled?"":void 0,"data-readonly":i(f).readOnly?"":void 0,"data-state":i(f).open.value?"open":"closed",onMousedown:v,onClick:g},[s(e.$slots,"default")],40,u))}});export{p as default};

package/dist/autocomplete/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs");var o='[role="option"]:not([data-disabled])',n=Symbol("skdx-autocomplete-context");function u(){return e.nextId("autocomplete-list")}function l(){return e.nextId("autocomplete-item")}function i(t){return`${t} suggestion${t===1?"":"s"} available`}exports.AUTOCOMPLETE_CONTEXT=n;exports.OPTION_SELECTOR=o;exports.defaultGetSuggestionCountLabel=i;exports.nextAutocompleteItemId=l;exports.nextAutocompleteListId=u;

package/dist/autocomplete/context.d.cts

@@ -0,0 +1,76 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled (non-disabled) suggestion elements for keyboard navigation. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/**
+ * Decides which `SkdxAutocompleteItem`s survive the current draft text.
+ * `undefined` filters nothing — the consumer renders only the suggestions that
+ * match, which is what an async or server-side search needs.
+ */
+export type AutocompleteFilter = (itemText: string, inputValue: string) => boolean;
+/** @internal What one registered `SkdxAutocompleteItem` contributes to the root's collection. */
+export interface AutocompleteItemEntry {
+    /** Identifier committed to the root's value when this suggestion is chosen. */
+    value: string;
+    /** The item's `textValue`, or its rendered text — matched by `filter` and written back into the input. */
+    text: string;
+}
+/** @internal Shared state distributed from `SkdxAutocomplete` to its parts via provide/inject. */
+export interface AutocompleteContext {
+    inputRef: Ref<HTMLElement | null>;
+    /**
+     * The optional `SkdxAutocompleteTrigger`, when one is mounted. Content's
+     * dismissal layer needs it: the trigger toggles the popup on *click*, so a
+     * pointer-down on it that counted as "outside" would close the popup and let
+     * the click reopen it.
+     */
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    /** Id of `SkdxAutocompleteList`, referenced by the input's `aria-controls`. */
+    listId: string;
+    /** The committed value — the answer the form takes, which need not be one of the suggestions. */
+    value: Readonly<Ref<string>>;
+    /** Whether an option value is the committed one, for `aria-selected`. */
+    isSelected(value: string): boolean;
+    /** The draft text currently in the input. */
+    inputValue: Readonly<Ref<string>>;
+    onInputValueChange(value: string): void;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    activeId: Readonly<Ref<string | null>>;
+    setActiveId(id: string | null): void;
+    /** Opens the popup and, once its suggestions are mounted, highlights the first (or last) one. */
+    openWithHighlight(edge: 'first' | 'last'): void;
+    itemCount: Readonly<Ref<number>>;
+    registerItem(id: string, entry: AutocompleteItemEntry): void;
+    unregisterItem(id: string): void;
+    /** The registered entry behind a suggestion id, for committing the virtually-focused one. */
+    getItem(id: string): AutocompleteItemEntry | undefined;
+    /** Whether an item with this text survives the current `filter` and draft text. */
+    matchesFilter(itemText: string): boolean;
+    /** Commits a suggestion: writes its text into the input, its value into `value`, and closes. */
+    commitItem(value: string, text: string): void;
+    /** Commits the raw draft text as the value (Tab, blur) — or restores the last committed text when `allowCustomValue` is off. */
+    commitInputValue(): void;
+    /** Closes and puts the last committed text back in the input (Escape). */
+    revert(): void;
+    allowCustomValue: boolean;
+    openOnFocus: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+}
+/** @internal Injection key the Autocomplete root provides so its Input, Trigger, Content, List and Items share draft text, committed value, open and active-item state. */
+export declare const AUTOCOMPLETE_CONTEXT: InjectionKey<AutocompleteContext>;
+/** @internal Generates a unique id for an Autocomplete's list, for the input's `aria-controls`. */
+export declare function nextAutocompleteListId(): string;
+/** @internal Generates a unique, stable-per-instance id for an AutocompleteItem. */
+export declare function nextAutocompleteItemId(): string;
+/**
+ * @internal Default `getSuggestionCountLabel`: `"1 suggestion available"` /
+ * `"3 suggestions available"`.
+ *
+ * Lives here rather than in `Autocomplete.vue` because `withDefaults(defineProps())`
+ * is hoisted out of `setup()`, so it cannot reference a binding declared
+ * locally in the same `<script setup>` — only an imported one.
+ */
+export declare function defaultGetSuggestionCountLabel(count: number): string;

package/dist/autocomplete/context.d.ts

@@ -0,0 +1,76 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled (non-disabled) suggestion elements for keyboard navigation. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/**
+ * Decides which `SkdxAutocompleteItem`s survive the current draft text.
+ * `undefined` filters nothing — the consumer renders only the suggestions that
+ * match, which is what an async or server-side search needs.
+ */
+export type AutocompleteFilter = (itemText: string, inputValue: string) => boolean;
+/** @internal What one registered `SkdxAutocompleteItem` contributes to the root's collection. */
+export interface AutocompleteItemEntry {
+    /** Identifier committed to the root's value when this suggestion is chosen. */
+    value: string;
+    /** The item's `textValue`, or its rendered text — matched by `filter` and written back into the input. */
+    text: string;
+}
+/** @internal Shared state distributed from `SkdxAutocomplete` to its parts via provide/inject. */
+export interface AutocompleteContext {
+    inputRef: Ref<HTMLElement | null>;
+    /**
+     * The optional `SkdxAutocompleteTrigger`, when one is mounted. Content's
+     * dismissal layer needs it: the trigger toggles the popup on *click*, so a
+     * pointer-down on it that counted as "outside" would close the popup and let
+     * the click reopen it.
+     */
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    /** Id of `SkdxAutocompleteList`, referenced by the input's `aria-controls`. */
+    listId: string;
+    /** The committed value — the answer the form takes, which need not be one of the suggestions. */
+    value: Readonly<Ref<string>>;
+    /** Whether an option value is the committed one, for `aria-selected`. */
+    isSelected(value: string): boolean;
+    /** The draft text currently in the input. */
+    inputValue: Readonly<Ref<string>>;
+    onInputValueChange(value: string): void;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    activeId: Readonly<Ref<string | null>>;
+    setActiveId(id: string | null): void;
+    /** Opens the popup and, once its suggestions are mounted, highlights the first (or last) one. */
+    openWithHighlight(edge: 'first' | 'last'): void;
+    itemCount: Readonly<Ref<number>>;
+    registerItem(id: string, entry: AutocompleteItemEntry): void;
+    unregisterItem(id: string): void;
+    /** The registered entry behind a suggestion id, for committing the virtually-focused one. */
+    getItem(id: string): AutocompleteItemEntry | undefined;
+    /** Whether an item with this text survives the current `filter` and draft text. */
+    matchesFilter(itemText: string): boolean;
+    /** Commits a suggestion: writes its text into the input, its value into `value`, and closes. */
+    commitItem(value: string, text: string): void;
+    /** Commits the raw draft text as the value (Tab, blur) — or restores the last committed text when `allowCustomValue` is off. */
+    commitInputValue(): void;
+    /** Closes and puts the last committed text back in the input (Escape). */
+    revert(): void;
+    allowCustomValue: boolean;
+    openOnFocus: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+}
+/** @internal Injection key the Autocomplete root provides so its Input, Trigger, Content, List and Items share draft text, committed value, open and active-item state. */
+export declare const AUTOCOMPLETE_CONTEXT: InjectionKey<AutocompleteContext>;
+/** @internal Generates a unique id for an Autocomplete's list, for the input's `aria-controls`. */
+export declare function nextAutocompleteListId(): string;
+/** @internal Generates a unique, stable-per-instance id for an AutocompleteItem. */
+export declare function nextAutocompleteItemId(): string;
+/**
+ * @internal Default `getSuggestionCountLabel`: `"1 suggestion available"` /
+ * `"3 suggestions available"`.
+ *
+ * Lives here rather than in `Autocomplete.vue` because `withDefaults(defineProps())`
+ * is hoisted out of `setup()`, so it cannot reference a binding declared
+ * locally in the same `<script setup>` — only an imported one.
+ */
+export declare function defaultGetSuggestionCountLabel(count: number): string;

package/dist/autocomplete/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var e='[role="option"]:not([data-disabled])',o=/* @__PURE__ */Symbol("skdx-autocomplete-context");function a(){return t("autocomplete-list")}function n(){return t("autocomplete-item")}function s(t){return`${t} suggestion${1===t?"":"s"} available`}export{o as AUTOCOMPLETE_CONTEXT,e as OPTION_SELECTOR,s as defaultGetSuggestionCountLabel,n as nextAutocompleteItemId,a as nextAutocompleteListId};

package/dist/autocomplete/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Autocomplete.vue.cjs"),t=require("./AutocompleteInput.vue.cjs"),o=require("./AutocompleteTrigger.vue.cjs"),u=require("./AutocompletePortal.vue.cjs"),r=require("./AutocompleteContent.vue.cjs"),l=require("./AutocompleteList.vue.cjs"),c=require("./AutocompleteItem.vue.cjs"),i=require("./AutocompleteEmpty.vue.cjs");exports.SkdxAutocomplete=e.default;exports.SkdxAutocompleteContent=r.default;exports.SkdxAutocompleteEmpty=i.default;exports.SkdxAutocompleteInput=t.default;exports.SkdxAutocompleteItem=c.default;exports.SkdxAutocompleteList=l.default;exports.SkdxAutocompletePortal=u.default;exports.SkdxAutocompleteTrigger=o.default;

package/dist/autocomplete/index.d.cts

@@ -0,0 +1,9 @@
+export { default as SkdxAutocomplete } from './Autocomplete.vue.cjs';
+export { default as SkdxAutocompleteInput } from './AutocompleteInput.vue.cjs';
+export { default as SkdxAutocompleteTrigger } from './AutocompleteTrigger.vue.cjs';
+export { default as SkdxAutocompletePortal } from './AutocompletePortal.vue.cjs';
+export { default as SkdxAutocompleteContent } from './AutocompleteContent.vue.cjs';
+export { default as SkdxAutocompleteList } from './AutocompleteList.vue.cjs';
+export { default as SkdxAutocompleteItem } from './AutocompleteItem.vue.cjs';
+export { default as SkdxAutocompleteEmpty } from './AutocompleteEmpty.vue.cjs';
+export type { AutocompleteFilter } from './context.cjs';

package/dist/autocomplete/index.d.ts

@@ -0,0 +1,9 @@
+export { default as SkdxAutocomplete } from './Autocomplete.vue.js';
+export { default as SkdxAutocompleteInput } from './AutocompleteInput.vue.js';
+export { default as SkdxAutocompleteTrigger } from './AutocompleteTrigger.vue.js';
+export { default as SkdxAutocompletePortal } from './AutocompletePortal.vue.js';
+export { default as SkdxAutocompleteContent } from './AutocompleteContent.vue.js';
+export { default as SkdxAutocompleteList } from './AutocompleteList.vue.js';
+export { default as SkdxAutocompleteItem } from './AutocompleteItem.vue.js';
+export { default as SkdxAutocompleteEmpty } from './AutocompleteEmpty.vue.js';
+export type { AutocompleteFilter } from './context.js';

package/dist/autocomplete/index.js

@@ -0,0 +1 @@
+import t from"./Autocomplete.vue.js";import o from"./AutocompleteInput.vue.js";import e from"./AutocompleteTrigger.vue.js";import m from"./AutocompletePortal.vue.js";import p from"./AutocompleteContent.vue.js";import u from"./AutocompleteList.vue.js";import r from"./AutocompleteItem.vue.js";import l from"./AutocompleteEmpty.vue.js";export{t as SkdxAutocomplete,p as SkdxAutocompleteContent,l as SkdxAutocompleteEmpty,o as SkdxAutocompleteInput,r as SkdxAutocompleteItem,u as SkdxAutocompleteList,m as SkdxAutocompletePortal,e as SkdxAutocompleteTrigger};

package/dist/avatar/Avatar.vue.cjs

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

package/dist/avatar/Avatar.vue.d.cts

@@ -0,0 +1,20 @@
+/**
+ * The Vue implementation of the shared Avatar contract (see `@skdx/shared`'s
+ * `avatarContract`). Owns image-loading status and `provide()`s it to
+ * `<SkdxAvatarImage>` / `<SkdxAvatarFallback>` so the fallback can appear while
+ * the image loads or fails, and the image can replace it once loaded.
+ * Renders a plain `<span>`.
+ */
+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/avatar/Avatar.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The Vue implementation of the shared Avatar contract (see `@skdx/shared`'s
+ * `avatarContract`). Owns image-loading status and `provide()`s it to
+ * `<SkdxAvatarImage>` / `<SkdxAvatarFallback>` so the fallback can appear while
+ * the image loads or fails, and the image can replace it once loaded.
+ * Renders a plain `<span>`.
+ */
+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/avatar/Avatar.vue.js

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

package/dist/avatar/Avatar.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var r={class:"skdx-avatar","data-part":"root","data-skdx-component":"avatar"},o=(0,e.defineComponent)({__name:"Avatar",setup(_){return(0,e.provide)(a.AVATAR_CONTEXT,{imageLoadingStatus:(0,e.ref)("idle")}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=o;

package/dist/avatar/Avatar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{AVATAR_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as e,openBlock as o,provide as s,ref as r,renderSlot as n}from"vue";var d={class:"skdx-avatar","data-part":"root","data-skdx-component":"avatar"},p=/* @__PURE__ */e({__name:"Avatar",setup:e=>(s(a,{imageLoadingStatus:r("idle")}),(a,e)=>(o(),t("span",d,[n(a.$slots,"default")])))});export{p as default};

package/dist/avatar/AvatarFallback.vue.cjs

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

package/dist/avatar/AvatarFallback.vue.d.cts

@@ -0,0 +1,25 @@
+/**
+ * Renders while the sibling `<SkdxAvatarImage>` hasn't finished loading
+ * (idle, loading, or errored) — typically initials or a placeholder icon.
+ * If `delayMs` is set, rendering is held back for that long to avoid a
+ * flash when the image loads quickly. Must be used inside `<SkdxAvatar>`.
+ */
+type __VLS_Props = {
+    /**
+     * Delay before showing the fallback, to avoid a flash on fast connections.
+     * @default undefined — renders immediately, with no delay.
+     */
+    delayMs?: number;
+};
+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/avatar/AvatarFallback.vue.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Renders while the sibling `<SkdxAvatarImage>` hasn't finished loading
+ * (idle, loading, or errored) — typically initials or a placeholder icon.
+ * If `delayMs` is set, rendering is held back for that long to avoid a
+ * flash when the image loads quickly. Must be used inside `<SkdxAvatar>`.
+ */
+type __VLS_Props = {
+    /**
+     * Delay before showing the fallback, to avoid a flash on fast connections.
+     * @default undefined — renders immediately, with no delay.
+     */
+    delayMs?: number;
+};
+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/avatar/AvatarFallback.vue.js

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

package/dist/avatar/AvatarFallback.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("./context.cjs");let e=require("vue");var i={key:0,class:"skdx-avatar__fallback","data-part":"fallback"},c=(0,e.defineComponent)({__name:"AvatarFallback",props:{delayMs:{}},setup(l){const o=l,n=(0,e.inject)(d.AVATAR_CONTEXT);if(!n)throw new Error("<SkdxAvatarFallback> must be used inside <SkdxAvatar>.");const u=n,a=(0,e.ref)(o.delayMs===void 0);let t;return(0,e.watch)(()=>o.delayMs,r=>{if(t!==void 0&&window.clearTimeout(t),r===void 0){a.value=!0;return}a.value=!1,t=window.setTimeout(()=>{a.value=!0},r)},{immediate:!0}),(0,e.onUnmounted)(()=>{t!==void 0&&window.clearTimeout(t)}),(r,s)=>a.value&&(0,e.unref)(u).imageLoadingStatus.value!=="loaded"?((0,e.openBlock)(),(0,e.createElementBlock)("span",i,[(0,e.renderSlot)(r.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=c;

package/dist/avatar/AvatarFallback.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{AVATAR_CONTEXT as a}from"./context.js";import{createCommentVNode as e,createElementBlock as t,defineComponent as o,inject as s,onUnmounted as l,openBlock as d,ref as r,renderSlot as n,unref as i,watch as u}from"vue";var m={key:0,class:"skdx-avatar__fallback","data-part":"fallback"},c=/* @__PURE__ */o({__name:"AvatarFallback",props:{delayMs:{}},setup(o){const c=o,v=s(a);if(!v)throw new Error("<SkdxAvatarFallback> must be used inside <SkdxAvatar>.");const f=v,k=r(void 0===c.delayMs);let p;return u(()=>c.delayMs,a=>{void 0!==p&&window.clearTimeout(p),void 0!==a?(k.value=!1,p=window.setTimeout(()=>{k.value=!0},a)):k.value=!0},{immediate:!0}),l(()=>{void 0!==p&&window.clearTimeout(p)}),(a,o)=>k.value&&"loaded"!==i(f).imageLoadingStatus.value?(d(),t("span",m,[n(a.$slots,"default")])):e("",!0)}});export{c as default};

package/dist/avatar/AvatarImage.vue.cjs

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

package/dist/avatar/AvatarImage.vue.d.cts

@@ -0,0 +1,21 @@
+import { type ImageLoadingStatus } from './context.cjs';
+/**
+ * Loads `src` itself (independent of the native `<img>` load event) and only
+ * renders the `<img>` once it has finished loading successfully; renders
+ * nothing while idle, loading, or on error, so a sibling
+ * `<SkdxAvatarFallback>` shows through instead. Must be used inside
+ * `<SkdxAvatar>`.
+ */
+type __VLS_Props = {
+    /**
+     * Image URL to load. Falls back to `<AvatarFallback>` while it loads, on error, or when omitted.
+     * @default undefined — no image, always shows the fallback.
+     */
+    src?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "loading-status-change": (status: ImageLoadingStatus) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onLoading-status-change"?: ((status: ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/avatar/AvatarImage.vue.d.ts

@@ -0,0 +1,21 @@
+import { type ImageLoadingStatus } from './context.js';
+/**
+ * Loads `src` itself (independent of the native `<img>` load event) and only
+ * renders the `<img>` once it has finished loading successfully; renders
+ * nothing while idle, loading, or on error, so a sibling
+ * `<SkdxAvatarFallback>` shows through instead. Must be used inside
+ * `<SkdxAvatar>`.
+ */
+type __VLS_Props = {
+    /**
+     * Image URL to load. Falls back to `<AvatarFallback>` while it loads, on error, or when omitted.
+     * @default undefined — no image, always shows the fallback.
+     */
+    src?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "loading-status-change": (status: ImageLoadingStatus) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onLoading-status-change"?: ((status: ImageLoadingStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/avatar/AvatarImage.vue.js

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

package/dist/avatar/AvatarImage.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs");let e=require("vue");var g=["src"],_=(0,e.defineComponent)({__name:"AvatarImage",props:{src:{}},emits:["loading-status-change"],setup(i,{emit:c}){const d=i,m=c,u=(0,e.inject)(l.AVATAR_CONTEXT);if(!u)throw new Error("<SkdxAvatarImage> must be used inside <SkdxAvatar>.");const s=u;function a(t){s.imageLoadingStatus.value=t,m("loading-status-change",t)}let n;return(0,e.watch)(()=>d.src,t=>{if(n?.(),typeof window>"u")return;if(!t){a("error");return}let r=!0;n=()=>{r=!1};const o=new window.Image;a("loading"),o.onload=()=>{r&&a("loaded")},o.onerror=()=>{r&&a("error")},o.src=t},{immediate:!0}),(0,e.onUnmounted)(()=>n?.()),(t,r)=>(0,e.unref)(s).imageLoadingStatus.value==="loaded"?((0,e.openBlock)(),(0,e.createElementBlock)("img",{key:0,class:"skdx-avatar__image","data-part":"image",src:i.src},null,8,g)):(0,e.createCommentVNode)("",!0)}});exports.default=_;

package/dist/avatar/AvatarImage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{AVATAR_CONTEXT as a}from"./context.js";import{createCommentVNode as e,createElementBlock as t,defineComponent as r,inject as o,onUnmounted as n,openBlock as s,unref as i,watch as d}from"vue";var m=["src"],c=/* @__PURE__ */r({__name:"AvatarImage",props:{src:{}},emits:["loading-status-change"],setup(r,{emit:c}){const u=r,l=c,g=o(a);if(!g)throw new Error("<SkdxAvatarImage> must be used inside <SkdxAvatar>.");const f=g;function p(a){f.imageLoadingStatus.value=a,l("loading-status-change",a)}let v;return d(()=>u.src,a=>{if(v?.(),typeof window>"u")return;if(!a)return void p("error");let e=!0;v=()=>{e=!1};const t=new window.Image;p("loading"),t.onload=()=>{e&&p("loaded")},t.onerror=()=>{e&&p("error")},t.src=a},{immediate:!0}),n(()=>v?.()),(a,o)=>"loaded"===i(f).imageLoadingStatus.value?(s(),t("img",{key:0,class:"skdx-avatar__image","data-part":"image",src:r.src},null,8,m)):e("",!0)}});export{c as default};

package/dist/avatar/context.cjs

@@ -0,0 +1 @@
+var A=Symbol("skdx-avatar-context");exports.AVATAR_CONTEXT=A;

package/dist/avatar/context.d.cts

@@ -0,0 +1,9 @@
+import type { InjectionKey, Ref } from 'vue';
+/** Lifecycle of the {@link SkdxAvatarImage}'s underlying image load. */
+export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
+/** @internal Injection key an Avatar provides so its parts can read/drive shared image-loading state. */
+export interface AvatarContext {
+    imageLoadingStatus: Ref<ImageLoadingStatus>;
+}
+/** @internal Injection key an Avatar provides so its image/fallback parts can read/drive the shared image-loading status. */
+export declare const AVATAR_CONTEXT: InjectionKey<AvatarContext>;

package/dist/avatar/context.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey, Ref } from 'vue';
+/** Lifecycle of the {@link SkdxAvatarImage}'s underlying image load. */
+export type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
+/** @internal Injection key an Avatar provides so its parts can read/drive shared image-loading state. */
+export interface AvatarContext {
+    imageLoadingStatus: Ref<ImageLoadingStatus>;
+}
+/** @internal Injection key an Avatar provides so its image/fallback parts can read/drive the shared image-loading status. */
+export declare const AVATAR_CONTEXT: InjectionKey<AvatarContext>;

package/dist/avatar/context.js

@@ -0,0 +1 @@
+var a=/* @__PURE__ */Symbol("skdx-avatar-context");export{a as AVATAR_CONTEXT};

package/dist/avatar/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./Avatar.vue.cjs"),e=require("./AvatarImage.vue.cjs"),r=require("./AvatarFallback.vue.cjs");exports.SkdxAvatar=a.default;exports.SkdxAvatarFallback=r.default;exports.SkdxAvatarImage=e.default;

package/dist/avatar/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxAvatar } from './Avatar.vue.cjs';
+export { default as SkdxAvatarImage } from './AvatarImage.vue.cjs';
+export { default as SkdxAvatarFallback } from './AvatarFallback.vue.cjs';

package/dist/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxAvatar } from './Avatar.vue.js';
+export { default as SkdxAvatarImage } from './AvatarImage.vue.js';
+export { default as SkdxAvatarFallback } from './AvatarFallback.vue.js';

package/dist/avatar/index.js

@@ -0,0 +1 @@
+import a from"./Avatar.vue.js";import r from"./AvatarImage.vue.js";import t from"./AvatarFallback.vue.js";export{a as SkdxAvatar,t as SkdxAvatarFallback,r as SkdxAvatarImage};

package/dist/badge/Badge.vue.cjs

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

package/dist/badge/Badge.vue.d.cts

@@ -0,0 +1,20 @@
+/**
+ * The Vue implementation of the shared Badge contract (see `@skdx/shared`'s
+ * `badgeContract`). Renders a plain `<span>`: no component-specific props,
+ * no visual style — style it with `class`/`:class` on `<SkdxBadge>` as you
+ * would any element (it forwards through Vue's normal attribute fallthrough
+ * since there's a single root element).
+ */
+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/badge/Badge.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The Vue implementation of the shared Badge contract (see `@skdx/shared`'s
+ * `badgeContract`). Renders a plain `<span>`: no component-specific props,
+ * no visual style — style it with `class`/`:class` on `<SkdxBadge>` as you
+ * would any element (it forwards through Vue's normal attribute fallthrough
+ * since there's a single root element).
+ */
+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/badge/Badge.vue.js

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

package/dist/badge/Badge.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-badge","data-part":"root","data-skdx-component":"badge"},r=(0,e.defineComponent)({__name:"Badge",setup(_){return(t,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",a,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=r;

package/dist/badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as a,defineComponent as e,openBlock as t,renderSlot as o}from"vue";var s={class:"skdx-badge","data-part":"root","data-skdx-component":"badge"},d=/* @__PURE__ */e({__name:"Badge",setup:e=>(e,d)=>(t(),a("span",s,[o(e.$slots,"default")]))});export{d as default};

package/dist/badge/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge.vue.cjs");exports.SkdxBadge=e.default;

package/dist/badge/index.d.cts

@@ -0,0 +1 @@
+export { default as SkdxBadge } from './Badge.vue.cjs';