@skdx/vue 0.28.0 → 0.29.0

package/dist/form/FormLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var o=["for"],_=(0,e.defineComponent)({__name:"FormLabel",setup(a){const r=(0,e.inject)(l.FORM_FIELD_CONTEXT);if(!r)throw new Error("<SkdxFormLabel> must be used inside <SkdxFormField>.");return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:"skdx-form__label","data-part":"label",for:(0,e.unref)(r).id},[(0,e.renderSlot)(t.$slots,"default")],8,o))}});exports.default=_;
+const l=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var _=["for"],o=(0,e.defineComponent)({__name:"FormLabel",setup(a){const r=l.injectRequired(u.FORM_FIELD_CONTEXT,"<SkdxFormLabel> must be used inside <SkdxFormField>.");return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:"skdx-form__label","data-part":"label",for:(0,e.unref)(r).id},[(0,e.renderSlot)(t.$slots,"default")],8,_))}});exports.default=o;

package/dist/form/FormLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{FORM_FIELD_CONTEXT as e}from"./context.js";import{createElementBlock as r,defineComponent as a,inject as o,openBlock as t,renderSlot as s,unref as l}from"vue";var n=["for"],d=/* @__PURE__ */a({__name:"FormLabel",setup(a){const d=o(e);if(!d)throw new Error("<SkdxFormLabel> must be used inside <SkdxFormField>.");return(e,a)=>(t(),r("label",{class:"skdx-form__label","data-part":"label",for:l(d).id},[s(e.$slots,"default")],8,n))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{FORM_FIELD_CONTEXT as r}from"./context.js";import{createElementBlock as a,defineComponent as o,openBlock as t,renderSlot as s,unref as l}from"vue";var d=["for"],m=/* @__PURE__ */o({__name:"FormLabel",setup(o){const m=e(r,"<SkdxFormLabel> must be used inside <SkdxFormField>.");return(e,r)=>(t(),a("label",{class:"skdx-form__label","data-part":"label",for:l(m).id},[s(e.$slots,"default")],8,d))}});export{m as default};

package/dist/form/FormMessage.vue.d.cts

@@ -1,11 +1,8 @@
 import { type ValiditySnapshot } from './context.cjs';
-/**
- * Validation message for `SkdxFormField`. Hidden until match condition or
- * forceMatch. Uses `hidden` not `v-if` to preserve IDREF validity.
- */
+/** Validation message for `SkdxFormField`, hidden via `hidden` rather than `v-if` to preserve IDREF validity. */
 type __VLS_Props = {
     /** Which ValidityState flag to show this message for; omit to match any invalid state. */
-    match?: keyof ValiditySnapshot;
+    match?: keyof ValiditySnapshot | undefined;
     /** Always render regardless of native validity — for async/server errors. */
     forceMatch?: boolean;
 };
@@ -14,7 +11,7 @@ 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<{}>, {
-    match: keyof ValiditySnapshot;
+    match: keyof ValiditySnapshot | undefined;
     forceMatch: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/form/FormMessage.vue.d.ts

@@ -1,11 +1,8 @@
 import { type ValiditySnapshot } from './context.js';
-/**
- * Validation message for `SkdxFormField`. Hidden until match condition or
- * forceMatch. Uses `hidden` not `v-if` to preserve IDREF validity.
- */
+/** Validation message for `SkdxFormField`, hidden via `hidden` rather than `v-if` to preserve IDREF validity. */
 type __VLS_Props = {
     /** Which ValidityState flag to show this message for; omit to match any invalid state. */
-    match?: keyof ValiditySnapshot;
+    match?: keyof ValiditySnapshot | undefined;
     /** Always render regardless of native validity — for async/server errors. */
     forceMatch?: boolean;
 };
@@ -14,7 +11,7 @@ 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<{}>, {
-    match: keyof ValiditySnapshot;
+    match: keyof ValiditySnapshot | undefined;
     forceMatch: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/form/FormMessage.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const f=require("../field/fieldCore.cjs"),n=require("./context.cjs"),i=require("./serverErrors.cjs");let e=require("vue");var l=["hidden","id"],c=(0,e.defineComponent)({__name:"FormMessage",props:{match:{default:void 0},forceMatch:{type:Boolean,default:!1}},setup(u){const t=u,s=(0,e.inject)(n.FORM_FIELD_CONTEXT);if(!s)throw new Error("<SkdxFormMessage> must be used inside <SkdxFormField>.");const o=(0,e.inject)(n.FORM_CONTEXT);if(!o)throw new Error("<SkdxFormMessage> must be used inside <SkdxForm>.");const a=(0,e.computed)(()=>t.match?[]:o.serverErrors(s.name)),d=(0,e.computed)(()=>{if(t.forceMatch||a.value.length>0)return!0;const r=o.validities.value[s.name];return r?t.match?r[t.match]===!0:!r.valid:!1});return(r,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)({class:"skdx-form__message","data-part":"message",hidden:!d.value,id:(0,e.unref)(s).messageId,[(0,e.unref)("data-skdx-form-message")||""]:""}),[a.value.length>0?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(i.formErrorText)(a.value)),1)],64)):(0,e.renderSlot)(r.$slots,"default",{key:1})],16,l))}});exports.default=c;
+const u=require("../utils/injectRequired.cjs"),p=require("../utils/field-core.cjs"),d=require("./context.cjs"),l=require("./serverErrors.cjs");let e=require("vue");var m=["id","hidden"],f=(0,e.defineComponent)({__name:"FormMessage",props:{match:{default:void 0},forceMatch:{type:Boolean,default:!1}},setup(c){const s=c,t=u.injectRequired(d.FORM_FIELD_CONTEXT,"<SkdxFormMessage> must be used inside <SkdxFormField>."),n=u.injectRequired(d.FORM_CONTEXT,"<SkdxFormMessage> must be used inside <SkdxForm>."),a=(0,e.computed)(()=>s.match?[]:n.serverErrors(t.name)),i=(0,e.computed)(()=>{if(s.forceMatch||a.value.length>0)return!0;const r=n.validities.value[t.name];return r?s.match?r[s.match]===!0:!r.valid:!1}),o=t.claimMessageId();return(0,e.watch)(i,r=>t.setMessageVisible(o,r),{immediate:!0}),(0,e.onBeforeUnmount)(()=>t.setMessageVisible(o,!1)),(r,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)({id:(0,e.unref)(o),class:"skdx-form__message","data-part":"message",hidden:!i.value,[(0,e.unref)("data-skdx-form-message")||""]:""}),[a.value.length>0?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(l.formErrorText)(a.value)),1)],64)):(0,e.renderSlot)(r.$slots,"default",{key:1})],16,m))}});exports.default=f;

package/dist/form/FormMessage.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import"../field/fieldCore.js";import{FORM_CONTEXT as e,FORM_FIELD_CONTEXT as r}from"./context.js";import{formErrorText as s}from"./serverErrors.js";import{Fragment as a,computed as t,createElementBlock as o,createTextVNode as d,defineComponent as m,inject as n,normalizeProps as i,openBlock as l,renderSlot as c,toDisplayString as u,unref as f}from"vue";var p=["hidden","id"],h=/* @__PURE__ */m({__name:"FormMessage",props:{match:{default:void 0},forceMatch:{type:Boolean,default:!1}},setup(m){const h=m,v=n(r);if(!v)throw new Error("<SkdxFormMessage> must be used inside <SkdxFormField>.");const g=n(e);if(!g)throw new Error("<SkdxFormMessage> must be used inside <SkdxForm>.");const k=t(()=>h.match?[]:g.serverErrors(v.name)),x=t(()=>{if(h.forceMatch||k.value.length>0)return!0;const e=g.validities.value[v.name];return!!e&&(h.match?!0===e[h.match]:!e.valid)});return(e,r)=>(l(),o("span",i({class:"skdx-form__message","data-part":"message",hidden:!x.value,id:f(v).messageId,[f("data-skdx-form-message")||""]:""}),[k.value.length>0?(l(),o(a,{key:0},[d(u(f(s)(k.value)),1)],64)):c(e.$slots,"default",{key:1})],16,p))}});export{h as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import"../utils/field-core.js";import{FORM_CONTEXT as s,FORM_FIELD_CONTEXT as a}from"./context.js";import{formErrorText as r}from"./serverErrors.js";import{Fragment as t,computed as o,createElementBlock as i,createTextVNode as m,defineComponent as d,normalizeProps as n,onBeforeUnmount as l,openBlock as u,renderSlot as c,toDisplayString as f,unref as p,watch as g}from"vue";var v=["id","hidden"],h=/* @__PURE__ */d({__name:"FormMessage",props:{match:{default:void 0},forceMatch:{type:Boolean,default:!1}},setup(d){const h=d,k=e(a,"<SkdxFormMessage> must be used inside <SkdxFormField>."),x=e(s,"<SkdxFormMessage> must be used inside <SkdxForm>."),F=o(()=>h.match?[]:x.serverErrors(k.name)),M=o(()=>{if(h.forceMatch||F.value.length>0)return!0;const e=x.validities.value[k.name];return!!e&&(h.match?!0===e[h.match]:!e.valid)}),E=k.claimMessageId();return g(M,e=>k.setMessageVisible(E,e),{immediate:!0}),l(()=>k.setMessageVisible(E,!1)),(e,s)=>(u(),i("span",n({id:p(E),class:"skdx-form__message","data-part":"message",hidden:!M.value,[p("data-skdx-form-message")||""]:""}),[F.value.length>0?(u(),i(t,{key:0},[m(f(p(r)(F.value)),1)],64)):c(e.$slots,"default",{key:1})],16,v))}});export{h as default};

package/dist/form/context.d.cts

@@ -26,13 +26,15 @@ export interface FormFieldContext {
     name: string;
     id: string;
     messageId: string;
+    /** Ids of the field's currently shown messages, in mount order. */
+    messageIds: Ref<readonly string[]>;
+    /** Returns the next message's own id: the bare `messageId` first, `${messageId}-n` after. */
+    claimMessageId: () => string;
+    setMessageVisible: (id: string, visible: boolean) => void;
 }
 /** @internal Injection key a FormField provides so its Label, Control, and Message share the field name and part ids. */
 export declare const FORM_FIELD_CONTEXT: InjectionKey<FormFieldContext>;
-/**
- * @internal Generates unique id for FormField. Prefers Vue 3.5's useId()
- * for SSR consistency. Fallback to counter on Vue < 3.5.
- */
+/** @internal Generates a unique id for FormField, preferring Vue 3.5's useId() for SSR consistency. */
 export declare function nextFormFieldId(part: 'control' | 'message', uid?: string): string;
 /** @internal Copies a live ValidityState into a plain, serializable ValiditySnapshot object. */
 export declare function snapshotValidity(validity: ValidityState): ValiditySnapshot;

package/dist/form/context.d.ts

@@ -26,13 +26,15 @@ export interface FormFieldContext {
     name: string;
     id: string;
     messageId: string;
+    /** Ids of the field's currently shown messages, in mount order. */
+    messageIds: Ref<readonly string[]>;
+    /** Returns the next message's own id: the bare `messageId` first, `${messageId}-n` after. */
+    claimMessageId: () => string;
+    setMessageVisible: (id: string, visible: boolean) => void;
 }
 /** @internal Injection key a FormField provides so its Label, Control, and Message share the field name and part ids. */
 export declare const FORM_FIELD_CONTEXT: InjectionKey<FormFieldContext>;
-/**
- * @internal Generates unique id for FormField. Prefers Vue 3.5's useId()
- * for SSR consistency. Fallback to counter on Vue < 3.5.
- */
+/** @internal Generates a unique id for FormField, preferring Vue 3.5's useId() for SSR consistency. */
 export declare function nextFormFieldId(part: 'control' | 'message', uid?: string): string;
 /** @internal Copies a live ValidityState into a plain, serializable ValiditySnapshot object. */
 export declare function snapshotValidity(validity: ValidityState): ValiditySnapshot;

package/dist/form/describedBy.d.cts

@@ -1,6 +1,5 @@
 /**
- * Merge `aria-describedby` id lists: drop duplicates, preserve order.
- * Consumer-owned descriptions announced first, validation message last.
+ * Merges `aria-describedby` id lists, dropping duplicates and preserving order.
  *
  * @param sources id lists (or single ids), most-consumer-owned first
  * @returns the merged list, or `undefined` when there is nothing to describe with

package/dist/form/describedBy.d.ts

@@ -1,6 +1,5 @@
 /**
- * Merge `aria-describedby` id lists: drop duplicates, preserve order.
- * Consumer-owned descriptions announced first, validation message last.
+ * Merges `aria-describedby` id lists, dropping duplicates and preserving order.
  *
  * @param sources id lists (or single ids), most-consumer-owned first
  * @returns the merged list, or `undefined` when there is nothing to describe with

package/dist/form/primitives.d.cts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for Form — the parts the recipe composes.
- * Reach when derived anatomy is not the structure you need. SkdxFormFieldRoot is
- * headless field root; SkdxForm is barrel's export.
+ * Advanced primitives for Form — the parts the recipe composes into the derived anatomy.
  *
  * @example
  * ```vue

package/dist/form/primitives.d.ts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for Form — the parts the recipe composes.
- * Reach when derived anatomy is not the structure you need. SkdxFormFieldRoot is
- * headless field root; SkdxForm is barrel's export.
+ * Advanced primitives for Form — the parts the recipe composes into the derived anatomy.
  *
  * @example
  * ```vue

package/dist/form/serverErrors.d.cts

@@ -2,5 +2,5 @@
 export type FormErrors = Record<string, string | string[]>;
 /** Coerces one field's entry into a message list, dropping blanks. */
 export declare function normalizeFormErrors(entry: string | string[] | undefined): string[];
-/** Join field errors into single message (FormField has one messageId). */
+/** Join field errors into the text of one catch-all message. */
 export declare function formErrorText(messages: readonly string[]): string;

package/dist/form/serverErrors.d.ts

@@ -2,5 +2,5 @@
 export type FormErrors = Record<string, string | string[]>;
 /** Coerces one field's entry into a message list, dropping blanks. */
 export declare function normalizeFormErrors(entry: string | string[] | undefined): string[];
-/** Join field errors into single message (FormField has one messageId). */
+/** Join field errors into the text of one catch-all message. */
 export declare function formErrorText(messages: readonly string[]): string;

package/dist/heading/Heading.vue.d.cts

@@ -1,6 +1,5 @@
 /**
- * Renders `<h1>`–`<h6>` per `as`, with `.skdx-heading`. Outline level and visual size are independent.
- * `as` has no default: setting one would skip outline levels.
+ * Renders `<h1>`–`<h6>` per `as`, with `.skdx-heading`; outline level and visual size are independent.
  *
  * @example
  * ```vue
@@ -9,15 +8,18 @@
  * ```
  */
 type __VLS_Props = {
-    /**
-     * Heading element to render. Required, no default.
-     */
+    /** Heading element to render; required, with no default. */
     as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**
      * Hide visually while keeping in accessibility tree.
      * @default false
      */
     visuallyHidden?: boolean;
+    /**
+     * Size rung the skin renders the heading at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | (string & {}) | undefined;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/heading/Heading.vue.d.ts

@@ -1,6 +1,5 @@
 /**
- * Renders `<h1>`–`<h6>` per `as`, with `.skdx-heading`. Outline level and visual size are independent.
- * `as` has no default: setting one would skip outline levels.
+ * Renders `<h1>`–`<h6>` per `as`, with `.skdx-heading`; outline level and visual size are independent.
  *
  * @example
  * ```vue
@@ -9,15 +8,18 @@
  * ```
  */
 type __VLS_Props = {
-    /**
-     * Heading element to render. Required, no default.
-     */
+    /** Heading element to render; required, with no default. */
     as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**
      * Hide visually while keeping in accessibility tree.
      * @default false
      */
     visuallyHidden?: boolean;
+    /**
+     * Size rung the skin renders the heading at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | (string & {}) | undefined;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/heading/Heading.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var l=(0,e.defineComponent)({__name:"Heading",props:{as:{},visuallyHidden:{type:Boolean,default:!1}},setup(a){return(t,n)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(a.as),{class:(0,e.normalizeClass)(["skdx-heading",{"skdx-visually-hidden":a.visuallyHidden}]),"data-part":"root","data-skdx-component":"heading"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3},8,["class"]))}});exports.default=l;
+const r=require("../utils/appearance.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"Heading",props:{as:{},visuallyHidden:{type:Boolean,default:!1},size:{}},setup(a){return(t,n)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(a.as),(0,e.mergeProps)({class:["skdx-heading",{"skdx-visually-hidden":a.visuallyHidden}],"data-part":"root","data-skdx-component":"heading"},{...t.$attrs,...(0,e.unref)(r.appearanceAttrs)({size:a.size},t.$attrs)}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3},16,["class"]))}});exports.default=s;

package/dist/heading/Heading.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createBlock as a,defineComponent as e,normalizeClass as s,openBlock as o,renderSlot as d,resolveDynamicComponent as l,withCtx as t}from"vue";var n=/* @__PURE__ */e({__name:"Heading",props:{as:{},visuallyHidden:{type:Boolean,default:!1}},setup:e=>(n,i)=>(o(),a(l(e.as),{class:s(["skdx-heading",{"skdx-visually-hidden":e.visuallyHidden}]),"data-part":"root","data-skdx-component":"heading"},{default:t(()=>[d(n.$slots,"default")]),_:3},8,["class"]))});export{n as default};
+import{appearanceAttrs as a}from"../utils/appearance.js";import{createBlock as e,defineComponent as s,mergeProps as t,openBlock as o,renderSlot as r,resolveDynamicComponent as n,unref as d,withCtx as i}from"vue";var l=/* @__PURE__ */s({inheritAttrs:!1,__name:"Heading",props:{as:{},visuallyHidden:{type:Boolean,default:!1},size:{}},setup:s=>(l,p)=>(o(),e(n(s.as),t({class:["skdx-heading",{"skdx-visually-hidden":s.visuallyHidden}],"data-part":"root","data-skdx-component":"heading"},{...l.$attrs,...d(a)({size:s.size},l.$attrs)}),{default:i(()=>[r(l.$slots,"default")]),_:3},16,["class"]))});export{l as default};

package/dist/image/Image.vue.d.cts

@@ -28,9 +28,9 @@ type __VLS_Slots = {
     fallback?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    loadingStatusChange: (status: ImageLoadingStatus) => any;
+    "loading-status-change": (status: ImageLoadingStatus) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onLoadingStatusChange?: ((status: ImageLoadingStatus) => any) | undefined;
+    "onLoading-status-change"?: (status: ImageLoadingStatus) => any;
 }>, {
     loading: "eager" | "lazy";
     decoding: "sync" | "async" | "auto";

package/dist/image/Image.vue.d.ts

@@ -28,9 +28,9 @@ type __VLS_Slots = {
     fallback?(): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    loadingStatusChange: (status: ImageLoadingStatus) => any;
+    "loading-status-change": (status: ImageLoadingStatus) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onLoadingStatusChange?: ((status: ImageLoadingStatus) => any) | undefined;
+    "onLoading-status-change"?: (status: ImageLoadingStatus) => any;
 }>, {
     loading: "eager" | "lazy";
     decoding: "sync" | "async" | "auto";

package/dist/image/Image.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("../utils/mergeStyle.cjs");let e=require("vue");var k=["data-loading-status","src","srcset","sizes","alt","loading","decoding","fetchpriority","crossorigin","referrerpolicy"],p=["data-loading-status"],S=(0,e.defineComponent)({inheritAttrs:!1,__name:"Image",props:{src:{},alt:{},srcSet:{},sizes:{},loading:{default:"lazy"},decoding:{default:"async"},fetchPriority:{default:"auto"},fit:{},position:{},crossOrigin:{},referrerPolicy:{}},emits:["loadingStatusChange"],setup(a,{emit:d}){const r=a,u=d,o=(0,e.ref)("idle");function s(t){o.value=t,u("loadingStatusChange",t)}const i=(0,e.useTemplateRef)("imgEl");(0,e.watch)(()=>[r.src,r.srcSet,r.sizes],([t])=>s(t?"loading":"idle"),{immediate:!0});function l(){if(!r.src)return;const t=i.value;t?.complete&&s(t.naturalWidth>0?"loaded":"error")}(0,e.onMounted)(l),(0,e.watch)(()=>[r.src,r.srcSet,r.sizes],l,{flush:"post"});function f(){o.value!=="error"&&s("loaded")}function g(){s("error")}const n=(0,e.useAttrs)(),m=(0,e.computed)(()=>{const{style:t,...c}=n;return c}),y=(0,e.computed)(()=>{const t={};return r.fit!==void 0&&(t["object-fit"]=r.fit),r.position!==void 0&&(t["object-position"]=r.position),t}),h=(0,e.computed)(()=>({...y.value,...v.toStyleObject(n.style)}));return(t,c)=>o.value==="error"&&t.$slots.fallback?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:1,class:"skdx-image__fallback","data-part":"fallback","data-loading-status":o.value},[(0,e.renderSlot)(t.$slots,"fallback")],8,p)):((0,e.openBlock)(),(0,e.createElementBlock)("img",(0,e.mergeProps)({key:0,ref_key:"imgEl",ref:i},m.value,{class:"skdx-image","data-part":"root","data-skdx-component":"image","data-loading-status":o.value,src:a.src,srcset:a.srcSet,sizes:a.sizes,alt:a.alt,loading:a.loading,decoding:a.decoding,fetchpriority:a.fetchPriority,crossorigin:a.crossOrigin,referrerpolicy:a.referrerPolicy,style:h.value,onLoad:f,onError:g}),null,16,k))}});exports.default=S;
+const v=require("../utils/mergeStyle.cjs");let e=require("vue");var k=["data-loading-status","src","srcset","sizes","alt","loading","decoding","fetchpriority","crossorigin","referrerpolicy"],p=["data-loading-status"],S=(0,e.defineComponent)({inheritAttrs:!1,__name:"Image",props:{src:{},alt:{},srcSet:{},sizes:{},loading:{default:"lazy"},decoding:{default:"async"},fetchPriority:{default:"auto"},fit:{},position:{},crossOrigin:{},referrerPolicy:{}},emits:["loading-status-change"],setup(r,{emit:u}){const a=r,i=u,s=(0,e.ref)(a.src?"loading":"idle");function o(t){s.value=t,i("loading-status-change",t)}const l=(0,e.useTemplateRef)("imgEl");(0,e.watch)(()=>[a.src,a.srcSet,a.sizes],([t])=>o(t?"loading":"idle"));function c(){if(!a.src)return;const t=l.value;t?.complete&&o(t.naturalWidth>0?"loaded":"error")}(0,e.onMounted)(()=>{i("loading-status-change",s.value),c()}),(0,e.watch)(()=>[a.src,a.srcSet,a.sizes],c,{flush:"post"});function g(){s.value!=="error"&&o("loaded")}function f(){o("error")}const n=(0,e.useAttrs)(),m=(0,e.computed)(()=>{const{style:t,...d}=n;return d}),y=(0,e.computed)(()=>{const t={};return a.fit!==void 0&&(t["object-fit"]=a.fit),a.position!==void 0&&(t["object-position"]=a.position),t}),h=(0,e.computed)(()=>({...y.value,...v.toStyleObject(n.style)}));return(t,d)=>s.value==="error"&&t.$slots.fallback?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:1,class:"skdx-image__fallback","data-part":"fallback","data-loading-status":s.value},[(0,e.renderSlot)(t.$slots,"fallback")],8,p)):((0,e.openBlock)(),(0,e.createElementBlock)("img",(0,e.mergeProps)({key:0,ref_key:"imgEl",ref:l},m.value,{class:"skdx-image","data-part":"root","data-skdx-component":"image","data-loading-status":s.value,src:r.src,srcset:r.srcSet,sizes:r.sizes,alt:r.alt,loading:r.loading,decoding:r.decoding,fetchpriority:r.fetchPriority,crossorigin:r.crossOrigin,referrerpolicy:r.referrerPolicy,style:h.value,onLoad:g,onError:f}),null,16,k))}});exports.default=S;

package/dist/image/Image.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{toStyleObject as e}from"../utils/mergeStyle.js";import{computed as t,createElementBlock as s,defineComponent as a,mergeProps as r,onMounted as o,openBlock as i,ref as l,renderSlot as n,useAttrs as c,useTemplateRef as d,watch as u}from"vue";var f=["data-loading-status","src","srcset","sizes","alt","loading","decoding","fetchpriority","crossorigin","referrerpolicy"],g=["data-loading-status"],p=/* @__PURE__ */a({inheritAttrs:!1,__name:"Image",props:{src:{},alt:{},srcSet:{},sizes:{},loading:{default:"lazy"},decoding:{default:"async"},fetchPriority:{default:"auto"},fit:{},position:{},crossOrigin:{},referrerPolicy:{}},emits:["loadingStatusChange"],setup(a,{emit:p}){const m=a,y=p,v=l("idle");function k(e){v.value=e,y("loadingStatusChange",e)}const h=d("imgEl");function S(){if(!m.src)return;const e=h.value;e?.complete&&k(e.naturalWidth>0?"loaded":"error")}function b(){"error"!==v.value&&k("loaded")}function z(){k("error")}u(()=>[m.src,m.srcSet,m.sizes],([e])=>k(e?"loading":"idle"),{immediate:!0}),o(S),u(()=>[m.src,m.srcSet,m.sizes],S,{flush:"post"});const P=c(),_=t(()=>{const{style:e,...t}=P;return t}),j=t(()=>{const e={};return void 0!==m.fit&&(e["object-fit"]=m.fit),void 0!==m.position&&(e["object-position"]=m.position),e}),x=t(()=>({...j.value,...e(P.style)}));return(e,t)=>"error"===v.value&&e.$slots.fallback?(i(),s("span",{key:1,class:"skdx-image__fallback","data-part":"fallback","data-loading-status":v.value},[n(e.$slots,"fallback")],8,g)):(i(),s("img",r({key:0,ref_key:"imgEl",ref:h},_.value,{class:"skdx-image","data-part":"root","data-skdx-component":"image","data-loading-status":v.value,src:a.src,srcset:a.srcSet,sizes:a.sizes,alt:a.alt,loading:a.loading,decoding:a.decoding,fetchpriority:a.fetchPriority,crossorigin:a.crossOrigin,referrerpolicy:a.referrerPolicy,style:x.value,onLoad:b,onError:z}),null,16,f))}});export{p as default};
+import{toStyleObject as e}from"../utils/mergeStyle.js";import{computed as t,createElementBlock as s,defineComponent as a,mergeProps as r,onMounted as o,openBlock as i,ref as l,renderSlot as n,useAttrs as c,useTemplateRef as d,watch as u}from"vue";var f=["data-loading-status","src","srcset","sizes","alt","loading","decoding","fetchpriority","crossorigin","referrerpolicy"],g=["data-loading-status"],p=/* @__PURE__ */a({inheritAttrs:!1,__name:"Image",props:{src:{},alt:{},srcSet:{},sizes:{},loading:{default:"lazy"},decoding:{default:"async"},fetchPriority:{default:"auto"},fit:{},position:{},crossOrigin:{},referrerPolicy:{}},emits:["loading-status-change"],setup(a,{emit:p}){const m=a,y=p,v=l(m.src?"loading":"idle");function k(e){v.value=e,y("loading-status-change",e)}const h=d("imgEl");function b(){if(!m.src)return;const e=h.value;e?.complete&&k(e.naturalWidth>0?"loaded":"error")}function z(){"error"!==v.value&&k("loaded")}function S(){k("error")}u(()=>[m.src,m.srcSet,m.sizes],([e])=>k(e?"loading":"idle")),o(()=>{y("loading-status-change",v.value),b()}),u(()=>[m.src,m.srcSet,m.sizes],b,{flush:"post"});const P=c(),_=t(()=>{const{style:e,...t}=P;return t}),j=t(()=>{const e={};return void 0!==m.fit&&(e["object-fit"]=m.fit),void 0!==m.position&&(e["object-position"]=m.position),e}),x=t(()=>({...j.value,...e(P.style)}));return(e,t)=>"error"===v.value&&e.$slots.fallback?(i(),s("span",{key:1,class:"skdx-image__fallback","data-part":"fallback","data-loading-status":v.value},[n(e.$slots,"fallback")],8,g)):(i(),s("img",r({key:0,ref_key:"imgEl",ref:h},_.value,{class:"skdx-image","data-part":"root","data-skdx-component":"image","data-loading-status":v.value,src:a.src,srcset:a.srcSet,sizes:a.sizes,alt:a.alt,loading:a.loading,decoding:a.decoding,fetchpriority:a.fetchPriority,crossorigin:a.crossOrigin,referrerpolicy:a.referrerPolicy,style:x.value,onLoad:z,onError:S}),null,16,f))}});export{p as default};

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./utils/VisuallyHidden.vue.cjs"),s=require("./button/Button.vue.cjs"),c=require("./badge/Badge.vue.cjs"),S=require("./alert/Alert.vue.cjs"),_=require("./checkbox/Checkbox.vue.cjs"),f=require("./checkbox-card/CheckboxCard.vue.cjs"),x=require("./checkbox-group/CheckboxGroup.vue.cjs"),k=require("./switch/Switch.vue.cjs"),g=require("./text-field/TextField.vue.cjs"),a=require("./utils/direction.cjs"),b=require("./tabs/Tabs.vue.cjs"),T=require("./dialog/Dialog.vue.cjs"),C=require("./utils/Portal.vue.cjs"),m=require("./drawer/Drawer.vue.cjs"),A=require("./listbox/Listbox.vue.cjs"),p=require("./select/Select.vue.cjs"),D=require("./label/Label.vue.cjs"),L=require("./separator/Separator.vue.cjs"),R=require("./box/Box.vue.cjs"),F=require("./list/List.vue.cjs"),P=require("./list/ListItem.vue.cjs"),I=require("./link/Link.vue.cjs"),N=require("./image/Image.vue.cjs"),h=require("./skip-link/SkipLink.vue.cjs"),E=require("./kbd/Kbd.vue.cjs"),M=require("./skeleton/Skeleton.vue.cjs"),O=require("./spinner/Spinner.vue.cjs"),v=require("./avatar/Avatar.vue.cjs"),H=require("./progress/Progress.vue.cjs"),G=require("./meter/Meter.vue.cjs"),B=require("./card/CardContent.vue.cjs"),V=require("./card/CardFooter.vue.cjs"),w=require("./card/CardHeader.vue.cjs"),U=require("./card/Card.vue.cjs"),y=require("./split-button/SplitButton.vue.cjs"),W=require("./aspect-ratio/AspectRatio.vue.cjs"),Y=require("./toggle/Toggle.vue.cjs"),z=require("./toggle-group/ToggleGroup.vue.cjs"),$=require("./radio-card/RadioCard.vue.cjs"),K=require("./radio-group/RadioGroup.vue.cjs"),Q=require("./textarea/Textarea.vue.cjs"),j=require("./number-field/NumberField.vue.cjs"),J=require("./form/Form.vue.cjs"),X=require("./form/FormField.vue.cjs"),i=require("./utils/liveAnnouncer.cjs"),Z=require("./field/Field.vue.cjs"),ee=require("./field/Fieldset.vue.cjs"),re=require("./rating/Rating.vue.cjs"),te=require("./pin-input/digitLabel.cjs"),ue=require("./pin-input/PinInput.vue.cjs"),ie=require("./tags-input/TagsInput.vue.cjs"),oe=require("./tag/Tag.vue.cjs"),ae=require("./tag-group/TagGroup.vue.cjs"),de=require("./file-upload/FileUpload.vue.cjs"),le=require("./slider/Slider.vue.cjs"),ne=require("./collapsible/Collapsible.vue.cjs"),qe=require("./accordion/Accordion.vue.cjs"),se=require("./navigation-menu/NavigationMenu.vue.cjs"),ce=require("./pagination/labels.cjs"),Se=require("./pagination/pages.cjs"),_e=require("./pagination/Pagination.vue.cjs"),fe=require("./toolbar/Toolbar.vue.cjs"),xe=require("./breadcrumb/Breadcrumb.vue.cjs"),ke=require("./steps/Steps.vue.cjs"),d=require("./table/context.cjs"),ge=require("./table/TableCell.vue.cjs"),be=require("./table/TableRow.vue.cjs"),Te=require("./table/Table.vue.cjs"),Ce=require("./timeline/Timeline.vue.cjs"),u=require("./utils/dateValue.cjs"),t=require("./calendar/locale.cjs"),r=require("./calendar/dateMath.cjs"),me=require("./calendar/Calendar.vue.cjs"),Ae=require("./tree/Tree.vue.cjs"),pe=require("./popover/Popover.vue.cjs"),De=require("./tooltip/Tooltip.vue.cjs"),Le=require("./hover-card/HoverCard.vue.cjs"),Re=require("./dropdown-menu/DropdownMenu.vue.cjs"),Fe=require("./context-menu/ContextMenu.vue.cjs"),Pe=require("./menubar/Menubar.vue.cjs"),Ie=require("./alert-dialog/AlertDialog.vue.cjs"),Ne=require("./combobox/Combobox.vue.cjs"),o=require("./toast/toaster.cjs"),he=require("./toast/Toaster.vue.cjs"),Ee=require("./command/context.cjs"),Me=require("./command/Command.vue.cjs"),Oe=require("./date-field/DateField.vue.cjs"),ve=require("./time-field/TimeField.vue.cjs"),He=require("./date-picker/DatePicker.vue.cjs"),Ge=require("./scroll-area/ScrollArea.vue.cjs"),Be=require("./resizable/ResizablePanel.vue.cjs"),Ve=require("./resizable/Resizable.vue.cjs"),we=require("./carousel/Carousel.vue.cjs"),Ue=require("./autocomplete/Autocomplete.vue.cjs"),ye=require("./multi-select/MultiSelect.vue.cjs"),We=require("./segmented-control/SegmentedControl.vue.cjs"),Ye=require("./password-input/PasswordInput.vue.cjs"),ze=require("./clipboard/Clipboard.vue.cjs"),$e=require("./loading-overlay/LoadingOverlay.vue.cjs"),Ke=require("./data-list/DataList.vue.cjs"),Qe=require("./affix/Affix.vue.cjs"),je=require("./editable/Editable.vue.cjs"),Je=require("./angle-slider/AngleSlider.vue.cjs"),e=require("./utils/color.cjs"),Xe=require("./color-picker/ColorPicker.vue.cjs"),Ze=require("./floating-panel/context.cjs"),er=require("./floating-panel/FloatingPanel.vue.cjs"),rr=require("./speed-dial/SpeedDial.vue.cjs"),tr=require("./tour/Tour.vue.cjs"),l=require("./tree-select/context.cjs"),ur=require("./tree-select/TreeSelect.vue.cjs"),ir=require("./transfer/Transfer.vue.cjs"),or=require("./qr-code/QrCode.vue.cjs"),ar=require("./text/Text.vue.cjs"),dr=require("./heading/Heading.vue.cjs"),n=require("./time/format.cjs"),lr=require("./time/Time.vue.cjs");exports.ANNOUNCE_DEBOUNCE_MS=i.ANNOUNCE_DEBOUNCE_MS;exports.CALENDAR_VIEWS=r.CALENDAR_VIEWS;exports.CALENDAR_YEAR_PAGE=r.CALENDAR_YEAR_PAGE;exports.DEFAULT_PAGINATION_LABELS=ce.DEFAULT_PAGINATION_LABELS;exports.DEFAULT_TOAST_DURATION=o.DEFAULT_TOAST_DURATION;exports.SkdxAccordion=qe.default;exports.SkdxAffix=Qe.default;exports.SkdxAlert=S.default;exports.SkdxAlertDialog=Ie.default;exports.SkdxAngleSlider=Je.default;exports.SkdxAspectRatio=W.default;exports.SkdxAutocomplete=Ue.default;exports.SkdxAvatar=v.default;exports.SkdxBadge=c.default;exports.SkdxBox=R.default;exports.SkdxBreadcrumb=xe.default;exports.SkdxButton=s.default;exports.SkdxCalendar=me.default;exports.SkdxCard=U.default;exports.SkdxCardContent=B.default;exports.SkdxCardFooter=V.default;exports.SkdxCardHeader=w.default;exports.SkdxCarousel=we.default;exports.SkdxCheckbox=_.default;exports.SkdxCheckboxCard=f.default;exports.SkdxCheckboxGroup=x.default;exports.SkdxClipboard=ze.default;exports.SkdxCollapsible=ne.default;exports.SkdxColorPicker=Xe.default;exports.SkdxCombobox=Ne.default;exports.SkdxCommand=Me.default;exports.SkdxContextMenu=Fe.default;exports.SkdxDataList=Ke.default;exports.SkdxDateField=Oe.default;exports.SkdxDatePicker=He.default;exports.SkdxDialog=T.default;exports.SkdxDrawer=m.default;exports.SkdxDropdownMenu=Re.default;exports.SkdxEditable=je.default;exports.SkdxField=Z.default;exports.SkdxFieldset=ee.default;exports.SkdxFileUpload=de.default;exports.SkdxFloatingPanel=er.default;exports.SkdxForm=J.default;exports.SkdxFormField=X.default;exports.SkdxHeading=dr.default;exports.SkdxHoverCard=Le.default;exports.SkdxImage=N.default;exports.SkdxKbd=E.default;exports.SkdxLabel=D.default;exports.SkdxLink=I.default;exports.SkdxList=F.default;exports.SkdxListItem=P.default;exports.SkdxListbox=A.default;exports.SkdxLoadingOverlay=$e.default;exports.SkdxMenubar=Pe.default;exports.SkdxMeter=G.default;exports.SkdxMultiSelect=ye.default;exports.SkdxNavigationMenu=se.default;exports.SkdxNumberField=j.default;exports.SkdxPagination=_e.default;exports.SkdxPasswordInput=Ye.default;exports.SkdxPinInput=ue.default;exports.SkdxPopover=pe.default;exports.SkdxPortal=C.default;exports.SkdxProgress=H.default;exports.SkdxQrCode=or.default;exports.SkdxRadioCard=$.default;exports.SkdxRadioGroup=K.default;exports.SkdxRating=re.default;exports.SkdxResizablePanel=Be.default;exports.SkdxResizablePanelGroup=Ve.default;exports.SkdxScrollArea=Ge.default;exports.SkdxSegmentedControl=We.default;exports.SkdxSelect=p.default;exports.SkdxSeparator=L.default;exports.SkdxSkeleton=M.default;exports.SkdxSkipLink=h.default;exports.SkdxSlider=le.default;exports.SkdxSpeedDial=rr.default;exports.SkdxSpinner=O.default;exports.SkdxSplitButton=y.default;exports.SkdxSteps=ke.default;exports.SkdxSwitch=k.default;exports.SkdxTable=Te.default;exports.SkdxTableCell=ge.default;exports.SkdxTableRow=be.default;exports.SkdxTabs=b.default;exports.SkdxTag=oe.default;exports.SkdxTagGroup=ae.default;exports.SkdxTagsInput=ie.default;exports.SkdxText=ar.default;exports.SkdxTextField=g.default;exports.SkdxTextarea=Q.default;exports.SkdxTime=lr.default;exports.SkdxTimeField=ve.default;exports.SkdxTimeline=Ce.default;exports.SkdxToaster=he.default;exports.SkdxToggle=Y.default;exports.SkdxToggleGroup=z.default;exports.SkdxToolbar=fe.default;exports.SkdxTooltip=De.default;exports.SkdxTour=tr.default;exports.SkdxTransfer=ir.default;exports.SkdxTree=Ae.default;exports.SkdxTreeSelect=ur.default;exports.SkdxVisuallyHidden=q.default;exports.announce=i.announce;exports.clearAnnouncements=i.clearAnnouncements;exports.createToaster=o.createToaster;exports.defaultCommandFilter=Ee.defaultCommandFilter;exports.defaultGetMatchCountLabel=l.defaultGetMatchCountLabel;exports.defaultSelectAllLabel=d.defaultSelectAllLabel;exports.defaultTreeSelectFilter=l.defaultTreeSelectFilter;exports.emptySelection=r.emptySelection;exports.formatAbsolute=n.formatAbsolute;exports.formatColor=e.formatColor;exports.formatDateLabel=t.formatDateLabel;exports.formatMonthLabel=t.formatMonthLabel;exports.formatRelative=n.formatRelative;exports.formatYear=t.formatYear;exports.formatYearRange=t.formatYearRange;exports.gestureAnnouncement=Ze.gestureAnnouncement;exports.getISOWeek=r.getISOWeek;exports.getLocaleWeekStartsOn=t.getLocaleWeekStartsOn;exports.getMonthNames=t.getMonthNames;exports.getPaginationRange=Se.getPaginationRange;exports.getVisibleWeeks=r.getVisibleWeeks;exports.getWeekDayNames=t.getWeekDayNames;exports.hexToRgb=e.hexToRgb;exports.hsbToHsl=e.hsbToHsl;exports.hsbToRgb=e.hsbToRgb;exports.hslToHsb=e.hslToHsb;exports.hslToRgb=e.hslToRgb;exports.isDateRange=r.isDateRange;exports.isDateSelected=r.isDateSelected;exports.nextSelection=r.nextSelection;exports.parseColor=e.parseColor;exports.pinInputDigitLabel=te.pinInputDigitLabel;exports.provideDirection=a.provideDirection;exports.rangePositionOf=r.rangePositionOf;exports.resolveLocale=t.resolveLocale;exports.rgbToHex=e.rgbToHex;exports.rgbToHsb=e.rgbToHsb;exports.rgbToHsl=e.rgbToHsl;exports.tableDetailRowId=d.tableDetailRowId;exports.toCalendarString=u.toCalendarString;exports.toCalendarValue=u.toCalendarValue;exports.toDate=u.toDate;exports.toISODateValue=u.toISODateValue;exports.toTimeValue=u.toTimeValue;exports.useDirection=a.useDirection;exports.useLiveAnnouncer=i.useLiveAnnouncer;exports.useToaster=o.useToaster;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./utils/VisuallyHidden.vue.cjs"),s=require("./button/Button.vue.cjs"),c=require("./utils/announcer.cjs"),i=require("./utils/liveAnnouncer.cjs"),S=require("./badge/Badge.vue.cjs"),_=require("./alert/Alert.vue.cjs"),f=require("./checkbox/Checkbox.vue.cjs"),x=require("./checkbox-card/CheckboxCard.vue.cjs"),k=require("./checkbox-group/CheckboxGroup.vue.cjs"),b=require("./switch/Switch.vue.cjs"),T=require("./text-field/TextField.vue.cjs"),o=require("./utils/direction.cjs"),g=require("./tabs/Tabs.vue.cjs"),m=require("./dialog/Dialog.vue.cjs"),C=require("./utils/Portal.vue.cjs"),A=require("./drawer/Drawer.vue.cjs"),p=require("./listbox/Listbox.vue.cjs"),D=require("./tag-group/TagGroup.vue.cjs"),L=require("./select/Select.vue.cjs"),R=require("./label/Label.vue.cjs"),F=require("./divider/Divider.vue.cjs"),P=require("./box/Box.vue.cjs"),h=require("./list/ListDescription.vue.cjs"),I=require("./list/ListItem.vue.cjs"),N=require("./list/ListTerm.vue.cjs"),E=require("./list/List.vue.cjs"),v=require("./link/Link.vue.cjs"),O=require("./image/Image.vue.cjs"),M=require("./kbd/Kbd.vue.cjs"),H=require("./skeleton/Skeleton.vue.cjs"),G=require("./spinner/Spinner.vue.cjs"),B=require("./avatar/Avatar.vue.cjs"),U=require("./progress/Progress.vue.cjs"),V=require("./card/CardContent.vue.cjs"),w=require("./card/CardFooter.vue.cjs"),y=require("./card/CardHeader.vue.cjs"),W=require("./card/Card.vue.cjs"),Y=require("./split-button/SplitButton.vue.cjs"),z=require("./aspect-ratio/AspectRatio.vue.cjs"),$=require("./toggle/Toggle.vue.cjs"),K=require("./toggle-group/ToggleGroup.vue.cjs"),Q=require("./radio-card/RadioCard.vue.cjs"),j=require("./radio-group/RadioGroup.vue.cjs"),J=require("./textarea/Textarea.vue.cjs"),X=require("./number-field/NumberField.vue.cjs"),Z=require("./form/Form.vue.cjs"),ee=require("./form/FormField.vue.cjs"),re=require("./field/Field.vue.cjs"),te=require("./field/Fieldset.vue.cjs"),ue=require("./rating/Rating.vue.cjs"),ie=require("./utils/pin-chars.cjs"),ae=require("./pin-input/PinInput.vue.cjs"),oe=require("./tags-input/TagsInput.vue.cjs"),de=require("./file-upload/FileUpload.vue.cjs"),le=require("./slider/Slider.vue.cjs"),ne=require("./collapsible/Collapsible.vue.cjs"),qe=require("./accordion/Accordion.vue.cjs"),se=require("./navigation-menu/NavigationMenu.vue.cjs"),ce=require("./pagination/labels.cjs"),Se=require("./pagination/pages.cjs"),_e=require("./pagination/Pagination.vue.cjs"),fe=require("./toolbar/Toolbar.vue.cjs"),xe=require("./breadcrumb/Breadcrumb.vue.cjs"),ke=require("./stepper/Stepper.vue.cjs"),d=require("./table/context.cjs"),be=require("./table/TableCell.vue.cjs"),Te=require("./table/TableRow.vue.cjs"),ge=require("./table/Table.vue.cjs"),me=require("./timeline/Timeline.vue.cjs"),t=require("./utils/calendar-locale.cjs"),u=require("./utils/date-value.cjs"),r=require("./calendar/dateMath.cjs"),Ce=require("./calendar/Calendar.vue.cjs"),Ae=require("./tree/Tree.vue.cjs"),pe=require("./popover/Popover.vue.cjs"),De=require("./menu/Menu.vue.cjs"),Le=require("./menubar/Menubar.vue.cjs"),Re=require("./combobox/Combobox.vue.cjs"),Fe=require("./mentions/Mentions.vue.cjs"),a=require("./toast/toaster.cjs"),Pe=require("./toast/Toaster.vue.cjs"),he=require("./command/context.cjs"),Ie=require("./command/Command.vue.cjs"),Ne=require("./date-field/DateField.vue.cjs"),Ee=require("./time-field/TimeField.vue.cjs"),ve=require("./date-picker/DatePicker.vue.cjs"),Oe=require("./scroll-area/ScrollArea.vue.cjs"),Me=require("./resizable/ResizablePanel.vue.cjs"),He=require("./resizable/Resizable.vue.cjs"),Ge=require("./carousel/Carousel.vue.cjs"),Be=require("./autocomplete/Autocomplete.vue.cjs"),Ue=require("./password-input/PasswordInput.vue.cjs"),Ve=require("./clipboard/Clipboard.vue.cjs"),we=require("./loading-overlay/LoadingOverlay.vue.cjs"),ye=require("./editable/Editable.vue.cjs"),We=require("./angle-slider/AngleSlider.vue.cjs"),e=require("./utils/color.cjs"),Ye=require("./color-picker/ColorPicker.vue.cjs"),ze=require("./floating-panel/context.cjs"),$e=require("./floating-panel/FloatingPanel.vue.cjs"),Ke=require("./speed-dial/SpeedDial.vue.cjs"),Qe=require("./tour/Tour.vue.cjs"),l=require("./tree-select/context.cjs"),je=require("./tree-select/TreeSelect.vue.cjs"),Je=require("./transfer/Transfer.vue.cjs"),Xe=require("./qr-code/QrCode.vue.cjs"),Ze=require("./text/Text.vue.cjs"),er=require("./heading/Heading.vue.cjs"),n=require("./time/format.cjs"),rr=require("./time/Time.vue.cjs");exports.ANNOUNCE_DEBOUNCE_MS=c.ANNOUNCE_DEBOUNCE_MS;exports.CALENDAR_VIEWS=r.CALENDAR_VIEWS;exports.CALENDAR_YEAR_PAGE=r.CALENDAR_YEAR_PAGE;exports.DEFAULT_PAGINATION_LABELS=ce.DEFAULT_PAGINATION_LABELS;exports.DEFAULT_TOAST_DURATION=a.DEFAULT_TOAST_DURATION;exports.SkdxAccordion=qe.default;exports.SkdxAlert=_.default;exports.SkdxAngleSlider=We.default;exports.SkdxAspectRatio=z.default;exports.SkdxAutocomplete=Be.default;exports.SkdxAvatar=B.default;exports.SkdxBadge=S.default;exports.SkdxBox=P.default;exports.SkdxBreadcrumb=xe.default;exports.SkdxButton=s.default;exports.SkdxCalendar=Ce.default;exports.SkdxCard=W.default;exports.SkdxCardContent=V.default;exports.SkdxCardFooter=w.default;exports.SkdxCardHeader=y.default;exports.SkdxCarousel=Ge.default;exports.SkdxCheckbox=f.default;exports.SkdxCheckboxCard=x.default;exports.SkdxCheckboxGroup=k.default;exports.SkdxClipboard=Ve.default;exports.SkdxCollapsible=ne.default;exports.SkdxColorPicker=Ye.default;exports.SkdxCombobox=Re.default;exports.SkdxCommand=Ie.default;exports.SkdxDateField=Ne.default;exports.SkdxDatePicker=ve.default;exports.SkdxDialog=m.default;exports.SkdxDivider=F.default;exports.SkdxDrawer=A.default;exports.SkdxEditable=ye.default;exports.SkdxField=re.default;exports.SkdxFieldset=te.default;exports.SkdxFileUpload=de.default;exports.SkdxFloatingPanel=$e.default;exports.SkdxForm=Z.default;exports.SkdxFormField=ee.default;exports.SkdxHeading=er.default;exports.SkdxImage=O.default;exports.SkdxKbd=M.default;exports.SkdxLabel=R.default;exports.SkdxLink=v.default;exports.SkdxList=E.default;exports.SkdxListDescription=h.default;exports.SkdxListItem=I.default;exports.SkdxListTerm=N.default;exports.SkdxListbox=p.default;exports.SkdxLoadingOverlay=we.default;exports.SkdxMentions=Fe.default;exports.SkdxMenu=De.default;exports.SkdxMenubar=Le.default;exports.SkdxNavigationMenu=se.default;exports.SkdxNumberField=X.default;exports.SkdxPagination=_e.default;exports.SkdxPasswordInput=Ue.default;exports.SkdxPinInput=ae.default;exports.SkdxPopover=pe.default;exports.SkdxPortal=C.default;exports.SkdxProgress=U.default;exports.SkdxQrCode=Xe.default;exports.SkdxRadioCard=Q.default;exports.SkdxRadioGroup=j.default;exports.SkdxRating=ue.default;exports.SkdxResizablePanel=Me.default;exports.SkdxResizablePanelGroup=He.default;exports.SkdxScrollArea=Oe.default;exports.SkdxSelect=L.default;exports.SkdxSkeleton=H.default;exports.SkdxSlider=le.default;exports.SkdxSpeedDial=Ke.default;exports.SkdxSpinner=G.default;exports.SkdxSplitButton=Y.default;exports.SkdxStepper=ke.default;exports.SkdxSwitch=b.default;exports.SkdxTable=ge.default;exports.SkdxTableCell=be.default;exports.SkdxTableRow=Te.default;exports.SkdxTabs=g.default;exports.SkdxTagGroup=D.default;exports.SkdxTagsInput=oe.default;exports.SkdxText=Ze.default;exports.SkdxTextField=T.default;exports.SkdxTextarea=J.default;exports.SkdxTime=rr.default;exports.SkdxTimeField=Ee.default;exports.SkdxTimeline=me.default;exports.SkdxToaster=Pe.default;exports.SkdxToggle=$.default;exports.SkdxToggleGroup=K.default;exports.SkdxToolbar=fe.default;exports.SkdxTour=Qe.default;exports.SkdxTransfer=Je.default;exports.SkdxTree=Ae.default;exports.SkdxTreeSelect=je.default;exports.SkdxVisuallyHidden=q.default;exports.announce=i.announce;exports.clearAnnouncements=i.clearAnnouncements;exports.createToaster=a.createToaster;exports.defaultCommandFilter=he.defaultCommandFilter;exports.defaultGetMatchCountLabel=l.defaultGetMatchCountLabel;exports.defaultSelectAllLabel=d.defaultSelectAllLabel;exports.defaultTreeSelectFilter=l.defaultTreeSelectFilter;exports.emptySelection=r.emptySelection;exports.formatAbsolute=n.formatAbsolute;exports.formatColor=e.formatColor;exports.formatDateLabel=t.formatDateLabel;exports.formatMonthLabel=t.formatMonthLabel;exports.formatRelative=n.formatRelative;exports.formatYear=t.formatYear;exports.formatYearRange=t.formatYearRange;exports.gestureAnnouncement=ze.gestureAnnouncement;exports.getISOWeek=r.getISOWeek;exports.getLocaleWeekStartsOn=t.getLocaleWeekStartsOn;exports.getMonthNames=t.getMonthNames;exports.getPaginationRange=Se.getPaginationRange;exports.getVisibleWeeks=r.getVisibleWeeks;exports.getWeekDayNames=t.getWeekDayNames;exports.hexToRgb=e.hexToRgb;exports.hsbToHsl=e.hsbToHsl;exports.hsbToRgb=e.hsbToRgb;exports.hslToHsb=e.hslToHsb;exports.hslToRgb=e.hslToRgb;exports.isDateRange=r.isDateRange;exports.isDateSelected=r.isDateSelected;exports.nextSelection=r.nextSelection;exports.parseColor=e.parseColor;exports.pinInputDigitLabel=ie.pinInputDigitLabel;exports.provideDirection=o.provideDirection;exports.rangePositionOf=r.rangePositionOf;exports.resolveLocale=t.resolveLocale;exports.rgbToHex=e.rgbToHex;exports.rgbToHsb=e.rgbToHsb;exports.rgbToHsl=e.rgbToHsl;exports.tableDetailRowId=d.tableDetailRowId;exports.toCalendarString=u.toCalendarString;exports.toCalendarValue=u.toCalendarValue;exports.toDate=u.toDate;exports.toISODateValue=u.toISODateValue;exports.toTimeValue=u.toTimeValue;exports.useDirection=o.useDirection;exports.useLiveAnnouncer=i.useLiveAnnouncer;exports.useToaster=a.useToaster;

package/dist/index.d.cts

@@ -9,24 +9,21 @@ export { SkdxSwitch } from './switch/index.cjs';
 export { SkdxTextField } from './text-field/index.cjs';
 export { SkdxTabs } from './tabs/index.cjs';
 export type { TabsItem, TabsChangeReason, TabsValueChangeDetail } from './tabs/index.cjs';
-export { SkdxDialog, type DialogDismiss } from './dialog/index.cjs';
+export { SkdxDialog, type DialogDismiss, type DialogRole } from './dialog/index.cjs';
 export { SkdxDrawer, type DrawerDismiss, type DrawerPlacement } from './drawer/index.cjs';
 export { SkdxListbox, type ListboxOption, type ListboxOptionGroup } from './listbox/index.cjs';
-export { SkdxSelect, type SelectItemDescriptor, type SelectOptionGroup } from './select/index.cjs';
+export { SkdxSelect, type SelectFilter, type SelectItemDescriptor, type SelectOptionGroup, } from './select/index.cjs';
 export { SkdxLabel } from './label/index.cjs';
-export { SkdxSeparator } from './separator/index.cjs';
+export { SkdxDivider } from './divider/index.cjs';
 export { SkdxBox } from './box/index.cjs';
-export { SkdxList, SkdxListItem } from './list/index.cjs';
+export { SkdxList, SkdxListDescription, SkdxListItem, SkdxListTerm, type ListEntry, type ListOrientation, } from './list/index.cjs';
 export { SkdxLink } from './link/index.cjs';
 export { SkdxImage, type ImageLoadingStatus } from './image/index.cjs';
-export { SkdxSkipLink } from './skip-link/index.cjs';
 export { SkdxKbd } from './kbd/index.cjs';
 export { SkdxSkeleton } from './skeleton/index.cjs';
 export { SkdxSpinner } from './spinner/index.cjs';
 export { SkdxAvatar } from './avatar/index.cjs';
-export { SkdxProgress } from './progress/index.cjs';
-export { SkdxMeter } from './meter/index.cjs';
-export type { MeterRange } from './meter/index.cjs';
+export { SkdxProgress, type ProgressRange, type ProgressRole } from './progress/index.cjs';
 export { SkdxCard, SkdxCardHeader, SkdxCardContent, SkdxCardFooter } from './card/index.cjs';
 export { SkdxSplitButton, type SplitButtonItem } from './split-button/index.cjs';
 export { SkdxAspectRatio } from './aspect-ratio/index.cjs';
@@ -43,7 +40,6 @@ export { SkdxRating } from './rating/index.cjs';
 export type { SkdxRatingValueChangeDetail } from './rating/index.cjs';
 export { SkdxPinInput, pinInputDigitLabel } from './pin-input/index.cjs';
 export { SkdxTagsInput, type TagsInputInvalidDetail } from './tags-input/index.cjs';
-export { SkdxTag } from './tag/index.cjs';
 export { SkdxTagGroup } from './tag-group/index.cjs';
 export type { TagGroupTag, TagGroupOrientation, TagRemovedDetail } from './tag-group/index.cjs';
 export { SkdxFileUpload, type FileUploadCapture, type FileUploadFileStatus, type FileUploadRejection, } from './file-upload/index.cjs';
@@ -55,33 +51,26 @@ export { SkdxNavigationMenu, type NavigationMenuItem } from './navigation-menu/i
 export { SkdxPagination, getPaginationRange, DEFAULT_PAGINATION_LABELS, type PaginationRangeEntry, type PaginationRangeOptions, type PaginationLabels, type ResolvedPaginationLabels, } from './pagination/index.cjs';
 export { SkdxToolbar, type ToolbarItem } from './toolbar/index.cjs';
 export { SkdxBreadcrumb, type BreadcrumbItem } from './breadcrumb/index.cjs';
-export { SkdxSteps } from './steps/index.cjs';
-export type { StepsItemData, StepStatus, StepsOrientation, StepsNavigationMode, StepsItemState, } from './steps/index.cjs';
+export { SkdxStepper } from './stepper/index.cjs';
+export type { StepperItemData, StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './stepper/index.cjs';
 export { SkdxTable, SkdxTableRow, SkdxTableCell, tableDetailRowId, defaultSelectAllLabel, type TableSortState, type TableSort, type TableSelectAllScope, type TableSelectionMode, type TableColumnWidths, type TableColumnDef, type SortDirection, } from './table/index.cjs';
 export { SkdxTimeline, type TimelineItem } from './timeline/index.cjs';
 export { SkdxCalendar, type CalendarDay, CALENDAR_VIEWS, CALENDAR_YEAR_PAGE, getISOWeek, getVisibleWeeks, emptySelection, isDateRange, isDateSelected, nextSelection, rangePositionOf, type CalendarSelectionMode, type CalendarValue, type CalendarValueInput, type DateRange, type RangePosition, type CalendarPageBehavior, type CalendarView, formatDateLabel, formatMonthLabel, formatYear, formatYearRange, getLocaleWeekStartsOn, getMonthNames, getWeekDayNames, resolveLocale, type NameWidth, } from './calendar/index.cjs';
 export { SkdxTree, type TreeSelectionPropagation, type TreeCheckedState, type TreeDisabledBehavior, type TreeSelectionMode, } from './tree/index.cjs';
 export type { TreeNode, TreeRenderLabel } from './tree/index.cjs';
-export { SkdxPopover, type PopoverModality } from './popover/index.cjs';
-export { SkdxTooltip } from './tooltip/index.cjs';
-export { SkdxHoverCard } from './hover-card/index.cjs';
-export { SkdxDropdownMenu, type DropdownMenuItem } from './dropdown-menu/index.cjs';
-export { SkdxContextMenu, type ContextMenuItem } from './context-menu/index.cjs';
+export { SkdxPopover, type PopoverModality, type PopoverOpenOn, type PopoverOpenState, type PopoverRole, } from './popover/index.cjs';
+export { SkdxMenu, type MenuEntry, type MenuOpenOn, type MenuPoint } from './menu/index.cjs';
 export { SkdxMenubar, type MenubarMenuDescriptor, type MenubarItem } from './menubar/index.cjs';
-export { SkdxAlertDialog, type AlertDialogDismiss, type AlertDialogTone } from './alert-dialog/index.cjs';
 export { SkdxCombobox, type ComboboxFilter, type ComboboxHighlightChangeDetail, type ComboboxHighlightReason, type ComboboxOpenOn, type ComboboxOption, type ComboboxOptionGroup, } from './combobox/index.cjs';
 export type { ComboboxValueChangeDetail } from './combobox/index.cjs';
+export { SkdxMentions, type MentionsFilter, type MentionsHighlightChangeDetail, type MentionsHighlightReason, type MentionsInsertedMention, type MentionsOption, type MentionsQueryChangeDetail, type MentionsSerializer, type MentionsValueChangeDetail, } from './mentions/index.cjs';
 export { SkdxToaster, createToaster, useToaster, DEFAULT_TOAST_DURATION, type ToasterStore, type ToasterOptions, type ToasterPromiseMessages, type ToasterToast, type ToasterToastAction, type ToasterToastOptions, type ToasterToastType, type ToastPlacement, } from './toast/index.cjs';
 export { SkdxCommand, defaultCommandFilter, type CommandFilter, type CommandGroup, type CommandItem, } from './command/index.cjs';
 export { SkdxDatePicker } from './date-picker/index.cjs';
 export { SkdxDateField, type Granularity, type HourCycle, type SegmentType, type SegmentValues, } from './date-field/index.cjs';
 export { SkdxTimeField, type TimeGranularity } from './time-field/index.cjs';
-/**
- * Change payloads carry a native `Date`; these convert one to the canonical
- * ISO-8601 string — what to persist, and the form the enclosing `<form>`
- * submits.
- */
-export { toCalendarString, toCalendarValue, toDate, toISODateValue, toTimeValue, type DateInput, } from './utils/dateValue.cjs';
+/** Converts a change payload's native `Date` into the ISO-8601 string these components persist and submit. */
+export { toCalendarString, toCalendarValue, toDate, toISODateValue, toTimeValue, type DateInput, } from './utils/date-value.cjs';
 export { SkdxScrollArea } from './scroll-area/index.cjs';
 export type { ScrollAreaScrollbars, ScrollAreaScrollPosition, ScrollAreaScrollToOptions, ScrollAreaType, } from './scroll-area/index.cjs';
 export { SkdxResizablePanelGroup, SkdxResizablePanel } from './resizable/index.cjs';
@@ -89,22 +78,16 @@ export type { ResizablePanelConfig } from './resizable/index.cjs';
 export { SkdxCarousel } from './carousel/index.cjs';
 export { SkdxAutocomplete, type AutocompleteFilter, type AutocompleteOption, type AutocompleteOptionGroup, } from './autocomplete/index.cjs';
 export type { AutocompleteValueChangeDetail } from './autocomplete/index.cjs';
-export { SkdxMultiSelect, type MultiSelectFilter, type MultiSelectOption, type MultiSelectOptionGroup, } from './multi-select/index.cjs';
-export { SkdxSegmentedControl, type SegmentedControlOption, type SegmentedControlOrientation, } from './segmented-control/index.cjs';
-export type { SegmentedControlChangeReason, SegmentedControlValueChangeDetail, } from './segmented-control/index.cjs';
 export { SkdxPasswordInput } from './password-input/index.cjs';
 export { SkdxClipboard, type ClipboardState } from './clipboard/index.cjs';
 export { SkdxLoadingOverlay } from './loading-overlay/index.cjs';
-export { SkdxDataList } from './data-list/index.cjs';
-export type { DataListEntry, DataListOrientation } from './data-list/index.cjs';
-export { SkdxAffix } from './affix/index.cjs';
 export { SkdxEditable } from './editable/index.cjs';
 export type { EditableActivationMode, EditablePlaceholder, EditableRevertDetail, EditableSubmitMode, } from './editable/index.cjs';
 export { SkdxAngleSlider, type SkdxAngleSliderValueChangeDetail, type AngleSliderMarkData, } from './angle-slider/index.cjs';
 export { SkdxColorPicker } from './color-picker/index.cjs';
 export { SkdxFloatingPanel, gestureAnnouncement, type FloatingPanelGeometry, type FloatingPanelPosition, type FloatingPanelSize, type FloatingPanelStage, } from './floating-panel/index.cjs';
 export { SkdxSpeedDial, type SpeedDialAction, type SpeedDialDirection } from './speed-dial/index.cjs';
-export { SkdxTour, type TourStep, type TourStepType } from './tour/index.cjs';
+export { SkdxTour, type TourStep, type TourStepChange, type TourStepType } from './tour/index.cjs';
 export { SkdxTreeSelect, defaultGetMatchCountLabel, defaultTreeSelectFilter, type TreeSelectCheckStrategy, type TreeSelectFilter, type TreeSelectNode, type TreeSelectRenderLabel, type TreeSelectValueStrategy, } from './tree-select/index.cjs';
 export { SkdxTransfer, type TransferItemData, type TransferMoveDetail, type TransferSide, type TransferDirection, } from './transfer/index.cjs';
 export { SkdxQrCode, type QrCodeErrorCorrection } from './qr-code/index.cjs';
@@ -117,5 +100,5 @@ export type { PortalContainer } from './utils/portal.cjs';
 export { announce, clearAnnouncements, useLiveAnnouncer, ANNOUNCE_DEBOUNCE_MS, type AnnouncePoliteness, type LiveAnnouncerApi, } from './utils/liveAnnouncer.cjs';
 export { provideDirection, useDirection, type Direction } from './utils/direction.cjs';
 export { parseColor, formatColor, hexToRgb, rgbToHex, rgbToHsb, hsbToRgb, rgbToHsl, hslToRgb, hsbToHsl, hslToHsb, type ColorFormat, type RgbColor, type HslColor, type HsbColor, } from './utils/color.cjs';
-export type { SelectionChangeDetail } from './utils/useSelection.cjs';
+export type { SelectionChangeDetail } from './utils/selection.cjs';
 export type { PolymorphicTag } from './utils/polymorphic.cjs';