@skdx/vue 0.27.0 → 0.28.0

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

@@ -1,15 +1,30 @@
 /**
- * App-level ancestor that supplies default toast `duration`, the accessible
- * region `label`, and a persistent `aria-live` announcer used by every
- * descendant `SkdxToast`. Renders its children plus two visually-hidden live
- * regions (`polite`/`assertive`) — mount once near the root of your app,
- * alongside a `SkdxToastViewport`.
+ * 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.
  */
 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.
+     */
+    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"`.
+     */
+    swipeThreshold?: number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -18,6 +33,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     label: string;
     duration: number;
+    swipeDirection: "up" | "down" | "left" | "right" | "start" | "end";
+    swipeThreshold: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,15 +1,30 @@
 /**
- * App-level ancestor that supplies default toast `duration`, the accessible
- * region `label`, and a persistent `aria-live` announcer used by every
- * descendant `SkdxToast`. Renders its children plus two visually-hidden live
- * regions (`polite`/`assertive`) — mount once near the root of your app,
- * alongside a `SkdxToastViewport`.
+ * 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.
  */
 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.
+     */
+    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"`.
+     */
+    swipeThreshold?: number;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -18,6 +33,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     label: string;
     duration: number;
+    swipeDirection: "up" | "down" | "left" | "right" | "start" | "end";
+    swipeThreshold: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/toast/ToastProvider.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const c=require("./context.cjs");let e=require("vue");var p=(0,e.defineComponent)({inheritAttrs:!1,__name:"ToastProvider",props:{label:{default:"Notification"},duration:{default:5e3}},setup(u){const n=u,a={position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},s=(0,e.ref)(null),o=(0,e.ref)(null),i=(0,e.ref)(null);function d(t,l){const r=l==="assertive"?i.value:o.value;!r||!t||(r.textContent="",window.setTimeout(()=>{r.textContent=t},0))}return(0,e.provide)(c.TOAST_PROVIDER_CONTEXT,{get label(){return n.label},get duration(){return n.duration},viewportRef:s,announce:d}),(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.renderSlot)(t.$slots,"default"),(0,e.createElementVNode)("div",{ref_key:"politeRef",ref:o,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite",style:a},null,512),(0,e.createElementVNode)("div",{ref_key:"assertiveRef",ref:i,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive",style:a},null,512)],64))}});exports.default=p;
+const p=require("./context.cjs");let e=require("vue");var c=(0,e.defineComponent)({inheritAttrs:!1,__name:"ToastProvider",props:{label:{default:"Notification"},duration:{default:5e3},swipeDirection:{default:"end"},swipeThreshold:{default:50}},setup(s){const t=s,i={position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},u=(0,e.ref)(null),o=(0,e.ref)(null),a=(0,e.ref)(null);function d(r,l){const n=l==="assertive"?a.value:o.value;!n||!r||(n.textContent="",window.setTimeout(()=>{n.textContent=r},0))}return(0,e.provide)(p.TOAST_PROVIDER_CONTEXT,{get label(){return t.label},get duration(){return t.duration},get swipeDirection(){return t.swipeDirection},get swipeThreshold(){return t.swipeThreshold},viewportRef:u,announce:d}),(r,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.renderSlot)(r.$slots,"default"),(0,e.createElementVNode)("div",{ref_key:"politeRef",ref:o,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite",style:i},null,512),(0,e.createElementVNode)("div",{ref_key:"assertiveRef",ref:a,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive",style:i},null,512)],64))}});exports.default=c;

package/dist/toast/ToastProvider.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOAST_PROVIDER_CONTEXT as e}from"./context.js";import{Fragment as t,createElementBlock as a,createElementVNode as r,defineComponent as o,openBlock as n,provide as i,ref as l,renderSlot as s}from"vue";var u=/* @__PURE__ */o({inheritAttrs:!1,__name:"ToastProvider",props:{label:{default:"Notification"},duration:{default:5e3}},setup(o){const u=o,d={position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},p=l(null),f=l(null),c=l(null);return i(e,{get label(){return u.label},get duration(){return u.duration},viewportRef:p,announce:function(e,t){const a="assertive"===t?c.value:f.value;!a||!e||(a.textContent="",window.setTimeout(()=>{a.textContent=e},0))}}),(e,o)=>(n(),a(t,null,[s(e.$slots,"default"),r("div",{ref_key:"politeRef",ref:f,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite",style:d},null,512),r("div",{ref_key:"assertiveRef",ref:c,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive",style:d},null,512)],64))}});export{u as default};
+import{TOAST_PROVIDER_CONTEXT as e}from"./context.js";import{Fragment as t,createElementBlock as r,createElementVNode as a,defineComponent as i,openBlock as o,provide as n,ref as l,renderSlot as s}from"vue";var u=/* @__PURE__ */i({inheritAttrs:!1,__name:"ToastProvider",props:{label:{default:"Notification"},duration:{default:5e3},swipeDirection:{default:"end"},swipeThreshold:{default:50}},setup(i){const u=i,d={position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap"},p=l(null),c=l(null),f=l(null);return n(e,{get label(){return u.label},get duration(){return u.duration},get swipeDirection(){return u.swipeDirection},get swipeThreshold(){return u.swipeThreshold},viewportRef:p,announce:function(e,t){const r="assertive"===t?f.value:c.value;!r||!e||(r.textContent="",window.setTimeout(()=>{r.textContent=e},0))}}),(e,i)=>(o(),r(t,null,[s(e.$slots,"default"),a("div",{ref_key:"politeRef",ref:c,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite",style:d},null,512),a("div",{ref_key:"assertiveRef",ref:f,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive",style:d},null,512)],64))}});export{u as default};

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

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

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

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

package/dist/toast/ToastTitle.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/toast/ToastTitle.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,17 +1,22 @@
 /**
- * Fixed, portaled `<div role="region">` that hosts rendered `SkdxToast`s in
- * order, labelled via the ancestor `SkdxToastProvider`'s `label`. Render once,
- * near the end of the app, alongside `SkdxToastProvider`.
- *
- * As a landmark it's reachable with **F6** (and **Shift+F6** to leave), and
- * it puts focus back where it was when the toast holding focus is removed.
+ * 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.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Keys to focus region (Alt / Control / Meta + key); Shift + key to leave.
+     * @default ['F6']
+     */
+    hotkey?: readonly string[];
+};
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    hotkey: readonly string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,17 +1,22 @@
 /**
- * Fixed, portaled `<div role="region">` that hosts rendered `SkdxToast`s in
- * order, labelled via the ancestor `SkdxToastProvider`'s `label`. Render once,
- * near the end of the app, alongside `SkdxToastProvider`.
- *
- * As a landmark it's reachable with **F6** (and **Shift+F6** to leave), and
- * it puts focus back where it was when the toast holding focus is removed.
+ * 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.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Keys to focus region (Alt / Control / Meta + key); Shift + key to leave.
+     * @default ['F6']
+     */
+    hotkey?: readonly string[];
+};
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    hotkey: readonly string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/toast/ToastViewport.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("../utils/composeRefs.cjs"),u=require("./context.cjs"),l=require("./region-focus.cjs");let e=require("vue");var d=["aria-label"],c=(0,e.defineComponent)({inheritAttrs:!1,__name:"ToastViewport",setup(_){const t=(0,e.inject)(u.TOAST_PROVIDER_CONTEXT);if(!t)throw new Error("SkdxToastViewport must be used within SkdxToastProvider.");const r=(0,e.ref)(null),n=a.composeRefs(r,t.viewportRef),o=(0,e.ref)(!1);let s;return(0,e.onMounted)(()=>{o.value=!0,r.value&&(s=l.wireRegionFocus(r.value))}),(0,e.onBeforeUnmount)(()=>s?.()),(i,f)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:"body",disabled:!o.value},[(0,e.createElementVNode)("div",(0,e.mergeProps)({class:"skdx-toast__viewport","data-part":"viewport",ref:(0,e.unref)(n),role:"region","aria-label":(0,e.unref)(t).label,tabindex:"-1",style:{position:"fixed"}},i.$attrs),[(0,e.renderSlot)(i.$slots,"default")],16,d)],8,["disabled"]))}});exports.default=c;
+const c=require("../utils/composeRefs.cjs"),d=require("./context.cjs"),r=require("./region-focus.cjs");let e=require("vue");var f=["aria-label"],p=(0,e.defineComponent)({inheritAttrs:!1,__name:"ToastViewport",props:{hotkey:{default:()=>r.DEFAULT_TOAST_HOTKEY}},setup(u){const s=u,o=(0,e.inject)(d.TOAST_PROVIDER_CONTEXT);if(!o)throw new Error("SkdxToastViewport must be used within SkdxToastProvider.");const n=(0,e.ref)(null),l=c.composeRefs(n,o.viewportRef),i=(0,e.ref)(!1);let a;return(0,e.onMounted)(()=>{i.value=!0;const t=n.value;t&&(a=r.wireRegionFocus(t,s.hotkey))}),(0,e.onBeforeUnmount)(()=>a?.()),(t,_)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:"body",disabled:!i.value},[(0,e.createElementVNode)("div",(0,e.mergeProps)({class:"skdx-toast__viewport","data-part":"viewport",ref:(0,e.unref)(l),role:"region","aria-label":`${(0,e.unref)(o).label} (${(0,e.unref)(r.formatHotkey)(s.hotkey)})`,tabindex:"-1",style:{position:"fixed"}},t.$attrs),[(0,e.renderSlot)(t.$slots,"default")],16,f)],8,["disabled"]))}});exports.default=p;

package/dist/toast/ToastViewport.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{TOAST_PROVIDER_CONTEXT as o}from"./context.js";import{wireRegionFocus as t}from"./region-focus.js";import{Teleport as s,createBlock as a,createElementVNode as r,defineComponent as i,inject as l,mergeProps as n,onBeforeUnmount as d,onMounted as p,openBlock as u,ref as f,renderSlot as m,unref as c}from"vue";var v=["aria-label"],w=/* @__PURE__ */i({inheritAttrs:!1,__name:"ToastViewport",setup(i){const w=l(o);if(!w)throw new Error("SkdxToastViewport must be used within SkdxToastProvider.");const b=f(null),T=e(b,w.viewportRef),x=f(!1);let R;return p(()=>{x.value=!0,b.value&&(R=t(b.value))}),d(()=>R?.()),(e,o)=>(u(),a(s,{to:"body",disabled:!x.value},[r("div",n({class:"skdx-toast__viewport","data-part":"viewport",ref:c(T),role:"region","aria-label":c(w).label,tabindex:"-1",style:{position:"fixed"}},e.$attrs),[m(e.$slots,"default")],16,v)],8,["disabled"]))}});export{w as default};
+import{composeRefs as e}from"../utils/composeRefs.js";import{TOAST_PROVIDER_CONTEXT as o}from"./context.js";import{DEFAULT_TOAST_HOTKEY as t,formatHotkey as s,wireRegionFocus as a}from"./region-focus.js";import{Teleport as r,createBlock as i,createElementVNode as n,defineComponent as l,inject as d,mergeProps as p,onBeforeUnmount as f,onMounted as u,openBlock as m,ref as c,renderSlot as T,unref as v}from"vue";var k=["aria-label"],w=/* @__PURE__ */l({inheritAttrs:!1,__name:"ToastViewport",props:{hotkey:{default:()=>t}},setup(t){const l=t,w=d(o);if(!w)throw new Error("SkdxToastViewport must be used within SkdxToastProvider.");const b=c(null),_=e(b,w.viewportRef),x=c(!1);let h;return u(()=>{x.value=!0;const e=b.value;e&&(h=a(e,l.hotkey))}),f(()=>h?.()),(e,o)=>(m(),i(r,{to:"body",disabled:!x.value},[n("div",p({class:"skdx-toast__viewport","data-part":"viewport",ref:v(_),role:"region","aria-label":`${v(w).label} (${v(s)(l.hotkey)})`,tabindex:"-1",style:{position:"fixed"}},e.$attrs),[T(e.$slots,"default")],16,k)],8,["disabled"]))}});export{w as default};

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

@@ -1,13 +1,7 @@
 import { type ToasterStore } from './toaster.cjs';
 /**
- * Renders a `createToaster` queue: an `SkdxToastProvider` + `SkdxToastViewport`
- * region hosting one `SkdxToast` per visible entry. Mount it once near the
- * root of your app; everything after that is imperative
- * (`toaster.create({ title })`) from anywhere.
- *
- * The viewport is a labelled `region` landmark: **F6** moves focus into it
- * from anywhere on the page, **Shift+F6** returns focus to where it was, and
- * focus is restored automatically when the toast holding it is removed.
+ * Renders a toaster queue with `SkdxToastProvider` + `SkdxToastViewport`.
+ * Viewport is a landmark; **F6** enters it, **Shift+F6** exits, focus auto-restores when toast removed.
  */
 type __VLS_Props = {
     /** The queue to render, from `createToaster`. */

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

@@ -1,13 +1,7 @@
 import { type ToasterStore } from './toaster.js';
 /**
- * Renders a `createToaster` queue: an `SkdxToastProvider` + `SkdxToastViewport`
- * region hosting one `SkdxToast` per visible entry. Mount it once near the
- * root of your app; everything after that is imperative
- * (`toaster.create({ title })`) from anywhere.
- *
- * The viewport is a labelled `region` landmark: **F6** moves focus into it
- * from anywhere on the page, **Shift+F6** returns focus to where it was, and
- * focus is restored automatically when the toast holding it is removed.
+ * Renders a toaster queue with `SkdxToastProvider` + `SkdxToastViewport`.
+ * Viewport is a landmark; **F6** enters it, **Shift+F6** exits, focus auto-restores when toast removed.
  */
 type __VLS_Props = {
     /** The queue to render, from `createToaster`. */

package/dist/toast/Toaster.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./ToastProvider.vue.cjs"),s=require("./ToastViewport.vue.cjs"),p=require("./Toast.vue.cjs"),f=require("./ToastTitle.vue.cjs"),_=require("./ToastDescription.vue.cjs"),T=require("./ToastAction.vue.cjs"),k=require("./ToastClose.vue.cjs"),i=require("./toaster.cjs");let e=require("vue");var C=(0,e.defineComponent)({inheritAttrs:!1,__name:"Toaster",props:{toaster:{}},setup(r){const n=r,u=i.useToasterRef(()=>n.toaster);function c(o,a){o||n.toaster.dismiss(a)}return(o,a)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{label:r.toaster.label,duration:r.toaster.duration},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(s.default,(0,e.mergeProps)({"data-placement":r.toaster.placement},o.$attrs),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(u),t=>((0,e.openBlock)(),(0,e.createBlock)(p.default,{key:`${t.id}:${t.revision}`,role:(0,e.unref)(i.TOAST_ROLE_BY_TYPE)[t.type],type:(0,e.unref)(i.TOAST_POLITENESS_BY_TYPE)[t.type],duration:t.duration??(t.type==="loading"?1/0:void 0),"data-type":t.type,onOpenChange:l=>c(l,t.id)},{default:(0,e.withCtx)(()=>[t.title?((0,e.openBlock)(),(0,e.createBlock)(f.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.action?((0,e.openBlock)(),(0,e.createBlock)(T.default,{key:2,"alt-text":t.action.altText,onClick:l=>t.action.onClick?.()},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.action.label),1)]),_:2},1032,["alt-text","onClick"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(k.default,{"aria-label":t.closeLabel??"Dismiss"},{default:(0,e.withCtx)(()=>[...a[0]||(a[0]=[(0,e.createTextVNode)("×",-1)])]),_:1},8,["aria-label"])]),_:2},1032,["role","type","duration","data-type","onOpenChange"]))),128))]),_:1},16,["data-placement"])]),_:1},8,["label","duration"]))}});exports.default=C;
+const d=require("./Toast.vue.cjs"),s=require("./ToastAction.vue.cjs"),p=require("./ToastClose.vue.cjs"),f=require("./ToastDescription.vue.cjs"),o=require("./toaster.cjs"),T=require("./ToastProvider.vue.cjs"),_=require("./ToastTitle.vue.cjs"),k=require("./ToastViewport.vue.cjs");let e=require("vue");var C=(0,e.defineComponent)({inheritAttrs:!1,__name:"Toaster",props:{toaster:{}},setup(r){const n=r,u=o.useToasterRef(()=>n.toaster);function c(i,a){i||n.toaster.dismiss(a)}return(i,a)=>((0,e.openBlock)(),(0,e.createBlock)(T.default,{label:r.toaster.label,duration:r.toaster.duration},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(k.default,(0,e.mergeProps)({"data-placement":r.toaster.placement},i.$attrs),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(u),t=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:`${t.id}:${t.revision}`,type:(0,e.unref)(o.TOAST_POLITENESS_BY_TYPE)[t.type],duration:t.duration??(t.type==="loading"?1/0:void 0),"data-type":t.type,"data-status":(0,e.unref)(o.TOAST_STATUS_BY_TYPE)[t.type],onOpenChange:l=>c(l,t.id)},{default:(0,e.withCtx)(()=>[t.title?((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)(f.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.action?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:2,"alt-text":t.action.altText,onClick:l=>t.action.onClick?.()},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.action.label),1)]),_:2},1032,["alt-text","onClick"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(p.default,{"aria-label":t.closeLabel??"Dismiss"},{default:(0,e.withCtx)(()=>[...a[0]||(a[0]=[(0,e.createTextVNode)("×",-1)])]),_:1},8,["aria-label"])]),_:2},1032,["type","duration","data-type","data-status","onOpenChange"]))),128))]),_:1},16,["data-placement"])]),_:1},8,["label","duration"]))}});exports.default=C;

package/dist/toast/Toaster.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import t from"./ToastProvider.vue.js";import e from"./ToastViewport.vue.js";import a from"./Toast.vue.js";import o from"./ToastTitle.vue.js";import r from"./ToastDescription.vue.js";import s from"./ToastAction.vue.js";import i from"./ToastClose.vue.js";import{TOAST_POLITENESS_BY_TYPE as l,TOAST_ROLE_BY_TYPE as n,useToasterRef as p}from"./toaster.js";import{Fragment as d,createBlock as m,createCommentVNode as u,createElementBlock as c,createTextVNode as f,createVNode as T,defineComponent as _,mergeProps as y,openBlock as v,renderList as k,toDisplayString as C,unref as j,withCtx as b}from"vue";var g=/* @__PURE__ */_({inheritAttrs:!1,__name:"Toaster",props:{toaster:{}},setup(_){const g=_,x=p(()=>g.toaster);return(p,E)=>(v(),m(t,{label:_.toaster.label,duration:_.toaster.duration},{default:b(()=>[T(e,y({"data-placement":_.toaster.placement},p.$attrs),{default:b(()=>[(v(!0),c(d,null,k(j(x),t=>(v(),m(a,{key:`${t.id}:${t.revision}`,role:j(n)[t.type],type:j(l)[t.type],duration:t.duration??("loading"===t.type?1/0:void 0),"data-type":t.type,onOpenChange:e=>function(t,e){t||g.toaster.dismiss(e)}(e,t.id)},{default:b(()=>[t.title?(v(),m(o,{key:0},{default:b(()=>[f(C(t.title),1)]),_:2},1024)):u("",!0),t.description?(v(),m(r,{key:1},{default:b(()=>[f(C(t.description),1)]),_:2},1024)):u("",!0),t.action?(v(),m(s,{key:2,"alt-text":t.action.altText,onClick:e=>t.action.onClick?.()},{default:b(()=>[f(C(t.action.label),1)]),_:2},1032,["alt-text","onClick"])):u("",!0),T(i,{"aria-label":t.closeLabel??"Dismiss"},{default:b(()=>[...E[0]||(E[0]=[f("×",-1)])]),_:1},8,["aria-label"])]),_:2},1032,["role","type","duration","data-type","onOpenChange"]))),128))]),_:1},16,["data-placement"])]),_:1},8,["label","duration"]))}});export{g as default};
+import t from"./Toast.vue.js";import e from"./ToastAction.vue.js";import a from"./ToastClose.vue.js";import o from"./ToastDescription.vue.js";import{TOAST_POLITENESS_BY_TYPE as s,TOAST_STATUS_BY_TYPE as r,useToasterRef as i}from"./toaster.js";import n from"./ToastProvider.vue.js";import l from"./ToastTitle.vue.js";import p from"./ToastViewport.vue.js";import{Fragment as d,createBlock as m,createCommentVNode as u,createElementBlock as c,createTextVNode as f,createVNode as T,defineComponent as _,mergeProps as y,openBlock as v,renderList as k,toDisplayString as C,unref as j,withCtx as b}from"vue";var S=/* @__PURE__ */_({inheritAttrs:!1,__name:"Toaster",props:{toaster:{}},setup(_){const S=_,g=i(()=>S.toaster);return(i,x)=>(v(),m(n,{label:_.toaster.label,duration:_.toaster.duration},{default:b(()=>[T(p,y({"data-placement":_.toaster.placement},i.$attrs),{default:b(()=>[(v(!0),c(d,null,k(j(g),i=>(v(),m(t,{key:`${i.id}:${i.revision}`,type:j(s)[i.type],duration:i.duration??("loading"===i.type?1/0:void 0),"data-type":i.type,"data-status":j(r)[i.type],onOpenChange:t=>function(t,e){t||S.toaster.dismiss(e)}(t,i.id)},{default:b(()=>[i.title?(v(),m(l,{key:0},{default:b(()=>[f(C(i.title),1)]),_:2},1024)):u("",!0),i.description?(v(),m(o,{key:1},{default:b(()=>[f(C(i.description),1)]),_:2},1024)):u("",!0),i.action?(v(),m(e,{key:2,"alt-text":i.action.altText,onClick:t=>i.action.onClick?.()},{default:b(()=>[f(C(i.action.label),1)]),_:2},1032,["alt-text","onClick"])):u("",!0),T(a,{"aria-label":i.closeLabel??"Dismiss"},{default:b(()=>[...x[0]||(x[0]=[f("×",-1)])]),_:1},8,["aria-label"])]),_:2},1032,["type","duration","data-type","data-status","onOpenChange"]))),128))]),_:1},16,["data-placement"])]),_:1},8,["label","duration"]))}});export{S as default};

package/dist/toast/context.d.cts

@@ -1,10 +1,22 @@
 import type { InjectionKey, Ref } from 'vue';
+/**
+ * Which way a toast is dragged to dismiss it. `'start'`/`'end'` are logical and
+ * resolve against the toast's own writing direction; the four physical values
+ * are absolute.
+ */
+export type ToastSwipeDirection = 'up' | 'down' | 'left' | 'right' | 'start' | 'end';
+/** The phase a swipe is in, published as `data-swipe` on the toast root. */
+export type ToastSwipePhase = 'start' | 'move' | 'cancel' | 'end';
 /** @internal Injection key a ToastProvider provides so ToastViewport/Toast can read shared state. */
 export interface ToastProviderContext {
     label: string;
     duration: number;
+    /** Logical swipe direction to dismiss; resolved per toast. */
+    swipeDirection: ToastSwipeDirection;
+    /** Drag distance (px) along swipeDirection to dismiss. */
+    swipeThreshold: number;
     viewportRef: Ref<HTMLElement | null>;
-    /** Copies a toast's text into a persistent live region so screen readers reliably announce it. */
+    /** Announce message via persistent live region. */
     announce(message: string, priority: 'polite' | 'assertive'): void;
 }
 /** @internal Injection key a ToastProvider provides so its Viewport/Toast descendants share timing and the announce region. */
@@ -12,6 +24,14 @@ export declare const TOAST_PROVIDER_CONTEXT: InjectionKey<ToastProviderContext>;
 /** @internal Injection key a single Toast provides so its parts (Action/Close) can close it. */
 export interface ToastContext {
     onClose(): void;
+    /** Title id; root's aria-labelledby when present. */
+    titleId: string;
+    /** Description id; root's aria-describedby when present. */
+    descriptionId: string;
+    /** Register Title presence. */
+    setHasTitle(present: boolean): void;
+    /** Register Description presence. */
+    setHasDescription(present: boolean): void;
 }
 /** @internal Injection key a single Toast provides so its Action/Close parts can dismiss it. */
 export declare const TOAST_CONTEXT: InjectionKey<ToastContext>;

package/dist/toast/context.d.ts

@@ -1,10 +1,22 @@
 import type { InjectionKey, Ref } from 'vue';
+/**
+ * Which way a toast is dragged to dismiss it. `'start'`/`'end'` are logical and
+ * resolve against the toast's own writing direction; the four physical values
+ * are absolute.
+ */
+export type ToastSwipeDirection = 'up' | 'down' | 'left' | 'right' | 'start' | 'end';
+/** The phase a swipe is in, published as `data-swipe` on the toast root. */
+export type ToastSwipePhase = 'start' | 'move' | 'cancel' | 'end';
 /** @internal Injection key a ToastProvider provides so ToastViewport/Toast can read shared state. */
 export interface ToastProviderContext {
     label: string;
     duration: number;
+    /** Logical swipe direction to dismiss; resolved per toast. */
+    swipeDirection: ToastSwipeDirection;
+    /** Drag distance (px) along swipeDirection to dismiss. */
+    swipeThreshold: number;
     viewportRef: Ref<HTMLElement | null>;
-    /** Copies a toast's text into a persistent live region so screen readers reliably announce it. */
+    /** Announce message via persistent live region. */
     announce(message: string, priority: 'polite' | 'assertive'): void;
 }
 /** @internal Injection key a ToastProvider provides so its Viewport/Toast descendants share timing and the announce region. */
@@ -12,6 +24,14 @@ export declare const TOAST_PROVIDER_CONTEXT: InjectionKey<ToastProviderContext>;
 /** @internal Injection key a single Toast provides so its parts (Action/Close) can close it. */
 export interface ToastContext {
     onClose(): void;
+    /** Title id; root's aria-labelledby when present. */
+    titleId: string;
+    /** Description id; root's aria-describedby when present. */
+    descriptionId: string;
+    /** Register Title presence. */
+    setHasTitle(present: boolean): void;
+    /** Register Description presence. */
+    setHasDescription(present: boolean): void;
 }
 /** @internal Injection key a single Toast provides so its Action/Close parts can dismiss it. */
 export declare const TOAST_CONTEXT: InjectionKey<ToastContext>;

package/dist/toast/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ToastProvider.vue.cjs"),t=require("./ToastViewport.vue.cjs"),o=require("./Toast.vue.cjs"),s=require("./ToastTitle.vue.cjs"),a=require("./ToastDescription.vue.cjs"),i=require("./ToastAction.vue.cjs"),T=require("./ToastClose.vue.cjs"),e=require("./toaster.cjs"),u=require("./Toaster.vue.cjs");exports.DEFAULT_TOAST_DURATION=e.DEFAULT_TOAST_DURATION;exports.SkdxToast=o.default;exports.SkdxToastAction=i.default;exports.SkdxToastClose=T.default;exports.SkdxToastDescription=a.default;exports.SkdxToastProvider=r.default;exports.SkdxToastTitle=s.default;exports.SkdxToastViewport=t.default;exports.SkdxToaster=u.default;exports.createToaster=e.createToaster;exports.useToaster=e.useToaster;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./toaster.cjs"),r=require("./Toaster.vue.cjs");exports.DEFAULT_TOAST_DURATION=e.DEFAULT_TOAST_DURATION;exports.SkdxToaster=r.default;exports.createToaster=e.createToaster;exports.useToaster=e.useToaster;

package/dist/toast/index.d.cts

@@ -1,10 +1,3 @@
-export { default as SkdxToastProvider } from './ToastProvider.vue.cjs';
-export { default as SkdxToastViewport } from './ToastViewport.vue.cjs';
-export { default as SkdxToast } from './Toast.vue.cjs';
-export { default as SkdxToastTitle } from './ToastTitle.vue.cjs';
-export { default as SkdxToastDescription } from './ToastDescription.vue.cjs';
-export { default as SkdxToastAction } from './ToastAction.vue.cjs';
-export { default as SkdxToastClose } from './ToastClose.vue.cjs';
 export { default as SkdxToaster } from './Toaster.vue.cjs';
 export { createToaster, useToaster, DEFAULT_TOAST_DURATION } from './toaster.cjs';
 export type { ToasterStore, ToasterOptions, ToasterPromiseMessages, ToasterToast, ToasterToastAction, ToasterToastOptions, ToasterToastType, ToastPlacement, } from './toaster.cjs';

package/dist/toast/index.d.ts

@@ -1,10 +1,3 @@
-export { default as SkdxToastProvider } from './ToastProvider.vue.js';
-export { default as SkdxToastViewport } from './ToastViewport.vue.js';
-export { default as SkdxToast } from './Toast.vue.js';
-export { default as SkdxToastTitle } from './ToastTitle.vue.js';
-export { default as SkdxToastDescription } from './ToastDescription.vue.js';
-export { default as SkdxToastAction } from './ToastAction.vue.js';
-export { default as SkdxToastClose } from './ToastClose.vue.js';
 export { default as SkdxToaster } from './Toaster.vue.js';
 export { createToaster, useToaster, DEFAULT_TOAST_DURATION } from './toaster.js';
 export type { ToasterStore, ToasterOptions, ToasterPromiseMessages, ToasterToast, ToasterToastAction, ToasterToastOptions, ToasterToastType, ToastPlacement, } from './toaster.js';

package/dist/toast/index.js

@@ -1 +1 @@
-import o from"./ToastProvider.vue.js";import s from"./ToastViewport.vue.js";import t from"./Toast.vue.js";import a from"./ToastTitle.vue.js";import r from"./ToastDescription.vue.js";import e from"./ToastAction.vue.js";import T from"./ToastClose.vue.js";import{DEFAULT_TOAST_DURATION as i,createToaster as m,useToaster as p}from"./toaster.js";import d from"./Toaster.vue.js";export{i as DEFAULT_TOAST_DURATION,t as SkdxToast,e as SkdxToastAction,T as SkdxToastClose,r as SkdxToastDescription,o as SkdxToastProvider,a as SkdxToastTitle,s as SkdxToastViewport,d as SkdxToaster,m as createToaster,p as useToaster};
+import{DEFAULT_TOAST_DURATION as s,createToaster as a,useToaster as e}from"./toaster.js";import r from"./Toaster.vue.js";export{s as DEFAULT_TOAST_DURATION,r as SkdxToaster,a as createToaster,e as useToaster};

package/dist/toast/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Toast.vue.cjs"),t=require("./ToastAction.vue.cjs"),r=require("./ToastClose.vue.cjs"),o=require("./ToastDescription.vue.cjs"),i=require("./ToastProvider.vue.cjs"),s=require("./ToastTitle.vue.cjs"),a=require("./ToastViewport.vue.cjs");exports.SkdxToast=e.default;exports.SkdxToastAction=t.default;exports.SkdxToastClose=r.default;exports.SkdxToastDescription=o.default;exports.SkdxToastProvider=i.default;exports.SkdxToastTitle=s.default;exports.SkdxToastViewport=a.default;

package/dist/toast/primitives.d.cts

@@ -0,0 +1,32 @@
+/**
+ * Advanced primitives for `SkdxToaster` — the parts the recipe composes.
+ * Use when you need a different structure. `SkdxToast` is the single-notification
+ * toast the toaster renders per queue entry.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxToast, SkdxToastAction, SkdxToastClose, SkdxToastDescription, SkdxToastProvider, SkdxToastTitle, SkdxToastViewport } from '@skdx/vue/primitives/toast';
+ * </script>
+ *
+ * <template>
+ *   <SkdxToastProvider>
+ *     <SkdxToast v-model:open="open">
+ *       <SkdxToastTitle>Saved</SkdxToastTitle>
+ *       <SkdxToastDescription>Your changes are live.</SkdxToastDescription>
+ *       <SkdxToastAction alt-text="Undo the save" @click="undo">Undo</SkdxToastAction>
+ *       <SkdxToastClose aria-label="Dismiss">×</SkdxToastClose>
+ *     </SkdxToast>
+ *     <SkdxToastViewport />
+ *   </SkdxToastProvider>
+ * </template>
+ * ```
+ */
+export { default as SkdxToast } from './Toast.vue.cjs';
+export { default as SkdxToastProvider } from './ToastProvider.vue.cjs';
+export { default as SkdxToastViewport } from './ToastViewport.vue.cjs';
+export { default as SkdxToastTitle } from './ToastTitle.vue.cjs';
+export { default as SkdxToastDescription } from './ToastDescription.vue.cjs';
+export { default as SkdxToastAction } from './ToastAction.vue.cjs';
+export { default as SkdxToastClose } from './ToastClose.vue.cjs';
+export type { ToastSwipeDirection, ToastSwipePhase } from './context.cjs';

package/dist/toast/primitives.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Advanced primitives for `SkdxToaster` — the parts the recipe composes.
+ * Use when you need a different structure. `SkdxToast` is the single-notification
+ * toast the toaster renders per queue entry.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxToast, SkdxToastAction, SkdxToastClose, SkdxToastDescription, SkdxToastProvider, SkdxToastTitle, SkdxToastViewport } from '@skdx/vue/primitives/toast';
+ * </script>
+ *
+ * <template>
+ *   <SkdxToastProvider>
+ *     <SkdxToast v-model:open="open">
+ *       <SkdxToastTitle>Saved</SkdxToastTitle>
+ *       <SkdxToastDescription>Your changes are live.</SkdxToastDescription>
+ *       <SkdxToastAction alt-text="Undo the save" @click="undo">Undo</SkdxToastAction>
+ *       <SkdxToastClose aria-label="Dismiss">×</SkdxToastClose>
+ *     </SkdxToast>
+ *     <SkdxToastViewport />
+ *   </SkdxToastProvider>
+ * </template>
+ * ```
+ */
+export { default as SkdxToast } from './Toast.vue.js';
+export { default as SkdxToastProvider } from './ToastProvider.vue.js';
+export { default as SkdxToastViewport } from './ToastViewport.vue.js';
+export { default as SkdxToastTitle } from './ToastTitle.vue.js';
+export { default as SkdxToastDescription } from './ToastDescription.vue.js';
+export { default as SkdxToastAction } from './ToastAction.vue.js';
+export { default as SkdxToastClose } from './ToastClose.vue.js';
+export type { ToastSwipeDirection, ToastSwipePhase } from './context.js';

package/dist/toast/primitives.js

@@ -0,0 +1 @@
+import o from"./Toast.vue.js";import s from"./ToastAction.vue.js";import t from"./ToastClose.vue.js";import r from"./ToastDescription.vue.js";import a from"./ToastProvider.vue.js";import i from"./ToastTitle.vue.js";import e from"./ToastViewport.vue.js";export{o as SkdxToast,s as SkdxToastAction,t as SkdxToastClose,r as SkdxToastDescription,a as SkdxToastProvider,i as SkdxToastTitle,e as SkdxToastViewport};

package/dist/toast/region-focus.cjs

@@ -1 +1 @@
-function f(t){let n=document.activeElement;for(;n;){if(t.contains(n))return!0;n=n.shadowRoot?.activeElement??null}return!1}function a(t){let n=null;const o=()=>{const e=n;n=null,e?.isConnected&&e.focus()},s=e=>{const c=e.composedPath();if(c.includes(t))return;const r=c[0];r instanceof HTMLElement&&(n=r)},i=e=>{e.key==="F6"&&(e.preventDefault(),e.shiftKey?o():f(t)||t.focus())},u=e=>{e.relatedTarget||window.setTimeout(()=>{f(t)||o()},0)};return document.addEventListener("focusin",s),document.addEventListener("keydown",i),t.addEventListener("focusout",u),()=>{document.removeEventListener("focusin",s),document.removeEventListener("keydown",i),t.removeEventListener("focusout",u)}}exports.wireRegionFocus=a;
+function f(e){let t=document.activeElement;for(;t;){if(e.contains(t))return!0;t=t.shadowRoot?.activeElement??null}return!1}var l=["F6"];function d(e,t){const o=t[t.length-1];if(o===void 0||e.key!==o)return!1;const s=t.slice(0,-1).map(i=>i.toLowerCase());return s.includes("alt")===e.altKey&&s.includes("control")===e.ctrlKey&&s.includes("meta")===e.metaKey}function m(e){return e.join("+")}function E(e,t=l){let o=null;const s=()=>{const n=o;o=null,n?.isConnected&&n.focus()},i=n=>{const u=n.composedPath();if(u.includes(e))return;const a=u[0];a instanceof HTMLElement&&(o=a)},c=n=>{d(n,t)&&(n.preventDefault(),n.shiftKey?s():f(e)||e.focus())},r=n=>{n.relatedTarget||window.setTimeout(()=>{f(e)||s()},0)};return document.addEventListener("focusin",i),document.addEventListener("keydown",c),e.addEventListener("focusout",r),()=>{document.removeEventListener("focusin",i),document.removeEventListener("keydown",c),e.removeEventListener("focusout",r)}}exports.DEFAULT_TOAST_HOTKEY=l;exports.formatHotkey=m;exports.wireRegionFocus=E;

package/dist/toast/region-focus.d.cts

@@ -1,13 +1,14 @@
 /**
- * Wires the toast region's keyboard traversal and focus recovery onto
- * `node`, and returns its own teardown.
- *
- * A toast never steals focus, so a keyboard user needs a way in: **F6** moves
- * focus to the region from anywhere on the page and **Shift+F6** returns it
- * to wherever it came from — the same landmark-hopping shortcut browsers use,
- * and what React Aria's toast spec prescribes. Focus is also restored
- * automatically when the toast currently holding it is removed (the
- * last-toast-closed case), which otherwise drops focus to `<body>` and loses
- * the user's place entirely.
+ * The region's entry shortcut when unconfigured.
  */
-export declare function wireRegionFocus(node: HTMLElement): () => void;
+export declare const DEFAULT_TOAST_HOTKEY: readonly string[];
+/**
+ * Formats the hotkey for announcement since a toast never steals focus.
+ */
+export declare function formatHotkey(hotkey: readonly string[]): string;
+/**
+ * Wires keyboard traversal for the toast region. `hotkey` (F6 by default) moves
+ * focus to it from anywhere; Shift+hotkey restores prior focus. Restores when
+ * a toast is removed. Configurable to avoid collisions with app pane traversal.
+ */
+export declare function wireRegionFocus(node: HTMLElement, hotkey?: readonly string[]): () => void;

package/dist/toast/region-focus.d.ts

@@ -1,13 +1,14 @@
 /**
- * Wires the toast region's keyboard traversal and focus recovery onto
- * `node`, and returns its own teardown.
- *
- * A toast never steals focus, so a keyboard user needs a way in: **F6** moves
- * focus to the region from anywhere on the page and **Shift+F6** returns it
- * to wherever it came from — the same landmark-hopping shortcut browsers use,
- * and what React Aria's toast spec prescribes. Focus is also restored
- * automatically when the toast currently holding it is removed (the
- * last-toast-closed case), which otherwise drops focus to `<body>` and loses
- * the user's place entirely.
+ * The region's entry shortcut when unconfigured.
  */
-export declare function wireRegionFocus(node: HTMLElement): () => void;
+export declare const DEFAULT_TOAST_HOTKEY: readonly string[];
+/**
+ * Formats the hotkey for announcement since a toast never steals focus.
+ */
+export declare function formatHotkey(hotkey: readonly string[]): string;
+/**
+ * Wires keyboard traversal for the toast region. `hotkey` (F6 by default) moves
+ * focus to it from anywhere; Shift+hotkey restores prior focus. Restores when
+ * a toast is removed. Configurable to avoid collisions with app pane traversal.
+ */
+export declare function wireRegionFocus(node: HTMLElement, hotkey?: readonly string[]): () => void;

package/dist/toast/region-focus.js

@@ -1 +1 @@
-function e(e){let n=document.activeElement;for(;n;){if(e.contains(n))return!0;n=n.shadowRoot?.activeElement??null}return!1}function n(n){let t=null;const o=()=>{const e=t;t=null,e?.isConnected&&e.focus()},s=e=>{const o=e.composedPath();if(o.includes(n))return;const s=o[0];s instanceof HTMLElement&&(t=s)},u=t=>{"F6"===t.key&&(t.preventDefault(),t.shiftKey?o():e(n)||n.focus())},c=t=>{t.relatedTarget||window.setTimeout(()=>{e(n)||o()},0)};return document.addEventListener("focusin",s),document.addEventListener("keydown",u),n.addEventListener("focusout",c),()=>{document.removeEventListener("focusin",s),document.removeEventListener("keydown",u),n.removeEventListener("focusout",c)}}export{n as wireRegionFocus};
+function e(e){let t=document.activeElement;for(;t;){if(e.contains(t))return!0;t=t.shadowRoot?.activeElement??null}return!1}var t=["F6"];function n(e){return e.join("+")}function o(n,o=t){let c=null;const s=()=>{const e=c;c=null,e?.isConnected&&e.focus()},r=e=>{const t=e.composedPath();if(t.includes(n))return;const o=t[0];o instanceof HTMLElement&&(c=o)},u=t=>{(function(e,t){const n=t[t.length-1];if(void 0===n||e.key!==n)return!1;const o=t.slice(0,-1).map(e=>e.toLowerCase());return o.includes("alt")===e.altKey&&o.includes("control")===e.ctrlKey&&o.includes("meta")===e.metaKey})(t,o)&&(t.preventDefault(),t.shiftKey?s():e(n)||n.focus())},i=t=>{t.relatedTarget||window.setTimeout(()=>{e(n)||s()},0)};return document.addEventListener("focusin",r),document.addEventListener("keydown",u),n.addEventListener("focusout",i),()=>{document.removeEventListener("focusin",r),document.removeEventListener("keydown",u),n.removeEventListener("focusout",i)}}export{t as DEFAULT_TOAST_HOTKEY,n as formatHotkey,o as wireRegionFocus};

package/dist/toast/toaster.cjs

@@ -1 +1 @@
-let a=require("vue");var x={info:"status",success:"status",loading:"status",warning:"alert",error:"alert"},O={info:"background",success:"background",loading:"background",warning:"foreground",error:"foreground"},E=5e3;function R(u={}){const{max:r=3,placement:f="bottom-end",duration:c=E,label:b="Notifications"}=u,o=[],d=new Set;let _=[],g=0;function T(){_=o.slice(0,r);for(const n of d)n()}function p(n){return d.add(n),()=>{d.delete(n)}}function S(){return _}function v(n={}){const e=n.id??`skdx-toast-${++g}`,t=o.findIndex(s=>s.id===e),i={type:"info",...n,id:e,revision:t<0?0:o[t].revision+1};return t<0?o.push(i):o[t]=i,T(),e}function l(n,e){const t=o.findIndex(s=>s.id===n);if(t<0)return;const i=o[t];o[t]={...i,...e,id:n,revision:i.revision+1},T()}function h(n){if(n===void 0){if(o.length===0)return;o.length=0}else{const e=o.findIndex(t=>t.id===n);if(e<0)return;o.splice(e,1)}T()}function A(n,e,t={}){const i=v({...t,...e.loading,type:"loading"});return n.then(s=>(l(i,{duration:void 0,...t,...typeof e.success=="function"?e.success(s):e.success,type:"success"}),s),s=>{throw l(i,{duration:void 0,...t,...typeof e.error=="function"?e.error(s):e.error,type:"error"}),s})}return{max:r,placement:f,duration:c,label:b,subscribe:p,getToasts:S,create:v,update:l,dismiss:h,promise:A}}function Y(u){const r=(0,a.shallowRef)(u.getToasts());return(0,a.onScopeDispose)(u.subscribe(()=>{r.value=u.getToasts()})),r}function w(u){const r=(0,a.shallowRef)([]);return(0,a.watchEffect)(f=>{const c=u();r.value=c.getToasts(),f(c.subscribe(()=>{r.value=c.getToasts()}))}),r}exports.DEFAULT_TOAST_DURATION=E;exports.TOAST_POLITENESS_BY_TYPE=O;exports.TOAST_ROLE_BY_TYPE=x;exports.createToaster=R;exports.useToaster=Y;exports.useToasterRef=w;
+let a=require("vue");var x={info:"background",success:"background",loading:"background",warning:"foreground",error:"foreground"},w={info:"info",success:"success",loading:"neutral",warning:"warning",error:"danger"},g=5e3;function Y(c={}){const{max:r=3,placement:f="bottom-end",duration:u=g,label:v="Notifications"}=c,o=[],T=new Set;let S=[],b=0;function d(){S=o.slice(0,r);for(const n of T)n()}function p(n){return T.add(n),()=>{T.delete(n)}}function A(){return S}function _(n={}){const e=n.id??`skdx-toast-${++b}`,t=o.findIndex(s=>s.id===e),i={type:"info",...n,id:e,revision:t<0?0:o[t].revision+1};return t<0?o.push(i):o[t]=i,d(),e}function l(n,e){const t=o.findIndex(s=>s.id===n);if(t<0)return;const i=o[t];o[t]={...i,...e,id:n,revision:i.revision+1},d()}function E(n){if(n===void 0){if(o.length===0)return;o.length=0}else{const e=o.findIndex(t=>t.id===n);if(e<0)return;o.splice(e,1)}d()}function h(n,e,t={}){const i=_({...t,...e.loading,type:"loading"});return n.then(s=>(l(i,{duration:void 0,...t,...typeof e.success=="function"?e.success(s):e.success,type:"success"}),s),s=>{throw l(i,{duration:void 0,...t,...typeof e.error=="function"?e.error(s):e.error,type:"error"}),s})}return{max:r,placement:f,duration:u,label:v,subscribe:p,getToasts:A,create:_,update:l,dismiss:E,promise:h}}function I(c){const r=(0,a.shallowRef)(c.getToasts());return(0,a.onScopeDispose)(c.subscribe(()=>{r.value=c.getToasts()})),r}function O(c){const r=(0,a.shallowRef)([]);return(0,a.watchEffect)(f=>{const u=c();r.value=u.getToasts(),f(u.subscribe(()=>{r.value=u.getToasts()}))}),r}exports.DEFAULT_TOAST_DURATION=g;exports.TOAST_POLITENESS_BY_TYPE=x;exports.TOAST_STATUS_BY_TYPE=w;exports.createToaster=Y;exports.useToaster=I;exports.useToasterRef=O;