@skdx/vue 0.28.0 → 0.30.0

package/dist/timeline/TimelineAnatomy.vue.d.ts

@@ -1,18 +1,16 @@
 import type { TimelineItem } from './types.js';
 /**
- * Anatomy when default slot empty: one `<li>` per entry ordered by skin's grid—opposite,
- * marker, line, content. React port's `TimelineAnatomy.tsx` must stay synchronized.
+ * Anatomy when the default slot is empty: one `<li>` per entry, ordered opposite, marker, line, content.
  * @internal
  */
 type __VLS_Props = {
     items: readonly TimelineItem[];
 };
-declare var __VLS_23: {
-    item: TimelineItem;
-    index: number;
-};
-type __VLS_Slots = {} & {
-    content?: (props: typeof __VLS_23) => any;
+type __VLS_Slots = {
+    content?(props: {
+        item: TimelineItem;
+        index: number;
+    }): unknown;
 };
 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>;

package/dist/timeline/TimelineIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var n=["aria-hidden","role"],o=(0,e.defineComponent)({__name:"TimelineIndicator",setup(a){const r=(0,e.useSlots)();function i(){const t=r.default?.();return t===void 0||t.length===0}return(t,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-timeline__indicator","data-part":"indicator","aria-hidden":i()?"true":void 0,role:i()?void 0:"img"},[(0,e.renderSlot)(t.$slots,"default")],8,n))}});exports.default=o;
+let e=require("vue");var n=["aria-hidden","role"],o=(0,e.defineComponent)({__name:"TimelineIndicator",setup(d){const a=(0,e.useSlots)(),r=(0,e.useAttrs)();function i(){if(r["aria-label"]!==void 0||r["aria-labelledby"]!==void 0)return!1;const t=a.default?.();return t===void 0||t.length===0}return(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-timeline__indicator","data-part":"indicator","aria-hidden":i()?"true":void 0,role:i()?void 0:"img"},[(0,e.renderSlot)(t.$slots,"default")],8,n))}});exports.default=o;

package/dist/timeline/TimelineIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as t,openBlock as a,renderSlot as o,useSlots as i}from"vue";var n=["aria-hidden","role"],r=/* @__PURE__ */t({__name:"TimelineIndicator",setup(t){const r=i();function d(){const e=r.default?.();return void 0===e||0===e.length}return(t,i)=>(a(),e("div",{class:"skdx-timeline__indicator","data-part":"indicator","aria-hidden":d()?"true":void 0,role:d()?void 0:"img"},[o(t.$slots,"default")],8,n))}});export{r as default};
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as i,useAttrs as r,useSlots as o}from"vue";var n=["aria-hidden","role"],d=/* @__PURE__ */a({__name:"TimelineIndicator",setup(a){const d=o(),l=r();function s(){if(void 0!==l["aria-label"]||void 0!==l["aria-labelledby"])return!1;const e=d.default?.();return void 0===e||0===e.length}return(a,r)=>(t(),e("div",{class:"skdx-timeline__indicator","data-part":"indicator","aria-hidden":s()?"true":void 0,role:s()?void 0:"img"},[i(a.$slots,"default")],8,n))}});export{d as default};

package/dist/timeline/TimelineItem.vue.d.cts

@@ -1,10 +1,10 @@
-/**
- * A single `<li role="listitem">` entry composed of indicator, optional
- * separator, content, and optional opposite in that order. DOM order is the
- * reading order only with this arrangement. The role is explicit: `display: grid`
- * causes Safari/VoiceOver to drop the implicit role.
- */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Where the event sits in the sequence, reflected as `data-state`.
+     * @default undefined — falls back to a `data-state` attribute.
+     */
+    state?: 'complete' | 'current' | 'pending' | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/timeline/TimelineItem.vue.d.ts

@@ -1,10 +1,10 @@
-/**
- * A single `<li role="listitem">` entry composed of indicator, optional
- * separator, content, and optional opposite in that order. DOM order is the
- * reading order only with this arrangement. The role is explicit: `display: grid`
- * causes Safari/VoiceOver to drop the implicit role.
- */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Where the event sits in the sequence, reflected as `data-state`.
+     * @default undefined — falls back to a `data-state` attribute.
+     */
+    state?: 'complete' | 'current' | 'pending' | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/timeline/TimelineItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var l={class:"skdx-timeline__item","data-part":"item",role:"listitem"},_=(0,e.defineComponent)({__name:"TimelineItem",setup(r){return(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",l,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;
+const a=require("../utils/appearance.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"TimelineItem",props:{state:{}},setup(r){return(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({class:"skdx-timeline__item","data-part":"item",role:"listitem"},{...t.$attrs,...(0,e.unref)(a.appearanceAttrs)({state:r.state},t.$attrs)}),[(0,e.renderSlot)(t.$slots,"default")],16))}});exports.default=s;

package/dist/timeline/TimelineItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as t,openBlock as a,renderSlot as l}from"vue";var s={class:"skdx-timeline__item","data-part":"item",role:"listitem"},i=/* @__PURE__ */t({__name:"TimelineItem",setup:t=>(t,i)=>(a(),e("li",s,[l(t.$slots,"default")]))});export{i as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{createElementBlock as t,defineComponent as a,mergeProps as s,openBlock as r,renderSlot as i,unref as o}from"vue";var l=/* @__PURE__ */a({inheritAttrs:!1,__name:"TimelineItem",props:{state:{}},setup:a=>(l,m)=>(r(),t("li",s({class:"skdx-timeline__item","data-part":"item",role:"listitem"},{...l.$attrs,...o(e)({state:a.state},l.$attrs)}),[i(l.$slots,"default")],16))});export{l as default};

package/dist/timeline/TimelineOpposite.vue.d.cts

@@ -1,7 +1,5 @@
 /**
- * The metadata region opposite a timeline item (timestamp, actor, elapsed time)
- * in its own grid column. Render it before `TimelineIndicator` so reading order
- * matches visual order — the skin places by column, not DOM order.
+ * The metadata region opposite a timeline item, in its own grid column ordered before the indicator for correct reading order.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/timeline/TimelineOpposite.vue.d.ts

@@ -1,7 +1,5 @@
 /**
- * The metadata region opposite a timeline item (timestamp, actor, elapsed time)
- * in its own grid column. Render it before `TimelineIndicator` so reading order
- * matches visual order — the skin places by column, not DOM order.
+ * The metadata region opposite a timeline item, in its own grid column ordered before the indicator for correct reading order.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/timeline/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for custom `SkdxTimeline` layouts. Recipe built from
- * these. Part order: opposite, indicator, separator, content (for reading order).
+ * Advanced primitives for custom `SkdxTimeline` layouts, built from the same parts as the default recipe.
  *
  * @example
  * ```vue

package/dist/timeline/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for custom `SkdxTimeline` layouts. Recipe built from
- * these. Part order: opposite, indicator, separator, content (for reading order).
+ * Advanced primitives for custom `SkdxTimeline` layouts, built from the same parts as the default recipe.
  *
  * @example
  * ```vue

package/dist/timeline/types.d.cts

@@ -9,14 +9,12 @@ export interface TimelineItem {
      */
     opposite?: string;
     /**
-     * Indicator content (icon, number, check, or a VNode). Filling it makes the
-     * marker visible and requires an accessible name.
+     * Indicator content (icon, number, check, or a VNode); filling it makes the marker visible and requires an accessible name.
      * @default undefined — decorative, `aria-hidden` marker.
      */
     indicator?: string | VNode;
     /**
-     * Accessible name for the indicator when not decorative. A glyph like `✓`
-     * needs this to be announced.
+     * Accessible name for the indicator when not decorative, e.g. for a glyph like `✓`.
      * @default undefined — the indicator's text names it.
      */
     indicatorLabel?: string;

package/dist/timeline/types.d.ts

@@ -9,14 +9,12 @@ export interface TimelineItem {
      */
     opposite?: string;
     /**
-     * Indicator content (icon, number, check, or a VNode). Filling it makes the
-     * marker visible and requires an accessible name.
+     * Indicator content (icon, number, check, or a VNode); filling it makes the marker visible and requires an accessible name.
      * @default undefined — decorative, `aria-hidden` marker.
      */
     indicator?: string | VNode;
     /**
-     * Accessible name for the indicator when not decorative. A glyph like `✓`
-     * needs this to be announced.
+     * Accessible name for the indicator when not decorative, e.g. for a glyph like `✓`.
      * @default undefined — the indicator's text names it.
      */
     indicatorLabel?: string;

package/dist/toast/Toast.vue.d.cts

@@ -1,17 +1,16 @@
-/**
- * Toast notification; auto-dismisses after duration. Paused while hovered/focused/hidden.
- * Announces via provider's aria-live region (no role on root). Type chooses politeness.
- * Escape dismisses (preventable); swipe-to-dismiss via provider config.
- */
+/** Toast notification that auto-dismisses after a duration and announces via the provider's live region. */
 type __VLS_Props = {
     /** Whether toast is open for controlled usage. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether the toast is initially open, for uncontrolled usage.
      * @default true
      */
     defaultOpen?: boolean;
-    /** Auto-dismiss duration in ms; falls back to provider default. */
-    duration?: number;
+    /**
+     * Auto-dismiss duration in ms; falls back to provider default.
+     * @default 5000
+     */
+    duration?: number | undefined;
     /** `'foreground'` is assertive (interrupts); `'background'` is polite.
      * @default 'background'
      */
@@ -25,26 +24,28 @@ 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, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** The underlying rendered toast element, for measurement or animation hooks. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pause: () => any;
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
-    pause: () => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "open-change-complete": (open: boolean) => any;
     resume: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    onPause?: (() => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    onResume?: (() => any) | undefined;
+    onPause?: () => any;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    onResume?: () => any;
 }>, {
     type: "foreground" | "background";
-    open: boolean;
+    open: boolean | undefined;
     defaultOpen: boolean;
     forceMount: boolean;
-    duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/toast/Toast.vue.d.ts

@@ -1,17 +1,16 @@
-/**
- * Toast notification; auto-dismisses after duration. Paused while hovered/focused/hidden.
- * Announces via provider's aria-live region (no role on root). Type chooses politeness.
- * Escape dismisses (preventable); swipe-to-dismiss via provider config.
- */
+/** Toast notification that auto-dismisses after a duration and announces via the provider's live region. */
 type __VLS_Props = {
     /** Whether toast is open for controlled usage. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether the toast is initially open, for uncontrolled usage.
      * @default true
      */
     defaultOpen?: boolean;
-    /** Auto-dismiss duration in ms; falls back to provider default. */
-    duration?: number;
+    /**
+     * Auto-dismiss duration in ms; falls back to provider default.
+     * @default 5000
+     */
+    duration?: number | undefined;
     /** `'foreground'` is assertive (interrupts); `'background'` is polite.
      * @default 'background'
      */
@@ -25,26 +24,28 @@ 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, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** The underlying rendered toast element, for measurement or animation hooks. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pause: () => any;
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
-    pause: () => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "open-change-complete": (open: boolean) => any;
     resume: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    onPause?: (() => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    onResume?: (() => any) | undefined;
+    onPause?: () => any;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    onResume?: () => any;
 }>, {
     type: "foreground" | "background";
-    open: boolean;
+    open: boolean | undefined;
     defaultOpen: boolean;
     forceMount: boolean;
-    duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/toast/Toast.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const S=require("../utils/id.cjs"),Y=require("../utils/direction.cjs"),$=require("../utils/useOpenChangeComplete.cjs"),B=require("./context.cjs");let n=require("vue");var j=["data-state","data-paused","aria-labelledby","aria-describedby"],U=(0,n.defineComponent)({__name:"Toast",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},duration:{default:void 0},type:{default:"background"},forceMount:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","escape-key-down","pause","resume"],setup(T,{emit:N}){const s=T,u=N,g=(0,n.inject)(B.TOAST_PROVIDER_CONTEXT);if(!g)throw new Error("SkdxToast must be used within SkdxToastProvider.");const d=g,x=(0,n.ref)(s.defaultOpen),r=(0,n.computed)(()=>s.open??x.value),i=(0,n.ref)(null),_=S.nextId("toast-title"),b=S.nextId("toast-description"),k=(0,n.ref)(!1),C=(0,n.ref)(!1),w=(0,n.ref)(!1);function I(e){w.value!==e&&(w.value=e,u(e?"pause":"resume"))}function R(e){s.open===void 0&&(x.value=e),u("update:open",e),u("open-change",e)}function m(){R(!1)}let c,p=s.duration??d.duration,y=0;function l(){I(!1),Number.isFinite(p)&&(window.clearTimeout(c),y=Date.now(),c=window.setTimeout(m,p))}function f(){window.clearTimeout(c),p-=Date.now()-y,y=Date.now(),Number.isFinite(p)&&I(!0)}const a=(0,n.ref)(null),O=(0,n.ref)("right");function X(e,t){if(e!=="start"&&e!=="end")return e;const o=Y.resolveDirection(t)==="rtl";return e==="start"?o?"right":"left":o?"left":"right"}function A(e,t,o){return e==="left"?-t:e==="right"?t:e==="up"?-o:o}function v(e,t){e.setAttribute("data-swipe",t)}function D(){r.value&&(document.hidden?f():l())}function E(){r.value&&f()}function q(){p=s.duration??d.duration,l();const e=i.value?.textContent??"";d.announce(e,s.type==="foreground"?"assertive":"polite")}(0,n.watch)(r,e=>{window.clearTimeout(c),e&&q()},{flush:"post"}),$.useOpenChangeComplete(r,i,e=>u("open-change-complete",e)),(0,n.onMounted)(()=>{r.value&&q(),document.addEventListener("visibilitychange",D),window.addEventListener("pagehide",E)}),(0,n.onBeforeUnmount)(()=>{window.clearTimeout(c),document.removeEventListener("visibilitychange",D),window.removeEventListener("pagehide",E)});function L(e){e.key==="Escape"&&(u("escape-key-down",e),!e.defaultPrevented&&m())}function M(e){if(!e.isPrimary)return;const t=i.value;if(!t)return;const o=X(d.swipeDirection,t);O.value=o,a.value={x:e.clientX,y:e.clientY,pointerId:e.pointerId},t.setPointerCapture?.(e.pointerId),v(t,"start"),t.setAttribute("data-swipe-direction",o),f()}function F(e){const t=a.value,o=i.value;if(!t||!o||e.pointerId!==t.pointerId)return;const h=e.clientX-t.x,P=e.clientY-t.y;v(o,"move"),o.style.setProperty("--skdx-toast-swipe-move-x",`${h}px`),o.style.setProperty("--skdx-toast-swipe-move-y",`${P}px`)}function H(e){const t=a.value,o=i.value;if(!t||!o||e.pointerId!==t.pointerId)return;a.value=null,o.releasePointerCapture?.(e.pointerId);const h=e.clientX-t.x,P=e.clientY-t.y;A(O.value,h,P)>=d.swipeThreshold?(v(o,"end"),m()):(v(o,"cancel"),o.style.removeProperty("--skdx-toast-swipe-move-x"),o.style.removeProperty("--skdx-toast-swipe-move-y"),l())}function V(e){const t=i.value;!a.value||a.value.pointerId!==e.pointerId||(a.value=null,t?.releasePointerCapture?.(e.pointerId),t&&v(t,"cancel"),t?.style.removeProperty("--skdx-toast-swipe-move-x"),t?.style.removeProperty("--skdx-toast-swipe-move-y"),l())}return(0,n.provide)(B.TOAST_CONTEXT,{onClose:m,titleId:_,descriptionId:b,setHasTitle:e=>{k.value=e},setHasDescription:e=>{C.value=e}}),(e,t)=>T.forceMount||r.value?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:0,class:"skdx-toast","data-part":"root","data-skdx-component":"toast",ref_key:"rootRef",ref:i,"data-state":r.value?"open":"closed","data-paused":w.value?"":void 0,"aria-labelledby":k.value?(0,n.unref)(_):void 0,"aria-describedby":C.value?(0,n.unref)(b):void 0,tabindex:"0",onPointerenter:f,onPointerleave:l,onFocus:f,onBlur:l,onPointerdown:M,onPointermove:F,onPointerup:H,onPointercancel:V,onKeydown:L},[(0,n.renderSlot)(e.$slots,"default")],40,j)):(0,n.createCommentVNode)("",!0)}});exports.default=U;
+const g=require("../utils/id.cjs"),F=require("../utils/injectRequired.cjs"),Y=require("../utils/direction.cjs"),$=require("../utils/useOpenChangeComplete.cjs"),j=require("../utils/timer.cjs"),q=require("./context.cjs");let n=require("vue");var H=["data-state","data-paused","aria-labelledby","aria-describedby"],U=(0,n.defineComponent)({__name:"Toast",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},duration:{},type:{default:"background"},forceMount:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","escape-key-down","pause","resume"],setup(h,{expose:b,emit:O}){const u=h,i=O,p=F.injectRequired(q.TOAST_PROVIDER_CONTEXT,"SkdxToast must be used within SkdxToastProvider."),w=(0,n.ref)(u.defaultOpen),a=(0,n.computed)(()=>u.open??w.value),r=(0,n.ref)(null),x=g.nextId("toast-title"),_=g.nextId("toast-description"),k=(0,n.ref)(!1),T=(0,n.ref)(!1),v=(0,n.ref)(!1);function D(e){v.value!==e&&(v.value=e,i(e?"pause":"resume"))}function S(e){a.value!==e&&(u.open===void 0&&(w.value=e),i("update:open",e),i("open-change",e))}function c(){S(!1)}const l=new j.Timer({onPhaseChange:e=>{D(e.phase==="paused"&&Number.isFinite(e.duration)),e.phase==="complete"&&c()}});function m(){l.pause()}function f(){l.resume()}const s=(0,n.ref)(null),C=(0,n.ref)("right");function R(e,t){if(e!=="start"&&e!=="end")return e;const o=Y.resolveDirection(t)==="rtl";return e==="start"?o?"right":"left":o?"left":"right"}function B(e,t,o){return e==="left"?-t:e==="right"?t:e==="up"?-o:o}function d(e,t){e.setAttribute("data-swipe",t)}function I(){l.start(u.duration??p.duration);const e=r.value?.textContent??"";p.announce(e,u.type==="foreground"?"assertive":"polite")}(0,n.watch)(a,e=>{e?I():l.reset()},{flush:"post"}),$.useOpenChangeComplete(a,r,e=>i("open-change-complete",e)),(0,n.onMounted)(()=>{a.value&&I()}),(0,n.onBeforeUnmount)(()=>{l.destroy()});function E(e){e.key==="Escape"&&(i("escape-key-down",e),!e.defaultPrevented&&c())}function X(e){if(!e.isPrimary)return;const t=r.value;if(!t)return;const o=R(p.swipeDirection,t);C.value=o,s.value={x:e.clientX,y:e.clientY,pointerId:e.pointerId},t.setPointerCapture?.(e.pointerId),d(t,"start"),t.setAttribute("data-swipe-direction",o),m()}function A(e){const t=s.value,o=r.value;if(!t||!o||e.pointerId!==t.pointerId)return;const y=e.clientX-t.x,P=e.clientY-t.y;d(o,"move"),o.style.setProperty("--skdx-toast-swipe-move-x",`${y}px`),o.style.setProperty("--skdx-toast-swipe-move-y",`${P}px`)}function M(e){const t=s.value,o=r.value;if(!t||!o||e.pointerId!==t.pointerId)return;s.value=null,o.releasePointerCapture?.(e.pointerId);const y=e.clientX-t.x,P=e.clientY-t.y;B(C.value,y,P)>=p.swipeThreshold?(d(o,"end"),c()):(d(o,"cancel"),o.style.removeProperty("--skdx-toast-swipe-move-x"),o.style.removeProperty("--skdx-toast-swipe-move-y"),f())}function N(e){const t=r.value;!s.value||s.value.pointerId!==e.pointerId||(s.value=null,t?.releasePointerCapture?.(e.pointerId),t&&d(t,"cancel"),t?.style.removeProperty("--skdx-toast-swipe-move-x"),t?.style.removeProperty("--skdx-toast-swipe-move-y"),f())}return(0,n.provide)(q.TOAST_CONTEXT,{onClose:c,titleId:x,descriptionId:_,setHasTitle:e=>{k.value=e},setHasDescription:e=>{T.value=e}}),b({el:r}),(e,t)=>h.forceMount||a.value?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:0,ref_key:"rootRef",ref:r,class:"skdx-toast","data-part":"root","data-skdx-component":"toast","data-state":a.value?"open":"closed","data-paused":v.value?"":void 0,"aria-labelledby":k.value?(0,n.unref)(x):void 0,"aria-describedby":T.value?(0,n.unref)(_):void 0,tabindex:"0",onPointerenter:m,onPointerleave:f,onFocusin:m,onFocusout:f,onPointerdown:X,onPointermove:A,onPointerup:M,onPointercancel:N,onKeydown:E},[(0,n.renderSlot)(e.$slots,"default")],40,H)):(0,n.createCommentVNode)("",!0)}});exports.default=U;

package/dist/toast/Toast.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextId as e}from"../utils/id.js";import{resolveDirection as t}from"../utils/direction.js";import{useOpenChangeComplete as o}from"../utils/useOpenChangeComplete.js";import{TOAST_CONTEXT as n,TOAST_PROVIDER_CONTEXT as a}from"./context.js";import{computed as i,createCommentVNode as r,createElementBlock as s,defineComponent as u,inject as d,onBeforeUnmount as l,onMounted as p,openBlock as c,provide as v,ref as m,renderSlot as f,unref as y,watch as w}from"vue";var x=["data-state","data-paused","aria-labelledby","aria-describedby"],h=/* @__PURE__ */u({__name:"Toast",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},duration:{default:void 0},type:{default:"background"},forceMount:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","escape-key-down","pause","resume"],setup(u,{emit:h}){const P=u,k=h,T=d(a);if(!T)throw new Error("SkdxToast must be used within SkdxToastProvider.");const b=T,g=m(P.defaultOpen),I=i(()=>P.open??g.value),C=m(null),E=e("toast-title"),O=e("toast-description"),B=m(!1),D=m(!1),_=m(!1);function j(e){_.value!==e&&(_.value=e,k(e?"pause":"resume"))}function N(){var e;e=!1,void 0===P.open&&(g.value=e),k("update:open",e),k("open-change",e)}let S,X=P.duration??b.duration,A=0;function L(){j(!1),Number.isFinite(X)&&(window.clearTimeout(S),A=Date.now(),S=window.setTimeout(N,X))}function F(){window.clearTimeout(S),X-=Date.now()-A,A=Date.now(),Number.isFinite(X)&&j(!0)}const M=m(null),R=m("right");function Y(e,t){e.setAttribute("data-swipe",t)}function $(){I.value&&(document.hidden?F():L())}function H(){I.value&&F()}function V(){X=P.duration??b.duration,L();const e=C.value?.textContent??"";b.announce(e,"foreground"===P.type?"assertive":"polite")}function K(e){"Escape"===e.key&&(k("escape-key-down",e),!e.defaultPrevented&&N())}function U(e){if(!e.isPrimary)return;const o=C.value;if(!o)return;const n=function(e,o){if("start"!==e&&"end"!==e)return e;const n="rtl"===t(o);return"start"===e?n?"right":"left":n?"left":"right"}(b.swipeDirection,o);R.value=n,M.value={x:e.clientX,y:e.clientY,pointerId:e.pointerId},o.setPointerCapture?.(e.pointerId),Y(o,"start"),o.setAttribute("data-swipe-direction",n),F()}function q(e){const t=M.value,o=C.value;if(!t||!o||e.pointerId!==t.pointerId)return;const n=e.clientX-t.x,a=e.clientY-t.y;Y(o,"move"),o.style.setProperty("--skdx-toast-swipe-move-x",`${n}px`),o.style.setProperty("--skdx-toast-swipe-move-y",`${a}px`)}function z(e){const t=M.value,o=C.value;if(!t||!o||e.pointerId!==t.pointerId)return;M.value=null,o.releasePointerCapture?.(e.pointerId);const n=e.clientX-t.x,a=e.clientY-t.y;(function(e,t,o){return"left"===e?-t:"right"===e?t:"up"===e?-o:o})(R.value,n,a)>=b.swipeThreshold?(Y(o,"end"),N()):(Y(o,"cancel"),o.style.removeProperty("--skdx-toast-swipe-move-x"),o.style.removeProperty("--skdx-toast-swipe-move-y"),L())}function G(e){const t=C.value;!M.value||M.value.pointerId!==e.pointerId||(M.value=null,t?.releasePointerCapture?.(e.pointerId),t&&Y(t,"cancel"),t?.style.removeProperty("--skdx-toast-swipe-move-x"),t?.style.removeProperty("--skdx-toast-swipe-move-y"),L())}return w(I,e=>{window.clearTimeout(S),e&&V()},{flush:"post"}),o(I,C,e=>k("open-change-complete",e)),p(()=>{I.value&&V(),document.addEventListener("visibilitychange",$),window.addEventListener("pagehide",H)}),l(()=>{window.clearTimeout(S),document.removeEventListener("visibilitychange",$),window.removeEventListener("pagehide",H)}),v(n,{onClose:N,titleId:E,descriptionId:O,setHasTitle:e=>{B.value=e},setHasDescription:e=>{D.value=e}}),(e,t)=>u.forceMount||I.value?(c(),s("div",{key:0,class:"skdx-toast","data-part":"root","data-skdx-component":"toast",ref_key:"rootRef",ref:C,"data-state":I.value?"open":"closed","data-paused":_.value?"":void 0,"aria-labelledby":B.value?y(E):void 0,"aria-describedby":D.value?y(O):void 0,tabindex:"0",onPointerenter:F,onPointerleave:L,onFocus:F,onBlur:L,onPointerdown:U,onPointermove:q,onPointerup:z,onPointercancel:G,onKeydown:K},[f(e.$slots,"default")],40,x)):r("",!0)}});export{h as default};
+import{nextId as e}from"../utils/id.js";import{injectRequired as t}from"../utils/injectRequired.js";import{resolveDirection as o}from"../utils/direction.js";import{useOpenChangeComplete as n}from"../utils/useOpenChangeComplete.js";import{Timer as a}from"../utils/timer.js";import{TOAST_CONTEXT as s,TOAST_PROVIDER_CONTEXT as r}from"./context.js";import{computed as i,createCommentVNode as u,createElementBlock as l,defineComponent as p,onBeforeUnmount as d,onMounted as c,openBlock as v,provide as m,ref as f,renderSlot as y,unref as x,watch as P}from"vue";var h=["data-state","data-paused","aria-labelledby","aria-describedby"],k=/* @__PURE__ */p({__name:"Toast",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},duration:{},type:{default:"background"},forceMount:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","escape-key-down","pause","resume"],setup(p,{expose:k,emit:w}){const I=p,b=w,C=t(r,"SkdxToast must be used within SkdxToastProvider."),T=f(I.defaultOpen),g=i(()=>I.open??T.value),O=f(null),j=e("toast-title"),B=e("toast-description"),_=f(!1),E=f(!1),R=f(!1);function S(){var e;e=!1,g.value!==e&&(void 0===I.open&&(T.value=e),b("update:open",e),b("open-change",e))}const X=new a({onPhaseChange:e=>{(function(e){R.value!==e&&(R.value=e,b(e?"pause":"resume"))})("paused"===e.phase&&Number.isFinite(e.duration)),"complete"===e.phase&&S()}});function A(){X.pause()}function D(){X.resume()}const N=f(null),F=f("right");function M(e,t){e.setAttribute("data-swipe",t)}function Y(){X.start(I.duration??C.duration);const e=O.value?.textContent??"";C.announce(e,"foreground"===I.type?"assertive":"polite")}function $(e){"Escape"===e.key&&(b("escape-key-down",e),!e.defaultPrevented&&S())}function q(e){if(!e.isPrimary)return;const t=O.value;if(!t)return;const n=function(e,t){if("start"!==e&&"end"!==e)return e;const n="rtl"===o(t);return"start"===e?n?"right":"left":n?"left":"right"}(C.swipeDirection,t);F.value=n,N.value={x:e.clientX,y:e.clientY,pointerId:e.pointerId},t.setPointerCapture?.(e.pointerId),M(t,"start"),t.setAttribute("data-swipe-direction",n),A()}function H(e){const t=N.value,o=O.value;if(!t||!o||e.pointerId!==t.pointerId)return;const n=e.clientX-t.x,a=e.clientY-t.y;M(o,"move"),o.style.setProperty("--skdx-toast-swipe-move-x",`${n}px`),o.style.setProperty("--skdx-toast-swipe-move-y",`${a}px`)}function V(e){const t=N.value,o=O.value;if(!t||!o||e.pointerId!==t.pointerId)return;N.value=null,o.releasePointerCapture?.(e.pointerId);const n=e.clientX-t.x,a=e.clientY-t.y;(function(e,t,o){return"left"===e?-t:"right"===e?t:"up"===e?-o:o})(F.value,n,a)>=C.swipeThreshold?(M(o,"end"),S()):(M(o,"cancel"),o.style.removeProperty("--skdx-toast-swipe-move-x"),o.style.removeProperty("--skdx-toast-swipe-move-y"),D())}function K(e){const t=O.value;!N.value||N.value.pointerId!==e.pointerId||(N.value=null,t?.releasePointerCapture?.(e.pointerId),t&&M(t,"cancel"),t?.style.removeProperty("--skdx-toast-swipe-move-x"),t?.style.removeProperty("--skdx-toast-swipe-move-y"),D())}return P(g,e=>{e?Y():X.reset()},{flush:"post"}),n(g,O,e=>b("open-change-complete",e)),c(()=>{g.value&&Y()}),d(()=>{X.destroy()}),m(s,{onClose:S,titleId:j,descriptionId:B,setHasTitle:e=>{_.value=e},setHasDescription:e=>{E.value=e}}),k({el:O}),(e,t)=>p.forceMount||g.value?(v(),l("div",{key:0,ref_key:"rootRef",ref:O,class:"skdx-toast","data-part":"root","data-skdx-component":"toast","data-state":g.value?"open":"closed","data-paused":R.value?"":void 0,"aria-labelledby":_.value?x(j):void 0,"aria-describedby":E.value?x(B):void 0,tabindex:"0",onPointerenter:A,onPointerleave:D,onFocusin:A,onFocusout:D,onPointerdown:q,onPointermove:H,onPointerup:V,onPointercancel:K,onKeydown:$},[y(e.$slots,"default")],40,h)):u("",!0)}});export{k as default};

package/dist/toast/ToastAction.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Button in toast (e.g. "Undo"), closes after click. `altText` sets `aria-label`
- * for a11y users who dismiss before reaching it. Must be used in `SkdxToast`.
- */
+/** Action button rendered in a toast (e.g. "Undo") that closes the toast on click. */
 type __VLS_Props = {
     /** Describes the action for assistive tech users who can't easily reach it. */
     altText: string;

package/dist/toast/ToastAction.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Button in toast (e.g. "Undo"), closes after click. `altText` sets `aria-label`
- * for a11y users who dismiss before reaching it. Must be used in `SkdxToast`.
- */
+/** Action button rendered in a toast (e.g. "Undo") that closes the toast on click. */
 type __VLS_Props = {
     /** Describes the action for assistive tech users who can't easily reach it. */
     altText: string;

package/dist/toast/ToastAction.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let t=require("vue");var l=["aria-label"],c=(0,t.defineComponent)({__name:"ToastAction",props:{altText:{}},setup(o){const e=(0,t.inject)(r.TOAST_CONTEXT);if(!e)throw new Error("SkdxToastAction must be used within SkdxToast.");function a(){e.onClose()}return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{class:"skdx-toast__action","data-part":"action",type:"button","aria-label":o.altText,onClick:a},[(0,t.renderSlot)(n.$slots,"default")],8,l))}});exports.default=c;
+const i=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let t=require("vue");var l=["aria-label"],_=(0,t.defineComponent)({inheritAttrs:!1,__name:"ToastAction",props:{altText:{}},setup(r){const s=i.injectRequired(u.TOAST_CONTEXT,"SkdxToastAction must be used within SkdxToast."),n=(0,t.useAttrs)(),a=(0,t.computed)(()=>{const{onClick:e,...o}=n;return o});function c(e){const o=n.onClick;o?.(e),s.onClose()}return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",(0,t.mergeProps)({class:"skdx-toast__action","data-part":"action",type:"button","aria-label":r.altText},a.value,{onClick:c}),[(0,t.renderSlot)(e.$slots,"default")],16,l))}});exports.default=_;

package/dist/toast/ToastAction.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOAST_CONTEXT as t}from"./context.js";import{createElementBlock as o,defineComponent as a,inject as e,openBlock as n,renderSlot as s}from"vue";var r=["aria-label"],l=/* @__PURE__ */a({__name:"ToastAction",props:{altText:{}},setup(a){const l=e(t);if(!l)throw new Error("SkdxToastAction must be used within SkdxToast.");function i(){l.onClose()}return(t,e)=>(n(),o("button",{class:"skdx-toast__action","data-part":"action",type:"button","aria-label":a.altText,onClick:i},[s(t.$slots,"default")],8,r))}});export{l as default};
+import{injectRequired as t}from"../utils/injectRequired.js";import{TOAST_CONTEXT as e}from"./context.js";import{computed as o,createElementBlock as a,defineComponent as s,mergeProps as n,openBlock as r,renderSlot as i,useAttrs as l}from"vue";var c=["aria-label"],u=/* @__PURE__ */s({inheritAttrs:!1,__name:"ToastAction",props:{altText:{}},setup(s){const u=t(e,"SkdxToastAction must be used within SkdxToast."),p=l(),d=o(()=>{const{onClick:t,...e}=p;return e});function m(t){const e=p.onClick;e?.(t),u.onClose()}return(t,e)=>(r(),a("button",n({class:"skdx-toast__action","data-part":"action",type:"button","aria-label":s.altText},d.value,{onClick:m}),[i(t.$slots,"default")],16,c))}});export{u as default};

package/dist/toast/ToastClose.vue.d.cts

@@ -1,16 +1,10 @@
 /**
- * Close button for toast. Default aria-label="Dismiss" (suppressed if you
- * provide aria-label or aria-labelledby).
+ * Close button for a toast, defaulting its accessible name to "Dismiss".
  *
  * @example
  * ```vue
  * <SkdxToastClose>✕</SkdxToastClose>
  * ```
- *
- * @example
- * ```vue
- * <SkdxToastClose aria-label="Dismiss notification">✕</SkdxToastClose>
- * ```
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/toast/ToastClose.vue.d.ts

@@ -1,16 +1,10 @@
 /**
- * Close button for toast. Default aria-label="Dismiss" (suppressed if you
- * provide aria-label or aria-labelledby).
+ * Close button for a toast, defaulting its accessible name to "Dismiss".
  *
  * @example
  * ```vue
  * <SkdxToastClose>✕</SkdxToastClose>
  * ```
- *
- * @example
- * ```vue
- * <SkdxToastClose aria-label="Dismiss notification">✕</SkdxToastClose>
- * ```
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/toast/ToastClose.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let e=require("vue");var n=["aria-label"],i=(0,e.defineComponent)({__name:"ToastClose",setup(u){const t=(0,e.inject)(r.TOAST_CONTEXT);if(!t)throw new Error("SkdxToastClose must be used within SkdxToast.");const o=(0,e.useAttrs)(),a=(0,e.computed)(()=>o["aria-label"]!==void 0||o["aria-labelledby"]!==void 0?void 0:"Dismiss");function s(){t.onClose()}return(l,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-toast__close","data-part":"close",type:"button","aria-label":a.value,onClick:s},[(0,e.renderSlot)(l.$slots,"default")],8,n))}});exports.default=i;
+const i=require("../utils/injectRequired.cjs"),c=require("./context.cjs");let e=require("vue");var u=["aria-label"],d=(0,e.defineComponent)({inheritAttrs:!1,__name:"ToastClose",setup(_){const s=i.injectRequired(c.TOAST_CONTEXT,"SkdxToastClose must be used within SkdxToast."),t=(0,e.useAttrs)(),a=(0,e.computed)(()=>t["aria-label"]!==void 0||t["aria-labelledby"]!==void 0?void 0:"Dismiss"),l=(0,e.computed)(()=>{const{onClick:o,...r}=t;return r});function n(o){const r=t.onClick;r?.(o),s.onClose()}return(o,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({class:"skdx-toast__close","data-part":"close",type:"button","aria-label":a.value},l.value,{onClick:n}),[(0,e.renderSlot)(o.$slots,"default")],16,u))}});exports.default=d;

package/dist/toast/ToastClose.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOAST_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as a,defineComponent as o,inject as s,openBlock as l,renderSlot as r,useAttrs as n}from"vue";var i=["aria-label"],d=/* @__PURE__ */o({__name:"ToastClose",setup(o){const d=s(e);if(!d)throw new Error("SkdxToastClose must be used within SkdxToast.");const c=n(),u=t(()=>void 0!==c["aria-label"]||void 0!==c["aria-labelledby"]?void 0:"Dismiss");function m(){d.onClose()}return(e,t)=>(l(),a("button",{class:"skdx-toast__close","data-part":"close",type:"button","aria-label":u.value,onClick:m},[r(e.$slots,"default")],8,i))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TOAST_CONTEXT as t}from"./context.js";import{computed as s,createElementBlock as o,defineComponent as a,mergeProps as l,openBlock as r,renderSlot as i,useAttrs as n}from"vue";var u=["aria-label"],c=/* @__PURE__ */a({inheritAttrs:!1,__name:"ToastClose",setup(a){const c=e(t,"SkdxToastClose must be used within SkdxToast."),d=n(),m=s(()=>void 0!==d["aria-label"]||void 0!==d["aria-labelledby"]?void 0:"Dismiss"),p=s(()=>{const{onClick:e,...t}=d;return t});function b(e){const t=d.onClick;t?.(e),c.onClose()}return(e,t)=>(r(),o("button",l({class:"skdx-toast__close","data-part":"close",type:"button","aria-label":m.value},p.value,{onClick:b}),[i(e.$slots,"default")],16,u))}});export{c as default};

package/dist/toast/ToastDescription.vue.d.cts

@@ -1,9 +1,4 @@
-/**
- * The toast's body text: renders a plain `<div>` carrying the id the toast root
- * points its `aria-describedby` at, and only while this part is mounted — see
- * `SkdxToastTitle` for why the association is worth having on top of the
- * announcer.
- */
+/** The toast's body text, rendered with the id the root's `aria-describedby` points at. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/toast/ToastDescription.vue.d.ts

@@ -1,9 +1,4 @@
-/**
- * The toast's body text: renders a plain `<div>` carrying the id the toast root
- * points its `aria-describedby` at, and only while this part is mounted — see
- * `SkdxToastTitle` for why the association is worth having on top of the
- * announcer.
- */
+/** The toast's body text, rendered with the id the root's `aria-describedby` points at. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/toast/ToastDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./context.cjs");let e=require("vue");var o=["id"],i=(0,e.defineComponent)({__name:"ToastDescription",setup(n){const t=(0,e.inject)(s.TOAST_CONTEXT);if(!t)throw new Error("SkdxToastDescription must be used within SkdxToast.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-toast__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(r.$slots,"default")],8,o))}});exports.default=i;
+const i=require("../utils/injectRequired.cjs"),s=require("./context.cjs");let e=require("vue");var n=["id"],o=(0,e.defineComponent)({__name:"ToastDescription",setup(u){const t=i.injectRequired(s.TOAST_CONTEXT,"SkdxToastDescription must be used within SkdxToast.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{id:(0,e.unref)(t).descriptionId,class:"skdx-toast__description","data-part":"description"},[(0,e.renderSlot)(r.$slots,"default")],8,n))}});exports.default=o;

package/dist/toast/ToastDescription.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOAST_CONTEXT as t}from"./context.js";import{createElementBlock as s,defineComponent as e,inject as o,onUnmounted as a,openBlock as i,renderSlot as n,unref as r}from"vue";var d=["id"],c=/* @__PURE__ */e({__name:"ToastDescription",setup(e){const c=o(t);if(!c)throw new Error("SkdxToastDescription must be used within SkdxToast.");return c.setHasDescription(!0),a(()=>c.setHasDescription(!1)),(t,e)=>(i(),s("div",{class:"skdx-toast__description","data-part":"description",id:r(c).descriptionId},[n(t.$slots,"default")],8,d))}});export{c as default};
+import{injectRequired as t}from"../utils/injectRequired.js";import{TOAST_CONTEXT as e}from"./context.js";import{createElementBlock as s,defineComponent as o,onUnmounted as i,openBlock as a,renderSlot as n,unref as r}from"vue";var d=["id"],c=/* @__PURE__ */o({__name:"ToastDescription",setup(o){const c=t(e,"SkdxToastDescription must be used within SkdxToast.");return c.setHasDescription(!0),i(()=>c.setHasDescription(!1)),(t,e)=>(a(),s("div",{id:r(c).descriptionId,class:"skdx-toast__description","data-part":"description"},[n(t.$slots,"default")],8,d))}});export{c as default};

package/dist/toast/ToastProvider.vue.d.cts

@@ -1,29 +1,12 @@
-/**
- * App-level ancestor supplying default duration, region label, and persistent
- * announcer for descendants. Renders children + two live regions. Mount near
- * app root with SkdxToastViewport. swipeDirection/swipeThreshold for all.
- */
+/** App-level ancestor supplying default duration, region label, and a persistent announcer for descendant toasts. */
 type __VLS_Props = {
     /** Accessible label for the toast region announced by assistive tech. */
     label?: string;
     /** Default auto-dismiss duration (ms), used by any `SkdxToast` that doesn't set its own `duration`. */
     duration?: number;
-    /**
-     * Which way a toast has to be dragged before releasing it dismisses.
-     * `'start'`/`'end'` are logical and resolve against the toast's own writing
-     * direction, so the default throws a toast out towards the inline edge its
-     * region is docked to and mirrors under RTL without you restating it.
-     *
-     * The gesture is always an *addition* to Close, Escape and the timer,
-     * never a replacement: a path-based drag with no single-pointer,
-     * keyboard-reachable alternative fails WCAG 2.2 SC 2.5.1 and SC 2.5.7.
-     */
+    /** Which way a toast must be dragged to dismiss it; `'start'`/`'end'` resolve against writing direction. */
     swipeDirection?: 'up' | 'down' | 'left' | 'right' | 'start' | 'end';
-    /**
-     * How far, in pixels along `swipeDirection`, a drag has to travel before
-     * releasing it dismisses the toast. A drag released short of it snaps back
-     * and reports `data-swipe="cancel"`.
-     */
+    /** Drag distance in pixels along `swipeDirection` needed to dismiss the toast on release. */
     swipeThreshold?: number;
 };
 declare var __VLS_1: {};

package/dist/toast/ToastProvider.vue.d.ts

@@ -1,29 +1,12 @@
-/**
- * App-level ancestor supplying default duration, region label, and persistent
- * announcer for descendants. Renders children + two live regions. Mount near
- * app root with SkdxToastViewport. swipeDirection/swipeThreshold for all.
- */
+/** App-level ancestor supplying default duration, region label, and a persistent announcer for descendant toasts. */
 type __VLS_Props = {
     /** Accessible label for the toast region announced by assistive tech. */
     label?: string;
     /** Default auto-dismiss duration (ms), used by any `SkdxToast` that doesn't set its own `duration`. */
     duration?: number;
-    /**
-     * Which way a toast has to be dragged before releasing it dismisses.
-     * `'start'`/`'end'` are logical and resolve against the toast's own writing
-     * direction, so the default throws a toast out towards the inline edge its
-     * region is docked to and mirrors under RTL without you restating it.
-     *
-     * The gesture is always an *addition* to Close, Escape and the timer,
-     * never a replacement: a path-based drag with no single-pointer,
-     * keyboard-reachable alternative fails WCAG 2.2 SC 2.5.1 and SC 2.5.7.
-     */
+    /** Which way a toast must be dragged to dismiss it; `'start'`/`'end'` resolve against writing direction. */
     swipeDirection?: 'up' | 'down' | 'left' | 'right' | 'start' | 'end';
-    /**
-     * How far, in pixels along `swipeDirection`, a drag has to travel before
-     * releasing it dismisses the toast. A drag released short of it snaps back
-     * and reports `data-swipe="cancel"`.
-     */
+    /** Drag distance in pixels along `swipeDirection` needed to dismiss the toast on release. */
     swipeThreshold?: number;
 };
 declare var __VLS_1: {};

package/dist/toast/ToastTitle.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * Toast's heading: renders `<div>` with the id the root references via
- * `aria-labelledby`. The root only publishes that attribute while this part is
- * mounted, so the region hotkey reader gets the toast structure.
- */
+/** The toast's heading, rendered with the id the root's `aria-labelledby` points at. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/toast/ToastTitle.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * Toast's heading: renders `<div>` with the id the root references via
- * `aria-labelledby`. The root only publishes that attribute while this part is
- * mounted, so the region hotkey reader gets the toast structure.
- */
+/** The toast's heading, rendered with the id the root's `aria-labelledby` points at. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/toast/ToastTitle.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./context.cjs");let e=require("vue");var o=["id"],a=(0,e.defineComponent)({__name:"ToastTitle",setup(i){const t=(0,e.inject)(s.TOAST_CONTEXT);if(!t)throw new Error("SkdxToastTitle must be used within SkdxToast.");return t.setHasTitle(!0),(0,e.onUnmounted)(()=>t.setHasTitle(!1)),(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-toast__title","data-part":"title",id:(0,e.unref)(t).titleId},[(0,e.renderSlot)(r.$slots,"default")],8,o))}});exports.default=a;
+const i=require("../utils/injectRequired.cjs"),s=require("./context.cjs");let e=require("vue");var u=["id"],n=(0,e.defineComponent)({__name:"ToastTitle",setup(a){const t=i.injectRequired(s.TOAST_CONTEXT,"SkdxToastTitle must be used within SkdxToast.");return t.setHasTitle(!0),(0,e.onUnmounted)(()=>t.setHasTitle(!1)),(r,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{id:(0,e.unref)(t).titleId,class:"skdx-toast__title","data-part":"title"},[(0,e.renderSlot)(r.$slots,"default")],8,u))}});exports.default=n;

package/dist/toast/ToastTitle.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOAST_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as s,inject as a,onUnmounted as o,openBlock as i,renderSlot as n,unref as r}from"vue";var l=["id"],d=/* @__PURE__ */s({__name:"ToastTitle",setup(s){const d=a(t);if(!d)throw new Error("SkdxToastTitle must be used within SkdxToast.");return d.setHasTitle(!0),o(()=>d.setHasTitle(!1)),(t,s)=>(i(),e("div",{class:"skdx-toast__title","data-part":"title",id:r(d).titleId},[n(t.$slots,"default")],8,l))}});export{d as default};
+import{injectRequired as t}from"../utils/injectRequired.js";import{TOAST_CONTEXT as e}from"./context.js";import{createElementBlock as s,defineComponent as a,onUnmounted as o,openBlock as i,renderSlot as n,unref as r}from"vue";var d=["id"],l=/* @__PURE__ */a({__name:"ToastTitle",setup(a){const l=t(e,"SkdxToastTitle must be used within SkdxToast.");return l.setHasTitle(!0),o(()=>l.setHasTitle(!1)),(t,e)=>(i(),s("div",{id:r(l).titleId,class:"skdx-toast__title","data-part":"title"},[n(t.$slots,"default")],8,d))}});export{l as default};

package/dist/toast/ToastViewport.vue.d.cts

@@ -1,11 +1,7 @@
-/**
- * Fixed, portaled region that hosts toasts in order, labeled via provider.
- * Reachable via hotkey (F6 default, Shift + hotkey to leave). Restores focus
- * when focused toast is removed. Hotkey is appended to region name.
- */
+/** Fixed, portaled region that hosts toasts in order and is reachable via hotkey. */
 type __VLS_Props = {
     /**
-     * Keys to focus region (Alt / Control / Meta + key); Shift + key to leave.
+     * Keys to focus the region (Alt / Control / Meta + key); Shift + key to leave.
      * @default ['F6']
      */
     hotkey?: readonly string[];