@skdx/react 0.28.0 → 0.30.0

package/dist/timeline/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `Timeline` — the parts the recipe composes. Use
- * for full manual composition.
+ * Advanced primitives for `Timeline` — the parts the recipe composes, for full manual composition.
  *
  * @example
  * ```tsx

package/dist/timeline/types.d.cts

@@ -9,45 +9,53 @@ export interface TimelineItem {
      * elapsed time — rendered into the derived `TimelineOpposite`.
      * @default undefined — no opposite region is rendered.
      */
-    opposite?: React.ReactNode;
+    opposite?: React.ReactNode | undefined;
     /**
-     * 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.
+     * What goes inside the derived `TimelineIndicator`; a childless indicator stays decorative and `aria-hidden`, while one with content needs `indicatorLabel`.
      * @default undefined — a bare, decorative marker.
      */
-    indicator?: React.ReactNode;
+    indicator?: React.ReactNode | undefined;
     /**
      * Accessible name for a non-decorative `indicator`.
      * @default undefined — the indicator's own text names it.
      */
-    indicatorLabel?: string;
+    indicatorLabel?: string | undefined;
     /**
      * Where the event sits in the sequence: complete, current, or pending.
      * @default undefined — rendered without a state.
      */
-    state?: 'complete' | 'current' | 'pending';
+    state?: 'complete' | 'current' | 'pending' | undefined;
 }
 /** Props for the {@link Timeline} root. */
 export interface TimelineProps extends PrimitivePropsWithRef<'ol'> {
     /**
-     * Events rendered into derived parts per entry. Ignored with `children`.
+     * Events rendered into derived parts per entry; ignored with `children`.
      * @default undefined
      */
-    items?: TimelineItem[];
+    items?: TimelineItem[] | undefined;
     /**
-     * Render custom body for each item's `content`. Ignored with `children`.
+     * Render custom body for each item's `content`; ignored with `children`.
      * @default undefined
      */
-    renderContent?: (item: TimelineItem) => React.ReactNode;
+    renderContent?: ((item: TimelineItem) => React.ReactNode) | undefined;
     /**
      * Layout axis, exposed as `data-orientation` — purely a styling hook.
      * @default 'vertical'
      */
-    orientation?: 'vertical' | 'horizontal';
+    orientation?: 'vertical' | 'horizontal' | undefined;
+    /**
+     * Which side of the rail the skin lays the entries out on, mirrored to `data-align`.
+     * @default undefined — the skin's own default alignment.
+     */
+    align?: 'end' | 'alternate' | (string & {}) | undefined;
 }
 /** Props for a single {@link TimelineItem} entry. */
 export interface TimelineItemProps extends PrimitivePropsWithRef<'li'> {
+    /**
+     * Where the event sits in the sequence, mirrored to `data-state` for the skin.
+     * @default undefined — rendered without a state.
+     */
+    state?: 'complete' | 'current' | 'pending' | undefined;
 }
 /** Props for {@link TimelineIndicator}, the dot/icon marker for a `TimelineItem`. */
 export interface TimelineIndicatorProps extends PrimitivePropsWithRef<'div'> {

package/dist/timeline/types.d.ts

@@ -9,45 +9,53 @@ export interface TimelineItem {
      * elapsed time — rendered into the derived `TimelineOpposite`.
      * @default undefined — no opposite region is rendered.
      */
-    opposite?: React.ReactNode;
+    opposite?: React.ReactNode | undefined;
     /**
-     * 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.
+     * What goes inside the derived `TimelineIndicator`; a childless indicator stays decorative and `aria-hidden`, while one with content needs `indicatorLabel`.
      * @default undefined — a bare, decorative marker.
      */
-    indicator?: React.ReactNode;
+    indicator?: React.ReactNode | undefined;
     /**
      * Accessible name for a non-decorative `indicator`.
      * @default undefined — the indicator's own text names it.
      */
-    indicatorLabel?: string;
+    indicatorLabel?: string | undefined;
     /**
      * Where the event sits in the sequence: complete, current, or pending.
      * @default undefined — rendered without a state.
      */
-    state?: 'complete' | 'current' | 'pending';
+    state?: 'complete' | 'current' | 'pending' | undefined;
 }
 /** Props for the {@link Timeline} root. */
 export interface TimelineProps extends PrimitivePropsWithRef<'ol'> {
     /**
-     * Events rendered into derived parts per entry. Ignored with `children`.
+     * Events rendered into derived parts per entry; ignored with `children`.
      * @default undefined
      */
-    items?: TimelineItem[];
+    items?: TimelineItem[] | undefined;
     /**
-     * Render custom body for each item's `content`. Ignored with `children`.
+     * Render custom body for each item's `content`; ignored with `children`.
      * @default undefined
      */
-    renderContent?: (item: TimelineItem) => React.ReactNode;
+    renderContent?: ((item: TimelineItem) => React.ReactNode) | undefined;
     /**
      * Layout axis, exposed as `data-orientation` — purely a styling hook.
      * @default 'vertical'
      */
-    orientation?: 'vertical' | 'horizontal';
+    orientation?: 'vertical' | 'horizontal' | undefined;
+    /**
+     * Which side of the rail the skin lays the entries out on, mirrored to `data-align`.
+     * @default undefined — the skin's own default alignment.
+     */
+    align?: 'end' | 'alternate' | (string & {}) | undefined;
 }
 /** Props for a single {@link TimelineItem} entry. */
 export interface TimelineItemProps extends PrimitivePropsWithRef<'li'> {
+    /**
+     * Where the event sits in the sequence, mirrored to `data-state` for the skin.
+     * @default undefined — rendered without a state.
+     */
+    state?: 'complete' | 'current' | 'pending' | undefined;
 }
 /** Props for {@link TimelineIndicator}, the dot/icon marker for a `TimelineItem`. */
 export interface TimelineIndicatorProps extends PrimitivePropsWithRef<'div'> {

package/dist/toast/Toast.cjs

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

@@ -1,18 +1,10 @@
 import * as React from 'react';
 import type { ToastContextValue, ToastProps } from './types.cjs';
-export declare const ToastImplProvider: {
-    (props: ToastContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useToastContext: (consumerName: string) => ToastContextValue;
+export declare const ToastImplProvider: React.FC<ToastContextValue & {
+    children: React.ReactNode;
+}>, useToastContext: (consumerName: string) => ToastContextValue;
 /**
- * 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.
+ * A single toast notification with `data-state`, self-closing after `duration` (paused on hover/focus/page-hidden) and dismissible via swipe or Escape.
  *
  * @example
  * ```tsx
@@ -24,4 +16,7 @@ export declare const ToastImplProvider: {
  * </Toast>
  * ```
  */
-export declare const Toast: React.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Toast: {
+    ({ open: openProp, defaultOpen, onOpenChange, duration: durationProp, forceMount, onOpenChangeComplete, onEscapeKeyDown, onPause, onResume, type, ref: forwardedRef, ...props }: ToastProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/Toast.d.ts

@@ -1,18 +1,10 @@
 import * as React from 'react';
 import type { ToastContextValue, ToastProps } from './types.js';
-export declare const ToastImplProvider: {
-    (props: ToastContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useToastContext: (consumerName: string) => ToastContextValue;
+export declare const ToastImplProvider: React.FC<ToastContextValue & {
+    children: React.ReactNode;
+}>, useToastContext: (consumerName: string) => ToastContextValue;
 /**
- * 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.
+ * A single toast notification with `data-state`, self-closing after `duration` (paused on hover/focus/page-hidden) and dismissible via swipe or Escape.
  *
  * @example
  * ```tsx
@@ -24,4 +16,7 @@ export declare const ToastImplProvider: {
  * </Toast>
  * ```
  */
-export declare const Toast: React.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Toast: {
+    ({ open: openProp, defaultOpen, onOpenChange, duration: durationProp, forceMount, onOpenChangeComplete, onEscapeKeyDown, onPause, onResume, type, ref: forwardedRef, ...props }: ToastProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/Toast.js

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

package/dist/toast/ToastAction.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ToastActionProps } from './types.cjs';
 /**
  * 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.
@@ -8,4 +8,7 @@ import type { ToastActionProps } from './types.cjs';
  * <ToastAction altText="Undo the save" onClick={undo}>Undo</ToastAction>
  * ```
  */
-export declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToastAction: {
+    ({ altText, ref: forwardedRef, ...props }: ToastActionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastAction.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ToastActionProps } from './types.js';
 /**
  * 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.
@@ -8,4 +8,7 @@ import type { ToastActionProps } from './types.js';
  * <ToastAction altText="Undo the save" onClick={undo}>Undo</ToastAction>
  * ```
  */
-export declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToastAction: {
+    ({ altText, ref: forwardedRef, ...props }: ToastActionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastClose.d.cts

@@ -1,22 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ToastCloseProps } from './types.cjs';
 /**
- * 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.
+ * Button that dismisses the toast when clicked, defaulting to `aria-label="Dismiss"` unless the consumer names it.
  *
  * @example
  * ```tsx
  * <ToastClose>✕</ToastClose>
  * ```
- *
- * @example
- * ```tsx
- * // 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>>;
+export declare const ToastClose: {
+    ({ ref: forwardedRef, ...props }: ToastCloseProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastClose.d.ts

@@ -1,22 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ToastCloseProps } from './types.js';
 /**
- * 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.
+ * Button that dismisses the toast when clicked, defaulting to `aria-label="Dismiss"` unless the consumer names it.
  *
  * @example
  * ```tsx
  * <ToastClose>✕</ToastClose>
  * ```
- *
- * @example
- * ```tsx
- * // 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>>;
+export declare const ToastClose: {
+    ({ ref: forwardedRef, ...props }: ToastCloseProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastDescription.d.cts

@@ -8,4 +8,7 @@ import type { ToastDescriptionProps } from './types.cjs';
  * <ToastDescription>Your changes have been saved.</ToastDescription>
  * ```
  */
-export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastDescriptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastDescription: {
+    ({ ref: forwardedRef, ...props }: ToastDescriptionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastDescription.d.ts

@@ -8,4 +8,7 @@ import type { ToastDescriptionProps } from './types.js';
  * <ToastDescription>Your changes have been saved.</ToastDescription>
  * ```
  */
-export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastDescriptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastDescription: {
+    ({ ref: forwardedRef, ...props }: ToastDescriptionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastProvider.d.cts

@@ -1,16 +1,10 @@
 import * as React from 'react';
 import type { ToastProviderContextValue, ToastProviderProps } from './types.cjs';
-export declare const ToastProviderImpl: {
-    (props: ToastProviderContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useToastProviderContext: (consumerName: string) => ToastProviderContextValue;
+export declare const ToastProviderImpl: React.FC<ToastProviderContextValue & {
+    children: React.ReactNode;
+}>, useToastProviderContext: (consumerName: string) => ToastProviderContextValue;
 /**
- * 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.
+ * App-level ancestor supplying default toast `duration`, the accessible region `label`, and the `aria-live` announcer for descendant `Toast`s.
  *
  * @example
  * ```tsx

package/dist/toast/ToastProvider.d.ts

@@ -1,16 +1,10 @@
 import * as React from 'react';
 import type { ToastProviderContextValue, ToastProviderProps } from './types.js';
-export declare const ToastProviderImpl: {
-    (props: ToastProviderContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useToastProviderContext: (consumerName: string) => ToastProviderContextValue;
+export declare const ToastProviderImpl: React.FC<ToastProviderContextValue & {
+    children: React.ReactNode;
+}>, useToastProviderContext: (consumerName: string) => ToastProviderContextValue;
 /**
- * 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.
+ * App-level ancestor supplying default toast `duration`, the accessible region `label`, and the `aria-live` announcer for descendant `Toast`s.
  *
  * @example
  * ```tsx

package/dist/toast/ToastTitle.d.cts

@@ -1,11 +1,14 @@
 import * as React from 'react';
 import type { ToastTitleProps } from './types.cjs';
 /**
- * Toast heading. Provides the id the root's `aria-labelledby` points to.
+ * Toast heading, providing the id the root's `aria-labelledby` points to.
  *
  * @example
  * ```tsx
  * <ToastTitle>Saved</ToastTitle>
  * ```
  */
-export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastTitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastTitle: {
+    ({ ref: forwardedRef, ...props }: ToastTitleProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastTitle.d.ts

@@ -1,11 +1,14 @@
 import * as React from 'react';
 import type { ToastTitleProps } from './types.js';
 /**
- * Toast heading. Provides the id the root's `aria-labelledby` points to.
+ * Toast heading, providing the id the root's `aria-labelledby` points to.
  *
  * @example
  * ```tsx
  * <ToastTitle>Saved</ToastTitle>
  * ```
  */
-export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastTitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastTitle: {
+    ({ ref: forwardedRef, ...props }: ToastTitleProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastViewport.d.cts

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import type { ToastViewportProps } from './types.cjs';
 /**
- * Fixed, portaled `<div role="region">` that hosts rendered `Toast`s in
- * order, labelled via the ancestor `ToastProvider`'s `label`. Render once,
- * near the end of the app, alongside `ToastProvider`.
- *
- * 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 `<div role="region">` that hosts rendered `Toast`s in order, reachable via F6 and restoring focus when the focused toast is removed.
  *
  * @example
  * ```tsx
@@ -16,4 +11,7 @@ import type { ToastViewportProps } from './types.cjs';
  * </ToastProvider>
  * ```
  */
-export declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastViewport: {
+    ({ hotkey, ref: forwardedRef, ...props }: ToastViewportProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/ToastViewport.d.ts

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import type { ToastViewportProps } from './types.js';
 /**
- * Fixed, portaled `<div role="region">` that hosts rendered `Toast`s in
- * order, labelled via the ancestor `ToastProvider`'s `label`. Render once,
- * near the end of the app, alongside `ToastProvider`.
- *
- * 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 `<div role="region">` that hosts rendered `Toast`s in order, reachable via F6 and restoring focus when the focused toast is removed.
  *
  * @example
  * ```tsx
@@ -16,4 +11,7 @@ import type { ToastViewportProps } from './types.js';
  * </ToastProvider>
  * ```
  */
-export declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastViewport: {
+    ({ hotkey, ref: forwardedRef, ...props }: ToastViewportProps): React.ReactNode;
+    displayName: string;
+};

package/dist/toast/Toaster.d.cts

@@ -1,13 +1,11 @@
 import * as React from 'react';
 import type { ToasterOptions, ToasterProps, ToasterStore, ToasterToast } from './types.cjs';
 /**
- * Default auto-dismiss duration (ms). WCAG 2.2.1: 5s minimum for short toast.
- * Timer pauses on hover, focus, or when page hidden.
+ * Default auto-dismiss duration (ms): 5s, the WCAG 2.2.1 minimum for a short toast.
  */
 export declare const DEFAULT_TOAST_DURATION = 5000;
 /**
- * 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.
+ * Creates a toast queue with `create`/`update`/`dismiss`/`promise` methods, keeping at most `max` visible and queuing the rest in FIFO order.
  *
  * @example
  * ```ts
@@ -26,9 +24,7 @@ export declare function createToaster(options?: ToasterOptions): ToasterStore;
  */
 export declare function useToaster(toaster: ToasterStore): readonly ToasterToast[];
 /**
- * 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.
+ * Renders a toast queue as a `ToastProvider` + `ToastViewport` region; mount once, then call `toaster.create()` from anywhere.
  *
  * @example
  * ```tsx

package/dist/toast/Toaster.d.ts

@@ -1,13 +1,11 @@
 import * as React from 'react';
 import type { ToasterOptions, ToasterProps, ToasterStore, ToasterToast } from './types.js';
 /**
- * Default auto-dismiss duration (ms). WCAG 2.2.1: 5s minimum for short toast.
- * Timer pauses on hover, focus, or when page hidden.
+ * Default auto-dismiss duration (ms): 5s, the WCAG 2.2.1 minimum for a short toast.
  */
 export declare const DEFAULT_TOAST_DURATION = 5000;
 /**
- * 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.
+ * Creates a toast queue with `create`/`update`/`dismiss`/`promise` methods, keeping at most `max` visible and queuing the rest in FIFO order.
  *
  * @example
  * ```ts
@@ -26,9 +24,7 @@ export declare function createToaster(options?: ToasterOptions): ToasterStore;
  */
 export declare function useToaster(toaster: ToasterStore): readonly ToasterToast[];
 /**
- * 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.
+ * Renders a toast queue as a `ToastProvider` + `ToastViewport` region; mount once, then call `toaster.create()` from anywhere.
  *
  * @example
  * ```tsx