@skdx/react 0.26.0 → 0.28.0

package/dist/timeline/primitives.d.cts

@@ -0,0 +1,25 @@
+/**
+ * Advanced primitives for `Timeline` — the parts the recipe composes. Use
+ * for full manual composition.
+ *
+ * @example
+ * ```tsx
+ * import { Timeline, TimelineContent, TimelineIndicator, TimelineItem, TimelineOpposite, TimelineSeparator } from '@skdx/react/primitives/timeline';
+ *
+ * <Timeline>
+ *   <TimelineItem>
+ *     <TimelineOpposite>09:41</TimelineOpposite>
+ *     <TimelineIndicator />
+ *     <TimelineSeparator />
+ *     <TimelineContent>Order placed</TimelineContent>
+ *   </TimelineItem>
+ * </Timeline>
+ * ```
+ */
+export { Timeline } from './Timeline.cjs';
+export { TimelineItem } from './TimelineItem.cjs';
+export { TimelineIndicator } from './TimelineIndicator.cjs';
+export { TimelineSeparator } from './TimelineSeparator.cjs';
+export { TimelineContent } from './TimelineContent.cjs';
+export { TimelineOpposite } from './TimelineOpposite.cjs';
+export type { TimelineProps, TimelineItemProps, TimelineIndicatorProps, TimelineSeparatorProps, TimelineContentProps, TimelineOppositeProps, } from './types.cjs';

package/dist/timeline/primitives.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Advanced primitives for `Timeline` — the parts the recipe composes. Use
+ * for full manual composition.
+ *
+ * @example
+ * ```tsx
+ * import { Timeline, TimelineContent, TimelineIndicator, TimelineItem, TimelineOpposite, TimelineSeparator } from '@skdx/react/primitives/timeline';
+ *
+ * <Timeline>
+ *   <TimelineItem>
+ *     <TimelineOpposite>09:41</TimelineOpposite>
+ *     <TimelineIndicator />
+ *     <TimelineSeparator />
+ *     <TimelineContent>Order placed</TimelineContent>
+ *   </TimelineItem>
+ * </Timeline>
+ * ```
+ */
+export { Timeline } from './Timeline.js';
+export { TimelineItem } from './TimelineItem.js';
+export { TimelineIndicator } from './TimelineIndicator.js';
+export { TimelineSeparator } from './TimelineSeparator.js';
+export { TimelineContent } from './TimelineContent.js';
+export { TimelineOpposite } from './TimelineOpposite.js';
+export type { TimelineProps, TimelineItemProps, TimelineIndicatorProps, TimelineSeparatorProps, TimelineContentProps, TimelineOppositeProps, } from './types.js';

package/dist/timeline/types.d.cts

@@ -1,9 +1,47 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+/** One entry of {@link TimelineProps.items} — a single event on the timeline. */
+export interface TimelineItem {
+    /** The event's body, rendered into the derived `TimelineContent`. */
+    content: React.ReactNode;
+    /**
+     * Metadata on the far side of the marker — a timestamp, an actor, an
+     * elapsed time — rendered into the derived `TimelineOpposite`.
+     * @default undefined — no opposite region is rendered.
+     */
+    opposite?: React.ReactNode;
+    /**
+     * What goes inside the derived `TimelineIndicator`: an icon, a number, a check. A
+     * childless indicator is decorative and stays `aria-hidden`; one with
+     * content means something and needs `indicatorLabel` to name it.
+     * @default undefined — a bare, decorative marker.
+     */
+    indicator?: React.ReactNode;
+    /**
+     * Accessible name for a non-decorative `indicator`.
+     * @default undefined — the indicator's own text names it.
+     */
+    indicatorLabel?: string;
+    /**
+     * Where the event sits in the sequence: complete, current, or pending.
+     * @default undefined — rendered without a state.
+     */
+    state?: 'complete' | 'current' | 'pending';
+}
 /** Props for the {@link Timeline} root. */
 export interface TimelineProps extends PrimitivePropsWithRef<'ol'> {
     /**
-     * Layout axis, exposed as `data-orientation`. Purely a styling hook — this
-     * component sets no ARIA orientation and does no keyboard handling.
+     * Events rendered into derived parts per entry. Ignored with `children`.
+     * @default undefined
+     */
+    items?: TimelineItem[];
+    /**
+     * Render custom body for each item's `content`. Ignored with `children`.
+     * @default undefined
+     */
+    renderContent?: (item: TimelineItem) => React.ReactNode;
+    /**
+     * Layout axis, exposed as `data-orientation` — purely a styling hook.
      * @default 'vertical'
      */
     orientation?: 'vertical' | 'horizontal';
@@ -20,3 +58,9 @@ export interface TimelineSeparatorProps extends PrimitivePropsWithRef<'div'> {
 /** Props for {@link TimelineContent}, the body content of a `TimelineItem`. */
 export interface TimelineContentProps extends PrimitivePropsWithRef<'div'> {
 }
+/**
+ * Props for {@link TimelineOpposite}, the metadata region on the far side of a
+ * `TimelineItem`'s marker — a timestamp, an actor, an elapsed time.
+ */
+export interface TimelineOppositeProps extends PrimitivePropsWithRef<'div'> {
+}

package/dist/timeline/types.d.ts

@@ -1,9 +1,47 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
+/** One entry of {@link TimelineProps.items} — a single event on the timeline. */
+export interface TimelineItem {
+    /** The event's body, rendered into the derived `TimelineContent`. */
+    content: React.ReactNode;
+    /**
+     * Metadata on the far side of the marker — a timestamp, an actor, an
+     * elapsed time — rendered into the derived `TimelineOpposite`.
+     * @default undefined — no opposite region is rendered.
+     */
+    opposite?: React.ReactNode;
+    /**
+     * What goes inside the derived `TimelineIndicator`: an icon, a number, a check. A
+     * childless indicator is decorative and stays `aria-hidden`; one with
+     * content means something and needs `indicatorLabel` to name it.
+     * @default undefined — a bare, decorative marker.
+     */
+    indicator?: React.ReactNode;
+    /**
+     * Accessible name for a non-decorative `indicator`.
+     * @default undefined — the indicator's own text names it.
+     */
+    indicatorLabel?: string;
+    /**
+     * Where the event sits in the sequence: complete, current, or pending.
+     * @default undefined — rendered without a state.
+     */
+    state?: 'complete' | 'current' | 'pending';
+}
 /** Props for the {@link Timeline} root. */
 export interface TimelineProps extends PrimitivePropsWithRef<'ol'> {
     /**
-     * Layout axis, exposed as `data-orientation`. Purely a styling hook — this
-     * component sets no ARIA orientation and does no keyboard handling.
+     * Events rendered into derived parts per entry. Ignored with `children`.
+     * @default undefined
+     */
+    items?: TimelineItem[];
+    /**
+     * Render custom body for each item's `content`. Ignored with `children`.
+     * @default undefined
+     */
+    renderContent?: (item: TimelineItem) => React.ReactNode;
+    /**
+     * Layout axis, exposed as `data-orientation` — purely a styling hook.
      * @default 'vertical'
      */
     orientation?: 'vertical' | 'horizontal';
@@ -20,3 +58,9 @@ export interface TimelineSeparatorProps extends PrimitivePropsWithRef<'div'> {
 /** Props for {@link TimelineContent}, the body content of a `TimelineItem`. */
 export interface TimelineContentProps extends PrimitivePropsWithRef<'div'> {
 }
+/**
+ * Props for {@link TimelineOpposite}, the metadata region on the far side of a
+ * `TimelineItem`'s marker — a timestamp, an actor, an elapsed time.
+ */
+export interface TimelineOppositeProps extends PrimitivePropsWithRef<'div'> {
+}

package/dist/toast/Toast.cjs

@@ -1 +1 @@
-"use strict";var wt=Object.create;var O=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var Ct=Object.getOwnPropertyNames;var bt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var ht=(t,e)=>{for(var n in e)O(t,n,{get:e[n],enumerable:!0})},z=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ct(e))!gt.call(t,i)&&i!==n&&O(t,i,{get:()=>e[i],enumerable:!(o=Et(e,i))||o.enumerable});return t};var P=(t,e,n)=>(n=t!=null?wt(bt(t)):{},z(e||!t||!t.__esModule?O(n,"default",{value:t,enumerable:!0}):n,t)),Lt=t=>z(O({},"__esModule",{value:!0}),t);var Ht={};ht(Ht,{DEFAULT_TOAST_DURATION:()=>Y,Toast:()=>V,ToastAction:()=>M,ToastClose:()=>A,ToastDescription:()=>H,ToastImplProvider:()=>j,ToastProvider:()=>L,ToastTitle:()=>N,ToastViewport:()=>D,Toaster:()=>q,createToaster:()=>xt,useToastContext:()=>k,useToaster:()=>$});module.exports=Lt(Ht);var m=P(require("react"),1),J=require("../utils/composeRefs.cjs"),Q=require("../utils/createContext.cjs"),W=require("../utils/part.cjs"),R=require("../utils/primitive.cjs"),X=require("../utils/useCallbackRef.cjs"),Z=require("../utils/useControllableState.cjs");var C=P(require("react"),1),G=require("../utils/createContext.cjs"),B=require("../utils/visuallyHidden.cjs"),h=require("react/jsx-runtime"),[kt,S]=(0,G.createSafeContext)("ToastProvider");function L({children:t,label:e="Notification",duration:n=5e3}){let o=C.useRef(null),i=C.useRef(null),r=C.useRef(null),c=C.useCallback((u,p)=>{let f=p==="assertive"?r.current:i.current;!f||!u||(f.textContent="",window.setTimeout(()=>{f.textContent=u},0))},[]);return(0,h.jsxs)(kt,{label:e,duration:n,viewportRef:o,announce:c,children:[t,(0,h.jsx)(B.VisuallyHidden,{ref:i,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite"}),(0,h.jsx)(B.VisuallyHidden,{ref:r,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive"})]})}L.displayName="ToastProvider";var K=require("react/jsx-runtime"),[j,k]=(0,Q.createSafeContext)("Toast"),V=m.forwardRef(({open:t,defaultOpen:e=!0,onOpenChange:n,duration:o,type:i="foreground",...r},c)=>{let u=S("Toast"),[p=!0,f]=(0,Z.useControllableState)({prop:t,defaultProp:e,onChange:n}),b=o??u.duration,E=(0,X.useCallbackRef)(()=>f(!1)),w=m.useRef(0),y=m.useRef(b),g=m.useRef(0),I=m.useRef(null),l=(0,J.useComposedRefs)(c,I);m.useEffect(()=>{if(!p)return;let T=I.current?.textContent??"";u.announce(T,i==="foreground"?"assertive":"polite")},[p]);let s=m.useCallback(()=>{Number.isFinite(y.current)&&(window.clearTimeout(w.current),g.current=Date.now(),w.current=window.setTimeout(E,y.current))},[E]),a=m.useCallback(()=>{window.clearTimeout(w.current),y.current-=Date.now()-g.current,g.current=Date.now()},[]);return m.useEffect(()=>{if(!p)return;y.current=b,s();let T=()=>{document.hidden?a():s()};return document.addEventListener("visibilitychange",T),window.addEventListener("pagehide",a),()=>{window.clearTimeout(w.current),document.removeEventListener("visibilitychange",T),window.removeEventListener("pagehide",a)}},[p,b,s,a]),p?(0,K.jsx)(j,{onClose:E,children:(0,K.jsx)(R.Primitive.div,{role:"status","data-state":p?"open":"closed",tabIndex:0,...r,...(0,W.skdxPart)("toast","root",r.className),ref:l,onPointerEnter:(0,R.composeEventHandlers)(r.onPointerEnter,a),onPointerLeave:(0,R.composeEventHandlers)(r.onPointerLeave,s),onFocus:(0,R.composeEventHandlers)(r.onFocus,a),onBlur:(0,R.composeEventHandlers)(r.onBlur,s),onKeyDown:(0,R.composeEventHandlers)(r.onKeyDown,T=>{T.key==="Escape"&&E()})})}):null});V.displayName="Toast";var x=P(require("react"),1),ot=require("../utils/part.cjs"),rt=require("../utils/portal.cjs"),nt=require("../utils/primitive.cjs");function tt(t){let e=document.activeElement;for(;e;){if(t.contains(e))return!0;e=e.shadowRoot?.activeElement??null}return!1}function et(t){let e=null,n=()=>{let c=e;e=null,c?.isConnected&&c.focus()},o=c=>{let u=c.composedPath();if(u.includes(t))return;let p=u[0];p instanceof HTMLElement&&(e=p)},i=c=>{c.key==="F6"&&(c.preventDefault(),c.shiftKey?n():tt(t)||t.focus())},r=c=>{c.relatedTarget||window.setTimeout(()=>{tt(t)||n()},0)};return document.addEventListener("focusin",o),document.addEventListener("keydown",i),t.addEventListener("focusout",r),()=>{document.removeEventListener("focusin",o),document.removeEventListener("keydown",i),t.removeEventListener("focusout",r)}}var U=require("react/jsx-runtime"),D=x.forwardRef((t,e)=>{let n=S("ToastViewport"),{viewportRef:o}=n,[i,r]=x.useState(null);x.useEffect(()=>{if(i)return et(i)},[i]);let c=x.useCallback(u=>{o.current=u,r(u),typeof e=="function"?e(u):e&&(e.current=u)},[o,e]);return(0,U.jsx)(rt.Portal,{asChild:!0,children:(0,U.jsx)(nt.Primitive.div,{role:"region","aria-label":n.label,tabIndex:-1,...t,...(0,ot.skdxPart)("toast","viewport",t.className),ref:c,style:{position:"fixed",...t.style}})})});D.displayName="ToastViewport";var st=P(require("react"),1),it=require("../utils/part.cjs"),at=require("../utils/primitive.cjs"),ct=require("react/jsx-runtime"),N=st.forwardRef((t,e)=>(0,ct.jsx)(at.Primitive.div,{...t,...(0,it.skdxPart)("toast","title",t.className),ref:e}));N.displayName="ToastTitle";var lt=P(require("react"),1),ut=require("../utils/part.cjs"),Tt=require("../utils/primitive.cjs"),pt=require("react/jsx-runtime"),H=lt.forwardRef((t,e)=>(0,pt.jsx)(Tt.Primitive.div,{...t,...(0,ut.skdxPart)("toast","description",t.className),ref:e}));H.displayName="ToastDescription";var mt=P(require("react"),1),ft=require("../utils/part.cjs"),F=require("../utils/primitive.cjs");var dt=require("react/jsx-runtime"),M=mt.forwardRef(({altText:t,...e},n)=>{let o=k("ToastAction");return(0,dt.jsx)(F.Primitive.button,{type:"button","aria-label":t,...e,...(0,ft.skdxPart)("toast","action",e.className),ref:n,onClick:(0,F.composeEventHandlers)(e.onClick,o.onClose)})});M.displayName="ToastAction";var vt=P(require("react"),1),yt=require("../utils/part.cjs"),_=require("../utils/primitive.cjs");var Pt=require("react/jsx-runtime"),A=vt.forwardRef((t,e)=>{let n=k("ToastClose");return(0,Pt.jsx)(_.Primitive.button,{type:"button",...t,...(0,yt.skdxPart)("toast","close",t.className),ref:e,onClick:(0,_.composeEventHandlers)(t.onClick,n.onClose)})});A.displayName="ToastClose";var Rt=P(require("react"),1);var v=require("react/jsx-runtime"),Dt={info:"status",success:"status",loading:"status",warning:"alert",error:"alert"},Nt={info:"background",success:"background",loading:"background",warning:"foreground",error:"foreground"},Y=5e3;function xt(t={}){let{max:e=3,placement:n="bottom-end",duration:o=Y,label:i="Notifications"}=t,r=[],c=new Set,u=[],p=0;function f(){u=r.slice(0,e);for(let l of c)l()}function b(l){return c.add(l),()=>{c.delete(l)}}function E(){return u}function w(l={}){let s=l.id??`skdx-toast-${++p}`,a=r.findIndex(d=>d.id===s),T={type:"info",...l,id:s,revision:a<0?0:r[a].revision+1};return a<0?r.push(T):r[a]=T,f(),s}function y(l,s){let a=r.findIndex(d=>d.id===l);if(a<0)return;let T=r[a];r[a]={...T,...s,id:l,revision:T.revision+1},f()}function g(l){if(l===void 0){if(r.length===0)return;r.length=0}else{let s=r.findIndex(a=>a.id===l);if(s<0)return;r.splice(s,1)}f()}function I(l,s,a={}){let T=w({...a,...s.loading,type:"loading"});return l.then(d=>(y(T,{duration:void 0,...a,...typeof s.success=="function"?s.success(d):s.success,type:"success"}),d),d=>{throw y(T,{duration:void 0,...a,...typeof s.error=="function"?s.error(d):s.error,type:"error"}),d})}return{max:e,placement:n,duration:o,label:i,subscribe:b,getToasts:E,create:w,update:y,dismiss:g,promise:I}}function $(t){return Rt.useSyncExternalStore(t.subscribe,t.getToasts,t.getToasts)}function q({toaster:t,...e}){let n=$(t);return(0,v.jsx)(L,{label:t.label,duration:t.duration,children:(0,v.jsx)(D,{"data-placement":t.placement,...e,children:n.map(o=>(0,v.jsxs)(V,{role:Dt[o.type],type:Nt[o.type],duration:o.duration??(o.type==="loading"?1/0:void 0),"data-type":o.type,onOpenChange:i=>{i||t.dismiss(o.id)},children:[o.title?(0,v.jsx)(N,{children:o.title}):null,o.description?(0,v.jsx)(H,{children:o.description}):null,o.action?(0,v.jsx)(M,{altText:o.action.altText,onClick:o.action.onClick,children:o.action.label}):null,(0,v.jsx)(A,{"aria-label":o.closeLabel??"Dismiss",children:"\xD7"})]},`${o.id}:${o.revision}`))})})}q.displayName="Toaster";0&&(module.exports={DEFAULT_TOAST_DURATION,Toast,ToastAction,ToastClose,ToastDescription,ToastImplProvider,ToastProvider,ToastTitle,ToastViewport,Toaster,createToaster,useToastContext,useToaster});
+"use strict";var tt=Object.create;var _=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var rt=Object.getOwnPropertyNames;var nt=Object.getPrototypeOf,st=Object.prototype.hasOwnProperty;var it=(e,t)=>{for(var r in t)_(e,r,{get:t[r],enumerable:!0})},me=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of rt(t))!st.call(e,c)&&c!==r&&_(e,c,{get:()=>t[c],enumerable:!(o=ot(t,c))||o.enumerable});return e};var g=(e,t,r)=>(r=e!=null?tt(nt(e)):{},me(t||!e||!e.__esModule?_(r,"default",{value:e,enumerable:!0}):r,e)),at=e=>me(_({},"__esModule",{value:!0}),e);var ft={};it(ft,{DEFAULT_TOAST_DURATION:()=>ie,Toast:()=>Y,ToastAction:()=>$,ToastClose:()=>q,ToastDescription:()=>G,ToastImplProvider:()=>be,ToastProvider:()=>U,ToastProviderImpl:()=>ye,ToastTitle:()=>Q,ToastViewport:()=>W,Toaster:()=>ce,createToaster:()=>Be,useToastContext:()=>b,useToastProviderContext:()=>F,useToaster:()=>ae});module.exports=at(ft);var Ye=g(require("react"),1);var s=g(require("react"),1),ve=require("../utils/composeRefs.cjs"),Pe=require("../utils/createContext.cjs"),we=require("../utils/direction.cjs"),Re=require("../utils/part.cjs"),P=require("../utils/primitive.cjs"),E=require("../utils/useCallbackRef.cjs"),xe=require("../utils/useControllableState.cjs"),Ee=require("../utils/useOpenChangeComplete.cjs");var M=g(require("react"),1),Te=require("../utils/createContext.cjs"),oe=require("../utils/visuallyHidden.cjs"),O=require("react/jsx-runtime"),[ye,F]=(0,Te.createSafeContext)("ToastProvider");function U({children:e,label:t="Notification",duration:r=5e3,swipeDirection:o="end",swipeThreshold:c=50}){let i=M.useRef(null),v=M.useRef(null),a=M.useRef(null),x=M.useCallback((f,m)=>{let D=m==="assertive"?a.current:v.current;!D||!f||(D.textContent="",window.setTimeout(()=>{D.textContent=f},0))},[]);return(0,O.jsxs)(ye,{label:t,duration:r,swipeDirection:o,swipeThreshold:c,viewportRef:i,announce:x,children:[e,(0,O.jsx)(oe.VisuallyHidden,{ref:v,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite"}),(0,O.jsx)(oe.VisuallyHidden,{ref:a,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive"})]})}U.displayName="ToastProvider";var re=require("react/jsx-runtime");function ct(e,t){if(e!=="start"&&e!=="end")return e;let r=(0,we.resolveDirection)(t)==="rtl";return e==="start"?r?"right":"left":r?"left":"right"}function lt(e,t,r){return e==="left"?-t:e==="right"?t:e==="up"?-r:r}function K(e,t){e.setAttribute("data-swipe",t)}var[be,b]=(0,Pe.createSafeContext)("Toast"),Y=s.forwardRef(({open:e,defaultOpen:t=!0,onOpenChange:r,duration:o,forceMount:c,onOpenChangeComplete:i,onEscapeKeyDown:v,onPause:a,onResume:x,type:f="background",...m},D)=>{let k=F("Toast"),[w=!0,Z]=(0,xe.useControllableState)({prop:e,defaultProp:t,onChange:r}),N=o??k.duration,l=(0,E.useCallbackRef)(()=>Z(!1)),d=(0,E.useCallbackRef)(v),p=(0,E.useCallbackRef)(a),R=(0,E.useCallbackRef)(x),T=s.useRef(0),A=s.useRef(N),j=s.useRef(0),L=s.useRef(null),$e=(0,ve.useComposedRefs)(D,L);(0,Ee.useOpenChangeComplete)(w,L,i);let le=s.useId(),ue=s.useId(),[Xe,qe]=s.useState(!1),[ze,Ge]=s.useState(!1),de=s.useRef(!1),[Je,Qe]=s.useState(!1),V=s.useCallback(n=>{de.current!==n&&(de.current=n,Qe(n),n?p():R())},[p,R]),pe=(0,E.useCallbackRef)(()=>{let n=L.current?.textContent??"";k.announce(n,f==="foreground"?"assertive":"polite")});s.useEffect(()=>{w&&pe()},[w,pe]);let S=s.useCallback(()=>{V(!1),Number.isFinite(A.current)&&(window.clearTimeout(T.current),j.current=Date.now(),T.current=window.setTimeout(l,A.current))},[l,V]),I=s.useCallback(()=>{window.clearTimeout(T.current),A.current-=Date.now()-j.current,j.current=Date.now(),Number.isFinite(A.current)&&V(!0)},[V]),H=s.useRef(null),fe=s.useRef("right"),We=(0,E.useCallbackRef)(n=>{if(!n.isPrimary)return;let u=L.current;if(!u)return;let y=ct(k.swipeDirection,u);fe.current=y,H.current={x:n.clientX,y:n.clientY,pointerId:n.pointerId},u.setPointerCapture?.(n.pointerId),K(u,"start"),u.setAttribute("data-swipe-direction",y),I()}),Ze=(0,E.useCallbackRef)(n=>{let u=H.current,y=L.current;if(!u||!y||n.pointerId!==u.pointerId)return;let ee=n.clientX-u.x,te=n.clientY-u.y;K(y,"move"),y.style.setProperty("--skdx-toast-swipe-move-x",`${ee}px`),y.style.setProperty("--skdx-toast-swipe-move-y",`${te}px`)}),je=(0,E.useCallbackRef)(n=>{let u=H.current,y=L.current;if(!u||!y||n.pointerId!==u.pointerId)return;H.current=null,y.releasePointerCapture?.(n.pointerId);let ee=n.clientX-u.x,te=n.clientY-u.y;lt(fe.current,ee,te)>=k.swipeThreshold?(K(y,"end"),l()):(K(y,"cancel"),y.style.removeProperty("--skdx-toast-swipe-move-x"),y.style.removeProperty("--skdx-toast-swipe-move-y"),S())}),et=(0,E.useCallbackRef)(n=>{let u=L.current;!H.current||H.current.pointerId!==n.pointerId||(H.current=null,u?.releasePointerCapture?.(n.pointerId),u&&K(u,"cancel"),u?.style.removeProperty("--skdx-toast-swipe-move-x"),u?.style.removeProperty("--skdx-toast-swipe-move-y"),S())});return s.useEffect(()=>{if(!w)return;A.current=N,S();let n=()=>{document.hidden?I():S()};return document.addEventListener("visibilitychange",n),window.addEventListener("pagehide",I),()=>{window.clearTimeout(T.current),document.removeEventListener("visibilitychange",n),window.removeEventListener("pagehide",I)}},[w,N,S,I]),c||w?(0,re.jsx)(be,{onClose:l,titleId:le,descriptionId:ue,setHasTitle:qe,setHasDescription:Ge,children:(0,re.jsx)(P.Primitive.div,{"data-state":w?"open":"closed","data-paused":Je?"":void 0,"aria-labelledby":Xe?le:void 0,"aria-describedby":ze?ue:void 0,tabIndex:0,...m,...(0,Re.skdxPart)("toast","root",m.className),ref:$e,onPointerEnter:(0,P.composeEventHandlers)(m.onPointerEnter,I),onPointerLeave:(0,P.composeEventHandlers)(m.onPointerLeave,S),onFocus:(0,P.composeEventHandlers)(m.onFocus,I),onBlur:(0,P.composeEventHandlers)(m.onBlur,S),onPointerDown:(0,P.composeEventHandlers)(m.onPointerDown,We),onPointerMove:(0,P.composeEventHandlers)(m.onPointerMove,Ze),onPointerUp:(0,P.composeEventHandlers)(m.onPointerUp,je),onPointerCancel:(0,P.composeEventHandlers)(m.onPointerCancel,et),onKeyDown:(0,P.composeEventHandlers)(m.onKeyDown,n=>{n.key==="Escape"&&(d(n.nativeEvent),!n.nativeEvent.defaultPrevented&&l())})})}):null});Y.displayName="Toast";var he=g(require("react"),1),ge=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var Ce=require("react/jsx-runtime"),$=he.forwardRef(({altText:e,...t},r)=>{let o=b("ToastAction");return(0,Ce.jsx)(B.Primitive.button,{type:"button","aria-label":e,...t,...(0,ge.skdxPart)("toast","action",t.className),ref:r,onClick:(0,B.composeEventHandlers)(t.onClick,o.onClose)})});$.displayName="ToastAction";var De=g(require("react"),1),ke=require("../utils/part.cjs"),X=require("../utils/primitive.cjs");var Le=require("react/jsx-runtime"),q=De.forwardRef((e,t)=>{let r=b("ToastClose"),o=e["aria-label"]!==void 0||e["aria-labelledby"]!==void 0;return(0,Le.jsx)(X.Primitive.button,{type:"button","aria-label":o?void 0:"Dismiss",...e,...(0,ke.skdxPart)("toast","close",e.className),ref:t,onClick:(0,X.composeEventHandlers)(e.onClick,r.onClose)})});q.displayName="ToastClose";var z=g(require("react"),1),Se=require("../utils/part.cjs"),Ie=require("../utils/primitive.cjs");var He=require("react/jsx-runtime"),G=z.forwardRef((e,t)=>{let r=b("ToastDescription"),{setHasDescription:o}=r;return z.useEffect(()=>(o(!0),()=>o(!1)),[o]),(0,He.jsx)(Ie.Primitive.div,{id:r.descriptionId,...e,...(0,Se.skdxPart)("toast","description",e.className),ref:t})});G.displayName="ToastDescription";var J=g(require("react"),1),Me=require("../utils/part.cjs"),Ne=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime"),Q=J.forwardRef((e,t)=>{let r=b("ToastTitle"),{setHasTitle:o}=r;return J.useEffect(()=>(o(!0),()=>o(!1)),[o]),(0,Ae.jsx)(Ne.Primitive.div,{id:r.titleId,...e,...(0,Me.skdxPart)("toast","title",e.className),ref:t})});Q.displayName="ToastTitle";var C=g(require("react"),1),Ve=require("../utils/part.cjs"),_e=require("../utils/portal.cjs"),Ue=require("../utils/primitive.cjs");function Oe(e){let t=document.activeElement;for(;t;){if(e.contains(t))return!0;t=t.shadowRoot?.activeElement??null}return!1}var ne=["F6"];function ut(e,t){let r=t[t.length-1];if(r===void 0||e.key!==r)return!1;let o=t.slice(0,-1).map(c=>c.toLowerCase());return o.includes("alt")===e.altKey&&o.includes("control")===e.ctrlKey&&o.includes("meta")===e.metaKey}function Fe(e){return e.join("+")}function Ke(e,t=ne){let r=null,o=()=>{let a=r;r=null,a?.isConnected&&a.focus()},c=a=>{let x=a.composedPath();if(x.includes(e))return;let f=x[0];f instanceof HTMLElement&&(r=f)},i=a=>{ut(a,t)&&(a.preventDefault(),a.shiftKey?o():Oe(e)||e.focus())},v=a=>{a.relatedTarget||window.setTimeout(()=>{Oe(e)||o()},0)};return document.addEventListener("focusin",c),document.addEventListener("keydown",i),e.addEventListener("focusout",v),()=>{document.removeEventListener("focusin",c),document.removeEventListener("keydown",i),e.removeEventListener("focusout",v)}}var se=require("react/jsx-runtime"),W=C.forwardRef(({hotkey:e=ne,...t},r)=>{let o=F("ToastViewport"),{viewportRef:c}=o,[i,v]=C.useState(null),a=Fe(e);C.useEffect(()=>{if(i)return Ke(i,a.split("+"))},[i,a]);let x=C.useCallback(f=>{c.current=f,v(f),typeof r=="function"?r(f):r&&(r.current=f)},[c,r]);return(0,se.jsx)(_e.Portal,{asChild:!0,children:(0,se.jsx)(Ue.Primitive.div,{role:"region","aria-label":`${o.label} (${a})`,tabIndex:-1,...t,...(0,Ve.skdxPart)("toast","viewport",t.className),ref:x,style:{position:"fixed",...t.style}})})});W.displayName="ToastViewport";var h=require("react/jsx-runtime"),dt={info:"background",success:"background",loading:"background",warning:"foreground",error:"foreground"},pt={info:"info",success:"success",loading:"neutral",warning:"warning",error:"danger"},ie=5e3;function Be(e={}){let{max:t=3,placement:r="bottom-end",duration:o=ie,label:c="Notifications"}=e,i=[],v=new Set,a=[],x=0;function f(){a=i.slice(0,t);for(let l of v)l()}function m(l){return v.add(l),()=>{v.delete(l)}}function D(){return a}function k(l={}){let d=l.id??`skdx-toast-${++x}`,p=i.findIndex(T=>T.id===d),R={type:"info",...l,id:d,revision:p<0?0:i[p].revision+1};return p<0?i.push(R):i[p]=R,f(),d}function w(l,d){let p=i.findIndex(T=>T.id===l);if(p<0)return;let R=i[p];i[p]={...R,...d,id:l,revision:R.revision+1},f()}function Z(l){if(l===void 0){if(i.length===0)return;i.length=0}else{let d=i.findIndex(p=>p.id===l);if(d<0)return;i.splice(d,1)}f()}function N(l,d,p={}){let R=k({...p,...d.loading,type:"loading"});return l.then(T=>(w(R,{duration:void 0,...p,...typeof d.success=="function"?d.success(T):d.success,type:"success"}),T),T=>{throw w(R,{duration:void 0,...p,...typeof d.error=="function"?d.error(T):d.error,type:"error"}),T})}return{max:t,placement:r,duration:o,label:c,subscribe:m,getToasts:D,create:k,update:w,dismiss:Z,promise:N}}function ae(e){return Ye.useSyncExternalStore(e.subscribe,e.getToasts,e.getToasts)}function ce({toaster:e,...t}){let r=ae(e);return(0,h.jsx)(U,{label:e.label,duration:e.duration,children:(0,h.jsx)(W,{"data-placement":e.placement,...t,children:r.map(o=>(0,h.jsxs)(Y,{type:dt[o.type],duration:o.duration??(o.type==="loading"?1/0:void 0),"data-type":o.type,"data-status":pt[o.type],onOpenChange:c=>{c||e.dismiss(o.id)},children:[o.title?(0,h.jsx)(Q,{children:o.title}):null,o.description?(0,h.jsx)(G,{children:o.description}):null,o.action?(0,h.jsx)($,{altText:o.action.altText,onClick:o.action.onClick,children:o.action.label}):null,(0,h.jsx)(q,{"aria-label":o.closeLabel??"Dismiss",children:"\xD7"})]},`${o.id}:${o.revision}`))})})}ce.displayName="Toaster";0&&(module.exports={DEFAULT_TOAST_DURATION,Toast,ToastAction,ToastClose,ToastDescription,ToastImplProvider,ToastProvider,ToastProviderImpl,ToastTitle,ToastViewport,Toaster,createToaster,useToastContext,useToastProviderContext,useToaster});

package/dist/toast/Toast.d.cts

@@ -7,29 +7,20 @@ export declare const ToastImplProvider: {
     displayName: string;
 }, useToastContext: (consumerName: string) => ToastContextValue;
 /**
- * A single toast notification: `role="status"` and `data-state`
- * (`open`/`closed`). Must render under a `ToastProvider`. 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 — the toast root itself carries no `aria-live` /
- * `aria-atomic` of its own (beyond the implicit `polite` from
- * `role="status"`), since an explicit live-region attribute set on a node
- * at the same moment it's inserted into the DOM isn't reliably picked up by
- * screen readers, and would risk a second, redundant announcement on the
- * readers that do pick it up. Self-closing and uncontrolled by default —
- * mount one `Toast` per notification and drop it from state in
- * `onOpenChange(false)`.
+ * A single toast notification with data-state (open/closed). Self-closes after duration (pauses on hover/focus/page-hidden).
+ *
+ * Root has no role/aria-live/aria-atomic; announcements use provider's persistent live region instead to avoid double-reading.
+ * Pass type="foreground" for assertive announcements; "background" (default) is polite.
+ *
+ * Escape closes immediately. Supports swipe-to-dismiss on configured direction.
  *
  * @example
  * ```tsx
- * <Toast duration={4000} type="background" onOpenChange={(open) => !open && dismiss(id)}>
+ * <Toast duration={4000} onOpenChange={(open) => !open && dismiss(id)}>
  *   <ToastTitle>Saved</ToastTitle>
  *   <ToastDescription>Your changes have been saved.</ToastDescription>
  *   <ToastAction altText="Undo the save" onClick={undo}>Undo</ToastAction>
- *   <ToastClose aria-label="Dismiss">✕</ToastClose>
+ *   <ToastClose>✕</ToastClose>
  * </Toast>
  * ```
  */

package/dist/toast/Toast.d.ts

@@ -7,29 +7,20 @@ export declare const ToastImplProvider: {
     displayName: string;
 }, useToastContext: (consumerName: string) => ToastContextValue;
 /**
- * A single toast notification: `role="status"` and `data-state`
- * (`open`/`closed`). Must render under a `ToastProvider`. 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 — the toast root itself carries no `aria-live` /
- * `aria-atomic` of its own (beyond the implicit `polite` from
- * `role="status"`), since an explicit live-region attribute set on a node
- * at the same moment it's inserted into the DOM isn't reliably picked up by
- * screen readers, and would risk a second, redundant announcement on the
- * readers that do pick it up. Self-closing and uncontrolled by default —
- * mount one `Toast` per notification and drop it from state in
- * `onOpenChange(false)`.
+ * A single toast notification with data-state (open/closed). Self-closes after duration (pauses on hover/focus/page-hidden).
+ *
+ * Root has no role/aria-live/aria-atomic; announcements use provider's persistent live region instead to avoid double-reading.
+ * Pass type="foreground" for assertive announcements; "background" (default) is polite.
+ *
+ * Escape closes immediately. Supports swipe-to-dismiss on configured direction.
  *
  * @example
  * ```tsx
- * <Toast duration={4000} type="background" onOpenChange={(open) => !open && dismiss(id)}>
+ * <Toast duration={4000} onOpenChange={(open) => !open && dismiss(id)}>
  *   <ToastTitle>Saved</ToastTitle>
  *   <ToastDescription>Your changes have been saved.</ToastDescription>
  *   <ToastAction altText="Undo the save" onClick={undo}>Undo</ToastAction>
- *   <ToastClose aria-label="Dismiss">✕</ToastClose>
+ *   <ToastClose>✕</ToastClose>
  * </Toast>
  * ```
  */

package/dist/toast/Toast.js

@@ -1 +1 @@
-import*as m from"react";import{useComposedRefs as Z}from"../utils/composeRefs.js";import{createSafeContext as j}from"../utils/createContext.js";import{skdxPart as tt}from"../utils/part.js";import{composeEventHandlers as b,Primitive as et}from"../utils/primitive.js";import{useCallbackRef as ot}from"../utils/useCallbackRef.js";import{useControllableState as rt}from"../utils/useControllableState.js";import*as x from"react";import{createSafeContext as Q}from"../utils/createContext.js";import{VisuallyHidden as O}from"../utils/visuallyHidden.js";import{jsx as S,jsxs as X}from"react/jsx-runtime";var[W,h]=Q("ToastProvider");function L({children:t,label:e="Notification",duration:a=5e3}){let o=x.useRef(null),u=x.useRef(null),r=x.useRef(null),i=x.useCallback((l,p)=>{let f=p==="assertive"?r.current:u.current;!f||!l||(f.textContent="",window.setTimeout(()=>{f.textContent=l},0))},[]);return X(W,{label:e,duration:a,viewportRef:o,announce:i,children:[t,S(O,{ref:u,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite"}),S(O,{ref:r,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive"})]})}L.displayName="ToastProvider";import{jsx as V}from"react/jsx-runtime";var[nt,k]=j("Toast"),I=m.forwardRef(({open:t,defaultOpen:e=!0,onOpenChange:a,duration:o,type:u="foreground",...r},i)=>{let l=h("Toast"),[p=!0,f]=rt({prop:t,defaultProp:e,onChange:a}),E=o??l.duration,R=ot(()=>f(!1)),P=m.useRef(0),v=m.useRef(E),C=m.useRef(0),g=m.useRef(null),c=Z(i,g);m.useEffect(()=>{if(!p)return;let T=g.current?.textContent??"";l.announce(T,u==="foreground"?"assertive":"polite")},[p]);let n=m.useCallback(()=>{Number.isFinite(v.current)&&(window.clearTimeout(P.current),C.current=Date.now(),P.current=window.setTimeout(R,v.current))},[R]),s=m.useCallback(()=>{window.clearTimeout(P.current),v.current-=Date.now()-C.current,C.current=Date.now()},[]);return m.useEffect(()=>{if(!p)return;v.current=E,n();let T=()=>{document.hidden?s():n()};return document.addEventListener("visibilitychange",T),window.addEventListener("pagehide",s),()=>{window.clearTimeout(P.current),document.removeEventListener("visibilitychange",T),window.removeEventListener("pagehide",s)}},[p,E,n,s]),p?V(nt,{onClose:R,children:V(et.div,{role:"status","data-state":p?"open":"closed",tabIndex:0,...r,...tt("toast","root",r.className),ref:c,onPointerEnter:b(r.onPointerEnter,s),onPointerLeave:b(r.onPointerLeave,n),onFocus:b(r.onFocus,s),onBlur:b(r.onBlur,n),onKeyDown:b(r.onKeyDown,T=>{T.key==="Escape"&&R()})})}):null});I.displayName="Toast";import*as y from"react";import{skdxPart as st}from"../utils/part.js";import{Portal as it}from"../utils/portal.js";import{Primitive as at}from"../utils/primitive.js";function F(t){let e=document.activeElement;for(;e;){if(t.contains(e))return!0;e=e.shadowRoot?.activeElement??null}return!1}function _(t){let e=null,a=()=>{let i=e;e=null,i?.isConnected&&i.focus()},o=i=>{let l=i.composedPath();if(l.includes(t))return;let p=l[0];p instanceof HTMLElement&&(e=p)},u=i=>{i.key==="F6"&&(i.preventDefault(),i.shiftKey?a():F(t)||t.focus())},r=i=>{i.relatedTarget||window.setTimeout(()=>{F(t)||a()},0)};return document.addEventListener("focusin",o),document.addEventListener("keydown",u),t.addEventListener("focusout",r),()=>{document.removeEventListener("focusin",o),document.removeEventListener("keydown",u),t.removeEventListener("focusout",r)}}import{jsx as B}from"react/jsx-runtime";var D=y.forwardRef((t,e)=>{let a=h("ToastViewport"),{viewportRef:o}=a,[u,r]=y.useState(null);y.useEffect(()=>{if(u)return _(u)},[u]);let i=y.useCallback(l=>{o.current=l,r(l),typeof e=="function"?e(l):e&&(e.current=l)},[o,e]);return B(it,{asChild:!0,children:B(at.div,{role:"region","aria-label":a.label,tabIndex:-1,...t,...st("toast","viewport",t.className),ref:i,style:{position:"fixed",...t.style}})})});D.displayName="ToastViewport";import*as K from"react";import{skdxPart as ct}from"../utils/part.js";import{Primitive as lt}from"../utils/primitive.js";import{jsx as ut}from"react/jsx-runtime";var N=K.forwardRef((t,e)=>ut(lt.div,{...t,...ct("toast","title",t.className),ref:e}));N.displayName="ToastTitle";import*as U from"react";import{skdxPart as Tt}from"../utils/part.js";import{Primitive as pt}from"../utils/primitive.js";import{jsx as mt}from"react/jsx-runtime";var H=U.forwardRef((t,e)=>mt(pt.div,{...t,...Tt("toast","description",t.className),ref:e}));H.displayName="ToastDescription";import*as Y from"react";import{skdxPart as ft}from"../utils/part.js";import{composeEventHandlers as dt,Primitive as vt}from"../utils/primitive.js";import{jsx as yt}from"react/jsx-runtime";var M=Y.forwardRef(({altText:t,...e},a)=>{let o=k("ToastAction");return yt(vt.button,{type:"button","aria-label":t,...e,...ft("toast","action",e.className),ref:a,onClick:dt(e.onClick,o.onClose)})});M.displayName="ToastAction";import*as $ from"react";import{skdxPart as Pt}from"../utils/part.js";import{composeEventHandlers as Rt,Primitive as xt}from"../utils/primitive.js";import{jsx as wt}from"react/jsx-runtime";var A=$.forwardRef((t,e)=>{let a=k("ToastClose");return wt(xt.button,{type:"button",...t,...Pt("toast","close",t.className),ref:e,onClick:Rt(t.onClick,a.onClose)})});A.displayName="ToastClose";import*as q from"react";import{jsx as w,jsxs as gt}from"react/jsx-runtime";var Et={info:"status",success:"status",loading:"status",warning:"alert",error:"alert"},Ct={info:"background",success:"background",loading:"background",warning:"foreground",error:"foreground"},z=5e3;function bt(t={}){let{max:e=3,placement:a="bottom-end",duration:o=z,label:u="Notifications"}=t,r=[],i=new Set,l=[],p=0;function f(){l=r.slice(0,e);for(let c of i)c()}function E(c){return i.add(c),()=>{i.delete(c)}}function R(){return l}function P(c={}){let n=c.id??`skdx-toast-${++p}`,s=r.findIndex(d=>d.id===n),T={type:"info",...c,id:n,revision:s<0?0:r[s].revision+1};return s<0?r.push(T):r[s]=T,f(),n}function v(c,n){let s=r.findIndex(d=>d.id===c);if(s<0)return;let T=r[s];r[s]={...T,...n,id:c,revision:T.revision+1},f()}function C(c){if(c===void 0){if(r.length===0)return;r.length=0}else{let n=r.findIndex(s=>s.id===c);if(n<0)return;r.splice(n,1)}f()}function g(c,n,s={}){let T=P({...s,...n.loading,type:"loading"});return c.then(d=>(v(T,{duration:void 0,...s,...typeof n.success=="function"?n.success(d):n.success,type:"success"}),d),d=>{throw v(T,{duration:void 0,...s,...typeof n.error=="function"?n.error(d):n.error,type:"error"}),d})}return{max:e,placement:a,duration:o,label:u,subscribe:E,getToasts:R,create:P,update:v,dismiss:C,promise:g}}function G(t){return q.useSyncExternalStore(t.subscribe,t.getToasts,t.getToasts)}function J({toaster:t,...e}){let a=G(t);return w(L,{label:t.label,duration:t.duration,children:w(D,{"data-placement":t.placement,...e,children:a.map(o=>gt(I,{role:Et[o.type],type:Ct[o.type],duration:o.duration??(o.type==="loading"?1/0:void 0),"data-type":o.type,onOpenChange:u=>{u||t.dismiss(o.id)},children:[o.title?w(N,{children:o.title}):null,o.description?w(H,{children:o.description}):null,o.action?w(M,{altText:o.action.altText,onClick:o.action.onClick,children:o.action.label}):null,w(A,{"aria-label":o.closeLabel??"Dismiss",children:"\xD7"})]},`${o.id}:${o.revision}`))})})}J.displayName="Toaster";export{z as DEFAULT_TOAST_DURATION,I as Toast,M as ToastAction,A as ToastClose,H as ToastDescription,nt as ToastImplProvider,L as ToastProvider,N as ToastTitle,D as ToastViewport,J as Toaster,bt as createToaster,k as useToastContext,G as useToaster};
+import*as pe from"react";import*as s from"react";import{useComposedRefs as Se}from"../utils/composeRefs.js";import{createSafeContext as Ie}from"../utils/createContext.js";import{resolveDirection as He}from"../utils/direction.js";import{skdxPart as Me}from"../utils/part.js";import{composeEventHandlers as x,Primitive as Ne}from"../utils/primitive.js";import{useCallbackRef as E}from"../utils/useCallbackRef.js";import{useControllableState as Ae}from"../utils/useControllableState.js";import{useOpenChangeComplete as Oe}from"../utils/useOpenChangeComplete.js";import*as I from"react";import{createSafeContext as De}from"../utils/createContext.js";import{VisuallyHidden as re}from"../utils/visuallyHidden.js";import{jsx as ne,jsxs as Le}from"react/jsx-runtime";var[ke,F]=De("ToastProvider");function $({children:e,label:o="Notification",duration:r=5e3,swipeDirection:t="end",swipeThreshold:f=50}){let i=I.useRef(null),v=I.useRef(null),a=I.useRef(null),R=I.useCallback((p,m)=>{let g=m==="assertive"?a.current:v.current;!g||!p||(g.textContent="",window.setTimeout(()=>{g.textContent=p},0))},[]);return Le(ke,{label:o,duration:r,swipeDirection:t,swipeThreshold:f,viewportRef:i,announce:R,children:[e,ne(re,{ref:v,"aria-live":"polite","aria-atomic":"true","data-skdx-toast-announcer":"polite"}),ne(re,{ref:a,"aria-live":"assertive","aria-atomic":"true","data-skdx-toast-announcer":"assertive"})]})}$.displayName="ToastProvider";import{jsx as se}from"react/jsx-runtime";function Fe(e,o){if(e!=="start"&&e!=="end")return e;let r=He(o)==="rtl";return e==="start"?r?"right":"left":r?"left":"right"}function Ke(e,o,r){return e==="left"?-o:e==="right"?o:e==="up"?-r:r}function A(e,o){e.setAttribute("data-swipe",o)}var[Ve,b]=Ie("Toast"),X=s.forwardRef(({open:e,defaultOpen:o=!0,onOpenChange:r,duration:t,forceMount:f,onOpenChangeComplete:i,onEscapeKeyDown:v,onPause:a,onResume:R,type:p="background",...m},g)=>{let C=F("Toast"),[P=!0,_]=Ae({prop:e,defaultProp:o,onChange:r}),M=t??C.duration,c=E(()=>_(!1)),u=E(v),d=E(a),w=E(R),T=s.useRef(0),N=s.useRef(M),U=s.useRef(0),D=s.useRef(null),ye=Se(g,D);Oe(P,D,i);let Z=s.useId(),j=s.useId(),[ve,Pe]=s.useState(!1),[we,Re]=s.useState(!1),ee=s.useRef(!1),[xe,Ee]=s.useState(!1),O=s.useCallback(n=>{ee.current!==n&&(ee.current=n,Ee(n),n?d():w())},[d,w]),te=E(()=>{let n=D.current?.textContent??"";C.announce(n,p==="foreground"?"assertive":"polite")});s.useEffect(()=>{P&&te()},[P,te]);let k=s.useCallback(()=>{O(!1),Number.isFinite(N.current)&&(window.clearTimeout(T.current),U.current=Date.now(),T.current=window.setTimeout(c,N.current))},[c,O]),L=s.useCallback(()=>{window.clearTimeout(T.current),N.current-=Date.now()-U.current,U.current=Date.now(),Number.isFinite(N.current)&&O(!0)},[O]),S=s.useRef(null),oe=s.useRef("right"),be=E(n=>{if(!n.isPrimary)return;let l=D.current;if(!l)return;let y=Fe(C.swipeDirection,l);oe.current=y,S.current={x:n.clientX,y:n.clientY,pointerId:n.pointerId},l.setPointerCapture?.(n.pointerId),A(l,"start"),l.setAttribute("data-swipe-direction",y),L()}),he=E(n=>{let l=S.current,y=D.current;if(!l||!y||n.pointerId!==l.pointerId)return;let Y=n.clientX-l.x,B=n.clientY-l.y;A(y,"move"),y.style.setProperty("--skdx-toast-swipe-move-x",`${Y}px`),y.style.setProperty("--skdx-toast-swipe-move-y",`${B}px`)}),ge=E(n=>{let l=S.current,y=D.current;if(!l||!y||n.pointerId!==l.pointerId)return;S.current=null,y.releasePointerCapture?.(n.pointerId);let Y=n.clientX-l.x,B=n.clientY-l.y;Ke(oe.current,Y,B)>=C.swipeThreshold?(A(y,"end"),c()):(A(y,"cancel"),y.style.removeProperty("--skdx-toast-swipe-move-x"),y.style.removeProperty("--skdx-toast-swipe-move-y"),k())}),Ce=E(n=>{let l=D.current;!S.current||S.current.pointerId!==n.pointerId||(S.current=null,l?.releasePointerCapture?.(n.pointerId),l&&A(l,"cancel"),l?.style.removeProperty("--skdx-toast-swipe-move-x"),l?.style.removeProperty("--skdx-toast-swipe-move-y"),k())});return s.useEffect(()=>{if(!P)return;N.current=M,k();let n=()=>{document.hidden?L():k()};return document.addEventListener("visibilitychange",n),window.addEventListener("pagehide",L),()=>{window.clearTimeout(T.current),document.removeEventListener("visibilitychange",n),window.removeEventListener("pagehide",L)}},[P,M,k,L]),f||P?se(Ve,{onClose:c,titleId:Z,descriptionId:j,setHasTitle:Pe,setHasDescription:Re,children:se(Ne.div,{"data-state":P?"open":"closed","data-paused":xe?"":void 0,"aria-labelledby":ve?Z:void 0,"aria-describedby":we?j:void 0,tabIndex:0,...m,...Me("toast","root",m.className),ref:ye,onPointerEnter:x(m.onPointerEnter,L),onPointerLeave:x(m.onPointerLeave,k),onFocus:x(m.onFocus,L),onBlur:x(m.onBlur,k),onPointerDown:x(m.onPointerDown,be),onPointerMove:x(m.onPointerMove,he),onPointerUp:x(m.onPointerUp,ge),onPointerCancel:x(m.onPointerCancel,Ce),onKeyDown:x(m.onKeyDown,n=>{n.key==="Escape"&&(u(n.nativeEvent),!n.nativeEvent.defaultPrevented&&c())})})}):null});X.displayName="Toast";import*as ie from"react";import{skdxPart as _e}from"../utils/part.js";import{composeEventHandlers as Ue,Primitive as Ye}from"../utils/primitive.js";import{jsx as Be}from"react/jsx-runtime";var q=ie.forwardRef(({altText:e,...o},r)=>{let t=b("ToastAction");return Be(Ye.button,{type:"button","aria-label":e,...o,..._e("toast","action",o.className),ref:r,onClick:Ue(o.onClick,t.onClose)})});q.displayName="ToastAction";import*as ae from"react";import{skdxPart as $e}from"../utils/part.js";import{composeEventHandlers as Xe,Primitive as qe}from"../utils/primitive.js";import{jsx as ze}from"react/jsx-runtime";var z=ae.forwardRef((e,o)=>{let r=b("ToastClose"),t=e["aria-label"]!==void 0||e["aria-labelledby"]!==void 0;return ze(qe.button,{type:"button","aria-label":t?void 0:"Dismiss",...e,...$e("toast","close",e.className),ref:o,onClick:Xe(e.onClick,r.onClose)})});z.displayName="ToastClose";import*as K from"react";import{skdxPart as Ge}from"../utils/part.js";import{Primitive as Je}from"../utils/primitive.js";import{jsx as Qe}from"react/jsx-runtime";var G=K.forwardRef((e,o)=>{let r=b("ToastDescription"),{setHasDescription:t}=r;return K.useEffect(()=>(t(!0),()=>t(!1)),[t]),Qe(Je.div,{id:r.descriptionId,...e,...Ge("toast","description",e.className),ref:o})});G.displayName="ToastDescription";import*as V from"react";import{skdxPart as We}from"../utils/part.js";import{Primitive as Ze}from"../utils/primitive.js";import{jsx as je}from"react/jsx-runtime";var J=V.forwardRef((e,o)=>{let r=b("ToastTitle"),{setHasTitle:t}=r;return V.useEffect(()=>(t(!0),()=>t(!1)),[t]),je(Ze.div,{id:r.titleId,...e,...We("toast","title",e.className),ref:o})});J.displayName="ToastTitle";import*as h from"react";import{skdxPart as tt}from"../utils/part.js";import{Portal as ot}from"../utils/portal.js";import{Primitive as rt}from"../utils/primitive.js";function ce(e){let o=document.activeElement;for(;o;){if(e.contains(o))return!0;o=o.shadowRoot?.activeElement??null}return!1}var Q=["F6"];function et(e,o){let r=o[o.length-1];if(r===void 0||e.key!==r)return!1;let t=o.slice(0,-1).map(f=>f.toLowerCase());return t.includes("alt")===e.altKey&&t.includes("control")===e.ctrlKey&&t.includes("meta")===e.metaKey}function le(e){return e.join("+")}function ue(e,o=Q){let r=null,t=()=>{let a=r;r=null,a?.isConnected&&a.focus()},f=a=>{let R=a.composedPath();if(R.includes(e))return;let p=R[0];p instanceof HTMLElement&&(r=p)},i=a=>{et(a,o)&&(a.preventDefault(),a.shiftKey?t():ce(e)||e.focus())},v=a=>{a.relatedTarget||window.setTimeout(()=>{ce(e)||t()},0)};return document.addEventListener("focusin",f),document.addEventListener("keydown",i),e.addEventListener("focusout",v),()=>{document.removeEventListener("focusin",f),document.removeEventListener("keydown",i),e.removeEventListener("focusout",v)}}import{jsx as de}from"react/jsx-runtime";var W=h.forwardRef(({hotkey:e=Q,...o},r)=>{let t=F("ToastViewport"),{viewportRef:f}=t,[i,v]=h.useState(null),a=le(e);h.useEffect(()=>{if(i)return ue(i,a.split("+"))},[i,a]);let R=h.useCallback(p=>{f.current=p,v(p),typeof r=="function"?r(p):r&&(r.current=p)},[f,r]);return de(ot,{asChild:!0,children:de(rt.div,{role:"region","aria-label":`${t.label} (${a})`,tabIndex:-1,...o,...tt("toast","viewport",o.className),ref:R,style:{position:"fixed",...o.style}})})});W.displayName="ToastViewport";import{jsx as H,jsxs as at}from"react/jsx-runtime";var nt={info:"background",success:"background",loading:"background",warning:"foreground",error:"foreground"},st={info:"info",success:"success",loading:"neutral",warning:"warning",error:"danger"},fe=5e3;function it(e={}){let{max:o=3,placement:r="bottom-end",duration:t=fe,label:f="Notifications"}=e,i=[],v=new Set,a=[],R=0;function p(){a=i.slice(0,o);for(let c of v)c()}function m(c){return v.add(c),()=>{v.delete(c)}}function g(){return a}function C(c={}){let u=c.id??`skdx-toast-${++R}`,d=i.findIndex(T=>T.id===u),w={type:"info",...c,id:u,revision:d<0?0:i[d].revision+1};return d<0?i.push(w):i[d]=w,p(),u}function P(c,u){let d=i.findIndex(T=>T.id===c);if(d<0)return;let w=i[d];i[d]={...w,...u,id:c,revision:w.revision+1},p()}function _(c){if(c===void 0){if(i.length===0)return;i.length=0}else{let u=i.findIndex(d=>d.id===c);if(u<0)return;i.splice(u,1)}p()}function M(c,u,d={}){let w=C({...d,...u.loading,type:"loading"});return c.then(T=>(P(w,{duration:void 0,...d,...typeof u.success=="function"?u.success(T):u.success,type:"success"}),T),T=>{throw P(w,{duration:void 0,...d,...typeof u.error=="function"?u.error(T):u.error,type:"error"}),T})}return{max:o,placement:r,duration:t,label:f,subscribe:m,getToasts:g,create:C,update:P,dismiss:_,promise:M}}function me(e){return pe.useSyncExternalStore(e.subscribe,e.getToasts,e.getToasts)}function Te({toaster:e,...o}){let r=me(e);return H($,{label:e.label,duration:e.duration,children:H(W,{"data-placement":e.placement,...o,children:r.map(t=>at(X,{type:nt[t.type],duration:t.duration??(t.type==="loading"?1/0:void 0),"data-type":t.type,"data-status":st[t.type],onOpenChange:f=>{f||e.dismiss(t.id)},children:[t.title?H(J,{children:t.title}):null,t.description?H(G,{children:t.description}):null,t.action?H(q,{altText:t.action.altText,onClick:t.action.onClick,children:t.action.label}):null,H(z,{"aria-label":t.closeLabel??"Dismiss",children:"\xD7"})]},`${t.id}:${t.revision}`))})})}Te.displayName="Toaster";export{fe as DEFAULT_TOAST_DURATION,X as Toast,q as ToastAction,z as ToastClose,G as ToastDescription,Ve as ToastImplProvider,$ as ToastProvider,ke as ToastProviderImpl,J as ToastTitle,W as ToastViewport,Te as Toaster,it as createToaster,b as useToastContext,F as useToastProviderContext,me as useToaster};

package/dist/toast/ToastAction.d.cts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import type { ToastActionProps } from './types.cjs';
 /**
- * Actionable button rendered inside a `Toast` (e.g. "Undo"). Closes the
- * toast after your own `onClick` 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.
+ * Actionable button in a `Toast` that closes it after `onClick` runs. `altText` sets `aria-label` so users who dismiss before reaching it still know the action.
  *
  * @example
  * ```tsx

package/dist/toast/ToastAction.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 import type { ToastActionProps } from './types.js';
 /**
- * Actionable button rendered inside a `Toast` (e.g. "Undo"). Closes the
- * toast after your own `onClick` 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.
+ * Actionable button in a `Toast` that closes it after `onClick` runs. `altText` sets `aria-label` so users who dismiss before reaching it still know the action.
  *
  * @example
  * ```tsx

package/dist/toast/ToastClose.d.cts

@@ -1,12 +1,22 @@
 import * as React from 'react';
 import type { ToastCloseProps } from './types.cjs';
 /**
- * Button that dismisses the toast when clicked. Renders inside `Toast`
- * anywhere you like.
+ * Button that dismisses the toast when clicked.
+ *
+ * Carries default `aria-label="Dismiss"` because icon glyphs are unnamed.
+ * Any `aria-label` or `aria-labelledby` suppresses it; the consumer's label
+ * takes precedence.
+ *
+ * @example
+ * ```tsx
+ * <ToastClose>✕</ToastClose>
+ * ```
  *
  * @example
  * ```tsx
- * <ToastClose aria-label="Dismiss">✕</ToastClose>
+ * // Overriding the default name — the aria-label here is deliberately
+ * // redundant-looking: it demonstrates that a consumer's own name wins.
+ * <ToastClose aria-label="Dismiss notification">✕</ToastClose>
  * ```
  */
 export declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/toast/ToastClose.d.ts

@@ -1,12 +1,22 @@
 import * as React from 'react';
 import type { ToastCloseProps } from './types.js';
 /**
- * Button that dismisses the toast when clicked. Renders inside `Toast`
- * anywhere you like.
+ * Button that dismisses the toast when clicked.
+ *
+ * Carries default `aria-label="Dismiss"` because icon glyphs are unnamed.
+ * Any `aria-label` or `aria-labelledby` suppresses it; the consumer's label
+ * takes precedence.
+ *
+ * @example
+ * ```tsx
+ * <ToastClose>✕</ToastClose>
+ * ```
  *
  * @example
  * ```tsx
- * <ToastClose aria-label="Dismiss">✕</ToastClose>
+ * // Overriding the default name — the aria-label here is deliberately
+ * // redundant-looking: it demonstrates that a consumer's own name wins.
+ * <ToastClose aria-label="Dismiss notification">✕</ToastClose>
  * ```
  */
 export declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/toast/ToastDescription.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ToastDescriptionProps } from './types.cjs';
 /**
- * The toast's body text: renders a plain `<div>`.
+ * Toast's body text: `<div>` carrying the id pointed to by `aria-describedby`.
  *
  * @example
  * ```tsx

package/dist/toast/ToastDescription.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ToastDescriptionProps } from './types.js';
 /**
- * The toast's body text: renders a plain `<div>`.
+ * Toast's body text: `<div>` carrying the id pointed to by `aria-describedby`.
  *
  * @example
  * ```tsx

package/dist/toast/ToastProvider.d.cts

@@ -7,11 +7,10 @@ export declare const ToastProviderImpl: {
     displayName: string;
 }, useToastProviderContext: (consumerName: string) => ToastProviderContextValue;
 /**
- * App-level ancestor that supplies default toast `duration`, the accessible
- * region `label`, and a persistent `aria-live` announcer used by every
- * descendant `Toast`. Renders its children plus two visually-hidden live
- * regions (`polite`/`assertive`) — mount once near the root of your app,
- * alongside a `ToastViewport`.
+ * App-level ancestor supplying default toast `duration`, the accessible
+ * region `label`, and `aria-live` announcer. Renders children plus two
+ * visually-hidden live regions. `swipeDirection`/`swipeThreshold` configure
+ * swipe-to-dismiss for all descendant `Toast`s.
  *
  * @example
  * ```tsx
@@ -21,7 +20,7 @@ export declare const ToastProviderImpl: {
  * </ToastProvider>
  * ```
  */
-export declare function ToastProvider({ children, label, duration }: ToastProviderProps): React.JSX.Element;
+export declare function ToastProvider({ children, label, duration, swipeDirection, swipeThreshold, }: ToastProviderProps): React.JSX.Element;
 export declare namespace ToastProvider {
     var displayName: string;
 }

package/dist/toast/ToastProvider.d.ts

@@ -7,11 +7,10 @@ export declare const ToastProviderImpl: {
     displayName: string;
 }, useToastProviderContext: (consumerName: string) => ToastProviderContextValue;
 /**
- * App-level ancestor that supplies default toast `duration`, the accessible
- * region `label`, and a persistent `aria-live` announcer used by every
- * descendant `Toast`. Renders its children plus two visually-hidden live
- * regions (`polite`/`assertive`) — mount once near the root of your app,
- * alongside a `ToastViewport`.
+ * App-level ancestor supplying default toast `duration`, the accessible
+ * region `label`, and `aria-live` announcer. Renders children plus two
+ * visually-hidden live regions. `swipeDirection`/`swipeThreshold` configure
+ * swipe-to-dismiss for all descendant `Toast`s.
  *
  * @example
  * ```tsx
@@ -21,7 +20,7 @@ export declare const ToastProviderImpl: {
  * </ToastProvider>
  * ```
  */
-export declare function ToastProvider({ children, label, duration }: ToastProviderProps): React.JSX.Element;
+export declare function ToastProvider({ children, label, duration, swipeDirection, swipeThreshold, }: ToastProviderProps): React.JSX.Element;
 export declare namespace ToastProvider {
     var displayName: string;
 }

package/dist/toast/ToastTitle.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ToastTitleProps } from './types.cjs';
 /**
- * The toast's heading: renders a plain `<div>`.
+ * Toast heading. Provides the id the root's `aria-labelledby` points to.
  *
  * @example
  * ```tsx

package/dist/toast/ToastTitle.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ToastTitleProps } from './types.js';
 /**
- * The toast's heading: renders a plain `<div>`.
+ * Toast heading. Provides the id the root's `aria-labelledby` points to.
  *
  * @example
  * ```tsx

package/dist/toast/Toaster.d.cts

@@ -1,30 +1,23 @@
 import * as React from 'react';
 import type { ToasterOptions, ToasterProps, ToasterStore, ToasterToast } from './types.cjs';
 /**
- * Default auto-dismiss duration (ms). WCAG 2.2.1 wants time limits to be
- * adjustable or long enough to read; 5s is the floor a short toast needs, and
- * the timer additionally pauses on hover, on focus, and while the page is
- * hidden, so the countdown only runs while the message is actually readable.
+ * Default auto-dismiss duration (ms). WCAG 2.2.1: 5s minimum for short toast.
+ * Timer pauses on hover, focus, or when page hidden.
  */
 export declare const DEFAULT_TOAST_DURATION = 5000;
 /**
- * Creates a toast queue: `create`/`update`/`dismiss`/`promise` callable from
- * anywhere in your app, `max` visible at a time with the rest waiting in FIFO
- * order. Create it once at module scope and render one {@link Toaster} for it.
+ * Creates toast queue with `create`/`update`/`dismiss`/`promise` methods.
+ * Max visible at once; rest queue in FIFO. Create once at module scope; render with Toaster.
  *
  * @example
  * ```ts
- * // toaster.ts
  * export const toaster = createToaster({ max: 3, placement: 'bottom-end' });
- *
- * // anywhere
  * toaster.create({ title: 'Saved', type: 'success' });
  * ```
  */
 export declare function createToaster(options?: ToasterOptions): ToasterStore;
 /**
- * Subscribes to a toaster's visible toasts. Only needed if you're rendering
- * the queue yourself instead of mounting {@link Toaster}.
+ * Subscribes to visible toasts; only needed for custom rendering.
  *
  * @example
  * ```tsx
@@ -33,14 +26,9 @@ export declare function createToaster(options?: ToasterOptions): ToasterStore;
  */
 export declare function useToaster(toaster: ToasterStore): readonly ToasterToast[];
 /**
- * Renders a {@link createToaster} queue: a `ToastProvider` + `ToastViewport`
- * region hosting one `Toast` 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 queue as ToastProvider + ToastViewport region.
+ * Mount once near root; then use `toaster.create()` from anywhere.
+ * Viewport is `region` landmark: F6 enters, Shift+F6 returns; focus auto-restored on remove.
  *
  * @example
  * ```tsx