@skdx/vue 0.27.0 → 0.28.0

package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("../utils/renderProp.cjs"),i=require("./TimelineContent.vue.cjs"),n=require("./TimelineIndicator.vue.cjs"),u=require("./TimelineItem.vue.cjs"),c=require("./TimelineOpposite.vue.cjs"),d=require("./TimelineSeparator.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TimelineAnatomy",props:{items:{}},setup(o){return(a,p)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.items,(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:r,"data-state":t.state},{default:(0,e.withCtx)(()=>[t.opposite?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.opposite),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.indicator?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:1,"aria-label":t.indicatorLabel},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(l.RenderProp),{render:()=>t.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:2})),r<o.items.length-1?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:3})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"content",{item:t,index:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))}});exports.default=s;

package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{RenderProp as e}from"../utils/renderProp.js";import t from"./TimelineContent.vue.js";import a from"./TimelineIndicator.vue.js";import r from"./TimelineItem.vue.js";import o from"./TimelineOpposite.vue.js";import i from"./TimelineSeparator.vue.js";import{Fragment as n,createBlock as s,createCommentVNode as m,createElementBlock as l,createTextVNode as p,createVNode as d,defineComponent as u,openBlock as c,renderList as f,renderSlot as k,toDisplayString as v,unref as y,withCtx as T}from"vue";var j=/* @__PURE__ */u({__name:"TimelineAnatomy",props:{items:{}},setup:u=>(j,_)=>(c(!0),l(n,null,f(u.items,(n,l)=>(c(),s(r,{key:l,"data-state":n.state},{default:T(()=>[n.opposite?(c(),s(o,{key:0},{default:T(()=>[p(v(n.opposite),1)]),_:2},1024)):m("",!0),n.indicator?(c(),s(a,{key:1,"aria-label":n.indicatorLabel},{default:T(()=>[d(y(e),{render:()=>n.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):(c(),s(a,{key:2})),l<u.items.length-1?(c(),s(i,{key:3})):m("",!0),d(t,null,{default:T(()=>[k(j.$slots,"content",{item:n,index:l},()=>[p(v(n.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))});export{j as default};

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

@@ -1,4 +1,3 @@
-/** The dot/icon marker for a `SkdxTimelineItem`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,4 +1,3 @@
-/** The dot/icon marker for a `SkdxTimelineItem`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/timeline/TimelineIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var r={class:"skdx-timeline__indicator","data-part":"indicator"},a=(0,e.defineComponent)({__name:"TimelineIndicator",setup(i){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;
+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;

package/dist/timeline/TimelineIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as o}from"vue";var i={class:"skdx-timeline__indicator","data-part":"indicator"},n=/* @__PURE__ */a({__name:"TimelineIndicator",setup:a=>(a,n)=>(t(),e("div",i,[o(a.$slots,"default")]))});export{n as default};
+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};

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

@@ -1,4 +1,9 @@
-/** A single `<li>` entry in a `SkdxTimeline`. */
+/**
+ * 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 = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,4 +1,9 @@
-/** A single `<li>` entry in a `SkdxTimeline`. */
+/**
+ * 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 = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/timeline/TimelineItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var _={class:"skdx-timeline__item","data-part":"item"},l=(0,e.defineComponent)({__name:"TimelineItem",setup(r){return(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",_,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=l;
+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=_;

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"},m=/* @__PURE__ */t({__name:"TimelineItem",setup:t=>(t,m)=>(a(),e("li",s,[l(t.$slots,"default")]))});export{m as default};
+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};

package/dist/timeline/TimelineOpposite.vue.cjs

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

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

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/timeline/TimelineOpposite.vue.js

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

package/dist/timeline/TimelineOpposite.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var p={class:"skdx-timeline__opposite","data-part":"opposite"},_=(0,e.defineComponent)({__name:"TimelineOpposite",setup(i){return(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",p,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/timeline/TimelineOpposite.vue_vue_type_script_setup_true_lang.js

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

package/dist/timeline/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Timeline.vue.cjs"),i=require("./TimelineItem.vue.cjs"),r=require("./TimelineIndicator.vue.cjs"),t=require("./TimelineSeparator.vue.cjs"),n=require("./TimelineContent.vue.cjs");exports.SkdxTimeline=e.default;exports.SkdxTimelineContent=n.default;exports.SkdxTimelineIndicator=r.default;exports.SkdxTimelineItem=i.default;exports.SkdxTimelineSeparator=t.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Timeline.vue.cjs");exports.SkdxTimeline=e.default;

package/dist/timeline/index.d.cts

@@ -1,5 +1,2 @@
 export { default as SkdxTimeline } from './Timeline.vue.cjs';
-export { default as SkdxTimelineItem } from './TimelineItem.vue.cjs';
-export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.cjs';
-export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.cjs';
-export { default as SkdxTimelineContent } from './TimelineContent.vue.cjs';
+export type { TimelineItem } from './types.cjs';

package/dist/timeline/index.d.ts

@@ -1,5 +1,2 @@
 export { default as SkdxTimeline } from './Timeline.vue.js';
-export { default as SkdxTimelineItem } from './TimelineItem.vue.js';
-export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.js';
-export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.js';
-export { default as SkdxTimelineContent } from './TimelineContent.vue.js';
+export type { TimelineItem } from './types.js';

package/dist/timeline/index.js

@@ -1 +1 @@
-import e from"./Timeline.vue.js";import i from"./TimelineItem.vue.js";import m from"./TimelineIndicator.vue.js";import o from"./TimelineSeparator.vue.js";import r from"./TimelineContent.vue.js";export{e as SkdxTimeline,r as SkdxTimelineContent,m as SkdxTimelineIndicator,i as SkdxTimelineItem,o as SkdxTimelineSeparator};
+import e from"./Timeline.vue.js";export{e as SkdxTimeline};

package/dist/timeline/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TimelineContent.vue.cjs"),i=require("./TimelineIndicator.vue.cjs"),r=require("./TimelineItem.vue.cjs"),t=require("./TimelineOpposite.vue.cjs"),n=require("./TimelineSeparator.vue.cjs"),l=require("./Timeline.vue.cjs");exports.SkdxTimeline=l.default;exports.SkdxTimelineContent=e.default;exports.SkdxTimelineIndicator=i.default;exports.SkdxTimelineItem=r.default;exports.SkdxTimelineOpposite=t.default;exports.SkdxTimelineSeparator=n.default;

package/dist/timeline/primitives.d.cts

@@ -0,0 +1,29 @@
+/**
+ * Advanced primitives for custom `SkdxTimeline` layouts. Recipe built from
+ * these. Part order: opposite, indicator, separator, content (for reading order).
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTimeline, SkdxTimelineContent, SkdxTimelineIndicator, SkdxTimelineItem, SkdxTimelineOpposite, SkdxTimelineSeparator } from '@skdx/vue/primitives/timeline';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTimeline>
+ *     <SkdxTimelineItem>
+ *       <SkdxTimelineOpposite>09:24</SkdxTimelineOpposite>
+ *       <SkdxTimelineIndicator />
+ *       <SkdxTimelineSeparator />
+ *       <SkdxTimelineContent>Order placed</SkdxTimelineContent>
+ *     </SkdxTimelineItem>
+ *   </SkdxTimeline>
+ * </template>
+ * ```
+ */
+export { default as SkdxTimeline } from './Timeline.vue.cjs';
+export { default as SkdxTimelineItem } from './TimelineItem.vue.cjs';
+export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.cjs';
+export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.cjs';
+export { default as SkdxTimelineContent } from './TimelineContent.vue.cjs';
+export { default as SkdxTimelineOpposite } from './TimelineOpposite.vue.cjs';
+export type { TimelineItem } from './types.cjs';

package/dist/timeline/primitives.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Advanced primitives for custom `SkdxTimeline` layouts. Recipe built from
+ * these. Part order: opposite, indicator, separator, content (for reading order).
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTimeline, SkdxTimelineContent, SkdxTimelineIndicator, SkdxTimelineItem, SkdxTimelineOpposite, SkdxTimelineSeparator } from '@skdx/vue/primitives/timeline';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTimeline>
+ *     <SkdxTimelineItem>
+ *       <SkdxTimelineOpposite>09:24</SkdxTimelineOpposite>
+ *       <SkdxTimelineIndicator />
+ *       <SkdxTimelineSeparator />
+ *       <SkdxTimelineContent>Order placed</SkdxTimelineContent>
+ *     </SkdxTimelineItem>
+ *   </SkdxTimeline>
+ * </template>
+ * ```
+ */
+export { default as SkdxTimeline } from './Timeline.vue.js';
+export { default as SkdxTimelineItem } from './TimelineItem.vue.js';
+export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.js';
+export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.js';
+export { default as SkdxTimelineContent } from './TimelineContent.vue.js';
+export { default as SkdxTimelineOpposite } from './TimelineOpposite.vue.js';
+export type { TimelineItem } from './types.js';

package/dist/timeline/primitives.js

@@ -0,0 +1 @@
+import e from"./TimelineContent.vue.js";import i from"./TimelineIndicator.vue.js";import m from"./TimelineItem.vue.js";import o from"./TimelineOpposite.vue.js";import r from"./TimelineSeparator.vue.js";import t from"./Timeline.vue.js";export{t as SkdxTimeline,e as SkdxTimelineContent,i as SkdxTimelineIndicator,m as SkdxTimelineItem,o as SkdxTimelineOpposite,r as SkdxTimelineSeparator};

package/dist/timeline/types.d.cts

@@ -0,0 +1,29 @@
+import type { VNode } from 'vue';
+/** One event in a timeline's items. */
+export interface TimelineItem {
+    /** The event, rendered in TimelineContent; override with content slot. */
+    content: string;
+    /**
+     * Metadata on the far side of the marker (timestamp, actor, elapsed time).
+     * @default undefined — no opposite region.
+     */
+    opposite?: string;
+    /**
+     * 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.
+     * @default undefined — the indicator's text names it.
+     */
+    indicatorLabel?: string;
+    /**
+     * Event state relative to the user (`complete`, `current`, `pending`),
+     * published as `data-state`.
+     * @default undefined — no `data-state`.
+     */
+    state?: 'complete' | 'current' | 'pending';
+}

package/dist/timeline/types.d.ts

@@ -0,0 +1,29 @@
+import type { VNode } from 'vue';
+/** One event in a timeline's items. */
+export interface TimelineItem {
+    /** The event, rendered in TimelineContent; override with content slot. */
+    content: string;
+    /**
+     * Metadata on the far side of the marker (timestamp, actor, elapsed time).
+     * @default undefined — no opposite region.
+     */
+    opposite?: string;
+    /**
+     * 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.
+     * @default undefined — the indicator's text names it.
+     */
+    indicatorLabel?: string;
+    /**
+     * Event state relative to the user (`complete`, `current`, `pending`),
+     * published as `data-state`.
+     * @default undefined — no `data-state`.
+     */
+    state?: 'complete' | 'current' | 'pending';
+}

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

@@ -1,24 +1,25 @@
 /**
- * A single toast notification: `role="status"` and `data-state`
- * (`open`/`closed`). Must render under a `SkdxToastProvider`. Self-closes
- * after `duration` ms (or the provider's default), pausing the timer while
- * hovered, while focused, and while the page is hidden, and closing
- * immediately on Escape. Pass `role="alert"` to raise an error or warning
- * assertively instead of the default polite `role="status"`. Announces its text
- * content to screen readers via the provider's persistent `aria-live`
- * region on mount/reopen. Self-closing and uncontrolled by default — mount
- * one `SkdxToast` per notification and drop it from state on
- * `update:open`/`open-change` false.
+ * 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.
  */
 type __VLS_Props = {
-    /** Whether the toast is open, for controlled usage. Pair with `update:open`/`open-change`. */
+    /** Whether toast is open for controlled usage. */
     open?: boolean;
-    /** Whether the toast is initially open, for uncontrolled usage — a toast is typically mounted already-visible. */
+    /** Whether the toast is initially open, for uncontrolled usage.
+     * @default true
+     */
     defaultOpen?: boolean;
-    /** Auto-dismiss duration (ms); falls back to the ancestor `SkdxToastProvider`'s `duration` when unset. */
+    /** Auto-dismiss duration in ms; falls back to provider default. */
     duration?: number;
-    /** `'foreground'` interrupts the user (announced `assertive`); `'background'` does not (announced `polite`). */
+    /** `'foreground'` is assertive (interrupts); `'background'` is polite.
+     * @default 'background'
+     */
     type?: 'foreground' | 'background';
+    /** Keep toast in DOM while closed for exit animation.
+     * @default false
+     */
+    forceMount?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -27,13 +28,22 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "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;
 }>, {
     type: "foreground" | "background";
     open: boolean;
     defaultOpen: boolean;
+    forceMount: boolean;
     duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,24 +1,25 @@
 /**
- * A single toast notification: `role="status"` and `data-state`
- * (`open`/`closed`). Must render under a `SkdxToastProvider`. Self-closes
- * after `duration` ms (or the provider's default), pausing the timer while
- * hovered, while focused, and while the page is hidden, and closing
- * immediately on Escape. Pass `role="alert"` to raise an error or warning
- * assertively instead of the default polite `role="status"`. Announces its text
- * content to screen readers via the provider's persistent `aria-live`
- * region on mount/reopen. Self-closing and uncontrolled by default — mount
- * one `SkdxToast` per notification and drop it from state on
- * `update:open`/`open-change` false.
+ * 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.
  */
 type __VLS_Props = {
-    /** Whether the toast is open, for controlled usage. Pair with `update:open`/`open-change`. */
+    /** Whether toast is open for controlled usage. */
     open?: boolean;
-    /** Whether the toast is initially open, for uncontrolled usage — a toast is typically mounted already-visible. */
+    /** Whether the toast is initially open, for uncontrolled usage.
+     * @default true
+     */
     defaultOpen?: boolean;
-    /** Auto-dismiss duration (ms); falls back to the ancestor `SkdxToastProvider`'s `duration` when unset. */
+    /** Auto-dismiss duration in ms; falls back to provider default. */
     duration?: number;
-    /** `'foreground'` interrupts the user (announced `assertive`); `'background'` does not (announced `polite`). */
+    /** `'foreground'` is assertive (interrupts); `'background'` is polite.
+     * @default 'background'
+     */
     type?: 'foreground' | 'background';
+    /** Keep toast in DOM while closed for exit animation.
+     * @default false
+     */
+    forceMount?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -27,13 +28,22 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "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;
 }>, {
     type: "foreground" | "background";
     open: boolean;
     defaultOpen: boolean;
+    forceMount: boolean;
     duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/toast/Toast.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const _=require("./context.cjs");let e=require("vue");var O=(0,e.defineComponent)({__name:"Toast",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},duration:{default:void 0},type:{default:"foreground"}},emits:["update:open","open-change"],setup(h,{emit:g}){const n=h,c=g,p=(0,e.inject)(_.TOAST_PROVIDER_CONTEXT);if(!p)throw new Error("SkdxToast must be used within SkdxToastProvider.");const d=p,f=(0,e.ref)(n.defaultOpen),o=(0,e.computed)(()=>n.open??f.value),m=(0,e.ref)(null);function y(t){n.open===void 0&&(f.value=t),c("update:open",t),c("open-change",t)}function s(){y(!1)}let i,a=n.duration??d.duration,l=0;function r(){Number.isFinite(a)&&(window.clearTimeout(i),l=Date.now(),i=window.setTimeout(s,a))}function u(){window.clearTimeout(i),a-=Date.now()-l,l=Date.now()}function v(){o.value&&(document.hidden?u():r())}function w(){o.value&&u()}function T(){a=n.duration??d.duration,r();const t=m.value?.textContent??"";d.announce(t,n.type==="foreground"?"assertive":"polite")}(0,e.watch)(o,t=>{window.clearTimeout(i),t&&T()},{flush:"post"}),(0,e.onMounted)(()=>{o.value&&T(),document.addEventListener("visibilitychange",v),window.addEventListener("pagehide",w)}),(0,e.onBeforeUnmount)(()=>{window.clearTimeout(i),document.removeEventListener("visibilitychange",v),window.removeEventListener("pagehide",w)});function E(t){t.key==="Escape"&&s()}return(0,e.provide)(_.TOAST_CONTEXT,{onClose:s}),(t,k)=>o.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-toast","data-part":"root","data-skdx-component":"toast",ref_key:"rootRef",ref:m,role:"status","data-state":"open",tabindex:"0",onPointerenter:u,onPointerleave:r,onFocus:u,onBlur:r,onKeydown:E},[(0,e.renderSlot)(t.$slots,"default")],544)):(0,e.createCommentVNode)("",!0)}});exports.default=O;
+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;

package/dist/toast/Toast.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOAST_CONTEXT as e,TOAST_PROVIDER_CONTEXT as o}from"./context.js";import{computed as t,createCommentVNode as n,createElementBlock as a,defineComponent as i,inject as d,onBeforeUnmount as r,onMounted as u,openBlock as s,provide as l,ref as c,renderSlot as p,watch as f}from"vue";var m=/* @__PURE__ */i({__name:"Toast",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},duration:{default:void 0},type:{default:"foreground"}},emits:["update:open","open-change"],setup(i,{emit:m}){const v=i,w=m,T=d(o);if(!T)throw new Error("SkdxToast must be used within SkdxToastProvider.");const h=T,y=c(v.defaultOpen),E=t(()=>v.open??y.value),k=c(null);function g(){var e;e=!1,void 0===v.open&&(y.value=e),w("update:open",e),w("open-change",e)}let x,O=v.duration??h.duration,B=0;function C(){Number.isFinite(O)&&(window.clearTimeout(x),B=Date.now(),x=window.setTimeout(g,O))}function _(){window.clearTimeout(x),O-=Date.now()-B,B=Date.now()}function b(){E.value&&(document.hidden?_():C())}function S(){E.value&&_()}function D(){O=v.duration??h.duration,C();const e=k.value?.textContent??"";h.announce(e,"foreground"===v.type?"assertive":"polite")}function L(e){"Escape"===e.key&&g()}return f(E,e=>{window.clearTimeout(x),e&&D()},{flush:"post"}),u(()=>{E.value&&D(),document.addEventListener("visibilitychange",b),window.addEventListener("pagehide",S)}),r(()=>{window.clearTimeout(x),document.removeEventListener("visibilitychange",b),window.removeEventListener("pagehide",S)}),l(e,{onClose:g}),(e,o)=>E.value?(s(),a("div",{key:0,class:"skdx-toast","data-part":"root","data-skdx-component":"toast",ref_key:"rootRef",ref:k,role:"status","data-state":"open",tabindex:"0",onPointerenter:_,onPointerleave:C,onFocus:_,onBlur:C,onKeydown:L},[p(e.$slots,"default")],544)):n("",!0)}});export{m as default};
+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};

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

@@ -1,8 +1,6 @@
 /**
- * Actionable button rendered inside a `SkdxToast` (e.g. "Undo"). Closes the
- * toast after your own click handler runs. `altText` sets `aria-label` so
- * assistive tech users who dismiss the toast before reaching it still know
- * what the action would have done. Must be used inside `SkdxToast`.
+ * 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`.
  */
 type __VLS_Props = {
     /** Describes the action for assistive tech users who can't easily reach it. */

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

@@ -1,8 +1,6 @@
 /**
- * Actionable button rendered inside a `SkdxToast` (e.g. "Undo"). Closes the
- * toast after your own click handler runs. `altText` sets `aria-label` so
- * assistive tech users who dismiss the toast before reaching it still know
- * what the action would have done. Must be used inside `SkdxToast`.
+ * 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`.
  */
 type __VLS_Props = {
     /** Describes the action for assistive tech users who can't easily reach it. */

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

@@ -1,6 +1,16 @@
 /**
- * Button that dismisses the toast when clicked. Renders inside `SkdxToast`
- * anywhere you like. Must be used inside `SkdxToast`.
+ * Close button for toast. Default aria-label="Dismiss" (suppressed if you
+ * provide aria-label or aria-labelledby).
+ *
+ * @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,6 +1,16 @@
 /**
- * Button that dismisses the toast when clicked. Renders inside `SkdxToast`
- * anywhere you like. Must be used inside `SkdxToast`.
+ * Close button for toast. Default aria-label="Dismiss" (suppressed if you
+ * provide aria-label or aria-labelledby).
+ *
+ * @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 s=require("./context.cjs");let e=require("vue");var r=(0,e.defineComponent)({__name:"ToastClose",setup(l){const t=(0,e.inject)(s.TOAST_CONTEXT);if(!t)throw new Error("SkdxToastClose must be used within SkdxToast.");function o(){t.onClose()}return(n,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-toast__close","data-part":"close",type:"button",onClick:o},[(0,e.renderSlot)(n.$slots,"default")]))}});exports.default=r;
+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;

package/dist/toast/ToastClose.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOAST_CONTEXT as t}from"./context.js";import{createElementBlock as o,defineComponent as e,inject as s,openBlock as a,renderSlot as n}from"vue";var r=/* @__PURE__ */e({__name:"ToastClose",setup(e){const r=s(t);if(!r)throw new Error("SkdxToastClose must be used within SkdxToast.");function l(){r.onClose()}return(t,e)=>(a(),o("button",{class:"skdx-toast__close","data-part":"close",type:"button",onClick:l},[n(t.$slots,"default")]))}});export{r as default};
+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};

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

@@ -1,4 +1,9 @@
-/** The toast's body text: renders a plain `<div>`. */
+/**
+ * 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.
+ */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,4 +1,9 @@
-/** The toast's body text: renders a plain `<div>`. */
+/**
+ * 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.
+ */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/toast/ToastDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var r={class:"skdx-toast__description","data-part":"description"},s=(0,e.defineComponent)({__name:"ToastDescription",setup(_){return(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=s;
+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;

package/dist/toast/ToastDescription.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as t,openBlock as a,renderSlot as s}from"vue";var o={class:"skdx-toast__description","data-part":"description"},r=/* @__PURE__ */t({__name:"ToastDescription",setup:t=>(t,r)=>(a(),e("div",o,[s(t.$slots,"default")]))});export{r as default};
+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};