@radix-ui/react-toast 0.1.2-rc.1 → 0.1.2-rc.12

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { Primitive } from "@radix-ui/react-primitive";
 type SwipeDirection = 'up' | 'down' | 'left' | 'right';
 export const createToastScope: import("@radix-ui/react-context").CreateScope;
 export interface ToastProviderProps {
+    children?: React.ReactNode;
     /**
      * An author-localized label for each toast. Used to help screen reader users
      * associate the interruption with a toast.
@@ -26,7 +27,6 @@ export interface ToastProviderProps {
      * @defaultValue 50
      */
     swipeThreshold?: number;
-    children?: React.ReactNode;
 }
 export const ToastProvider: React.FC<ToastProviderProps>;
 type PrimitiveOrderedListProps = Radix.ComponentPropsWithoutRef<typeof Primitive.ol>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/react/toast/src/packages/react/toast/src/Toast.tsx","./packages/react/toast/src/packages/react/toast/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":"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","sources":["./packages/react/toast/src/packages/react/toast/src/Toast.tsx","./packages/react/toast/src/packages/react/toast/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,2 +1,2 @@
-var e,t=require("@radix-ui/react-visually-hidden").VisuallyHidden,r=require("@radix-ui/react-use-layout-effect").useLayoutEffect,o=require("@radix-ui/react-use-controllable-state").useControllableState,n=require("@radix-ui/react-use-callback-ref").useCallbackRef,s=require("@radix-ui/react-primitive").Primitive,a=require("@radix-ui/react-presence").Presence,i=require("@radix-ui/react-portal").UnstablePortal,c=f({},require("@radix-ui/react-dismissable-layer")),u=require("@radix-ui/react-context").createContextScope,l=require("@radix-ui/react-compose-refs").useComposedRefs,d=require("@radix-ui/primitive").composeEventHandlers,p=f({},require("react-dom")),w=f({},require("react")),v=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function f(e,t){return Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e}const[m,E]=u("Toast");exports.createToastScope=E;const[T,y]=m("ToastProvider"),x=e=>{const{__scopeToast:t,label:r="Notification",duration:o=5e3,swipeDirection:n="right",swipeThreshold:s=50,children:a}=e,[i,c]=w.useState(null),[u,l]=w.useState(0),d=w.useRef(!1),p=w.useRef(!1);/*#__PURE__*/return w.createElement(T,{scope:t,label:r,duration:o,swipeDirection:n,swipeThreshold:s,toastCount:u,viewport:i,onViewportChange:c,onToastAdd:w.useCallback((()=>l((e=>e+1))),[]),onToastRemove:w.useCallback((()=>l((e=>e-1))),[]),isFocusedToastEscapeKeyDownRef:d,isClosePausedRef:p},a)};exports.ToastProvider=x;const g=["F8"],b=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,hotkey:o=g,label:n="Notifications ({hotkey})",...a}=e,i=y("ToastViewport",r),u=w.useRef(null),d=w.useRef(null),p=l(t,d,i.onViewportChange),f=o.join("+").replace(/Key/g,"").replace(/Digit/g,"");return w.useEffect((()=>{const e=e=>{var t;o.every((t=>e[t]||e.code===t))&&(null===(t=d.current)||void 0===t||t.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[o]),w.useEffect((()=>{const e=u.current,t=d.current;if(e&&t){const r=()=>{const e=new Event("toast.viewportPause");t.dispatchEvent(e),i.isClosePausedRef.current=!0},o=()=>{const e=new Event("toast.viewportResume");t.dispatchEvent(e),i.isClosePausedRef.current=!1};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",o),window.addEventListener("blur",r),window.addEventListener("focus",o),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",o),window.removeEventListener("blur",r),window.removeEventListener("focus",o)}}}),[i.isClosePausedRef]),w.useEffect((()=>{const e=d.current;if(e){let t=[];const r=new MutationObserver((r=>{const[o]=r;o.addedNodes.forEach((r=>{t.includes(r)||(e.prepend(r),t=[...t,r])}))}));return r.observe(e,{childList:!0}),()=>r.disconnect()}}),[]),/*#__PURE__*/w.createElement(c.Branch,{ref:u,role:"region","aria-label":n.replace("{hotkey}",f),tabIndex:-1,style:{pointerEvents:i.toastCount>0?void 0:"none"}},/*#__PURE__*/w.createElement(s.ol,v({tabIndex:-1},a,{ref:p})))}));exports.ToastViewport=b;const h=/*#__PURE__*/w.forwardRef(((e,t)=>{const{forceMount:r,open:n,defaultOpen:s,onOpenChange:i,...c}=e,[u=!0,l]=o({prop:n,defaultProp:s,onChange:i});/*#__PURE__*/return w.createElement(a,{present:r||u},/*#__PURE__*/w.createElement(R,v({open:u},c,{ref:t,onClose:()=>l(!1),onSwipeStart:d(e.onSwipeStart,(e=>{e.currentTarget.setAttribute("data-swipe","start")})),onSwipeMove:d(e.onSwipeMove,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)})),onSwipeCancel:d(e.onSwipeCancel,(e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")})),onSwipeEnd:d(e.onSwipeEnd,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),l(!1)}))})))}));exports.Toast=h;const[C,P]=m("Toast",{isInteractive:!1,onClose(){}}),R=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,type:o="foreground",duration:a,open:i,onClose:u,onEscapeKeyDown:f,onSwipeStart:m,onSwipeMove:E,onSwipeCancel:T,onSwipeEnd:x,...g}=e,b=y("Toast",r),h=w.useRef(null),P=l(t,h),R=w.useRef(null),D=w.useRef(null),L=a||b.duration,_=w.useRef(0),k=w.useRef(L),A=w.useRef(0),{onToastAdd:F,onToastRemove:I}=b,K=n((()=>{var e,t;(null===(e=h.current)||void 0===e?void 0:e.contains(document.activeElement))&&(null===(t=b.viewport)||void 0===t||t.focus()),u()})),V=w.useCallback((e=>{e&&e!==1/0&&(window.clearTimeout(A.current),_.current=(new Date).getTime(),A.current=window.setTimeout(K,e))}),[K]);return w.useEffect((()=>{const e=b.viewport;if(e){const t=()=>{V(k.current)},r=()=>{const e=(new Date).getTime()-_.current;k.current=k.current-e,window.clearTimeout(A.current)};return e.addEventListener("toast.viewportPause",r),e.addEventListener("toast.viewportResume",t),()=>{e.removeEventListener("toast.viewportPause",r),e.removeEventListener("toast.viewportResume",t)}}}),[b.viewport,L,V]),w.useEffect((()=>{i&&!b.isClosePausedRef.current&&V(L)}),[i,L,b.isClosePausedRef,V]),w.useEffect((()=>(F(),()=>I())),[F,I]),b.viewport?/*#__PURE__*/w.createElement(w.Fragment,null,/*#__PURE__*/w.createElement(S,{__scopeToast:r,role:"status","aria-live":"foreground"===o?"assertive":"polite","aria-atomic":!0},e.children),/*#__PURE__*/w.createElement(C,{scope:r,isInteractive:!0,onClose:K},/*#__PURE__*/p.createPortal(/*#__PURE__*/w.createElement(c.Root,{asChild:!0,onEscapeKeyDown:d(f,(()=>{b.isFocusedToastEscapeKeyDownRef.current||K(),b.isFocusedToastEscapeKeyDownRef.current=!1}))},/*#__PURE__*/w.createElement(s.li,v({role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":i?"open":"closed","data-swipe-direction":b.swipeDirection},g,{ref:P,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:d(e.onKeyDown,(e=>{"Escape"===e.key&&(null==f||f(e.nativeEvent),e.nativeEvent.defaultPrevented||(b.isFocusedToastEscapeKeyDownRef.current=!0,K()))})),onPointerDown:d(e.onPointerDown,(e=>{0===e.button&&(R.current={x:e.clientX,y:e.clientY})})),onPointerMove:d(e.onPointerMove,(e=>{if(!R.current)return;const t=e.clientX-R.current.x,r=e.clientY-R.current.y,o=Boolean(D.current),n=["left","right"].includes(b.swipeDirection),s=["left","up"].includes(b.swipeDirection)?Math.min:Math.max,a=n?s(0,t):0,i=n?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:a,y:i},l={originalEvent:e,delta:u};o?(D.current=u,M("toast.swipeMove",E,l)):q(u,b.swipeDirection,c)?(D.current=u,M("toast.swipeStart",m,l),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(R.current=null)})),onPointerUp:d(e.onPointerUp,(e=>{const t=D.current;if(e.target.releasePointerCapture(e.pointerId),D.current=null,R.current=null,t){const r=e.currentTarget,o={originalEvent:e,delta:t};q(t,b.swipeDirection,b.swipeThreshold)?M("toast.swipeEnd",x,o):M("toast.swipeCancel",T,o),r.addEventListener("click",(e=>e.preventDefault()),{once:!0})}}))}))),b.viewport))):null}));R.propTypes={type(e){if(e.type&&!["foreground","background"].includes(e.type)){throw new Error("Invalid prop `type` supplied to `Toast`. Expected `foreground | background`.")}return null}};const S=e=>{const{__scopeToast:o,...s}=e,a=y("Toast",o),[c,u]=w.useState(!1),[l,d]=w.useState(!1);return function(e=(()=>{})){const t=n(e);r((()=>{let e=0,r=0;return e=window.requestAnimationFrame((()=>r=window.requestAnimationFrame(t))),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}}),[t])}((()=>u(!0))),w.useEffect((()=>{const e=window.setTimeout((()=>d(!0)),1e3);return()=>window.clearTimeout(e)}),[]),l?null:/*#__PURE__*/w.createElement(i,{asChild:!0},/*#__PURE__*/w.createElement(t,{asChild:!0},/*#__PURE__*/w.createElement("div",s,c&&/*#__PURE__*/w.createElement(w.Fragment,null,a.label," ",e.children))))},D=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return w.createElement(s.div,v({},o,{ref:t}))}));exports.ToastTitle=D;const L=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return w.createElement(s.div,v({},o,{ref:t}))}));exports.ToastDescription=L;const _=/*#__PURE__*/w.forwardRef(((e,t)=>{const{altText:r,...o}=e,n=P("ToastAction",e.__scopeToast);return r?n.isInteractive?/*#__PURE__*/w.createElement(k,v({},o,{ref:t})):/*#__PURE__*/w.createElement("span",null,r):null}));exports.ToastAction=_,_.propTypes={altText(e){if(!e.altText)throw new Error("Missing prop `altText` expected on `ToastAction`");return null}};const k=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e,n=P("ToastClose",r);return n.isInteractive?/*#__PURE__*/w.createElement(s.button,v({type:"button"},o,{ref:t,onClick:d(e.onClick,n.onClose)})):null}));function M(e,t,r){const o=r.originalEvent.currentTarget,n=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),o.dispatchEvent(n)}exports.ToastClose=k;const q=(e,t,r=0)=>{const o=Math.abs(e.x),n=Math.abs(e.y),s=o>n;return"left"===t||"right"===t?s&&o>r:!s&&n>r};const A=x;exports.Provider=A;const F=b;exports.Viewport=F;const I=h;exports.Root=I;const K=D;exports.Title=K;const V=L;exports.Description=V;const O=_;exports.Action=O;const $=k;exports.Close=$;
+var e,t=require("@radix-ui/react-visually-hidden").VisuallyHidden,r=require("@radix-ui/react-use-layout-effect").useLayoutEffect,o=require("@radix-ui/react-use-controllable-state").useControllableState,n=require("@radix-ui/react-use-callback-ref").useCallbackRef,s=require("@radix-ui/react-primitive").Primitive,a=require("@radix-ui/react-presence").Presence,i=require("@radix-ui/react-portal").UnstablePortal,c=f({},require("@radix-ui/react-dismissable-layer")),u=require("@radix-ui/react-context").createContextScope,l=require("@radix-ui/react-compose-refs").useComposedRefs,d=require("@radix-ui/primitive").composeEventHandlers,p=f({},require("react-dom")),w=f({},require("react")),v=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function f(e,t){return Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e}const[m,E]=u("Toast");exports.createToastScope=E;const[T,y]=m("ToastProvider"),x=e=>{const{__scopeToast:t,label:r="Notification",duration:o=5e3,swipeDirection:n="right",swipeThreshold:s=50,children:a}=e,[i,c]=w.useState(null),[u,l]=w.useState(0),d=w.useRef(!1),p=w.useRef(!1);/*#__PURE__*/return w.createElement(T,{scope:t,label:r,duration:o,swipeDirection:n,swipeThreshold:s,toastCount:u,viewport:i,onViewportChange:c,onToastAdd:w.useCallback((()=>l((e=>e+1))),[]),onToastRemove:w.useCallback((()=>l((e=>e-1))),[]),isFocusedToastEscapeKeyDownRef:d,isClosePausedRef:p},a)};exports.ToastProvider=x;const g=["F8"],b=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,hotkey:o=g,label:n="Notifications ({hotkey})",...a}=e,i=y("ToastViewport",r),u=w.useRef(null),d=w.useRef(null),p=l(t,d,i.onViewportChange),f=o.join("+").replace(/Key/g,"").replace(/Digit/g,"");return w.useEffect((()=>{const e=e=>{var t;o.every((t=>e[t]||e.code===t))&&(null===(t=d.current)||void 0===t||t.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[o]),w.useEffect((()=>{const e=u.current,t=d.current;if(e&&t){const r=()=>{const e=new Event("toast.viewportPause");t.dispatchEvent(e),i.isClosePausedRef.current=!0},o=()=>{const e=new Event("toast.viewportResume");t.dispatchEvent(e),i.isClosePausedRef.current=!1};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",o),window.addEventListener("blur",r),window.addEventListener("focus",o),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",o),window.removeEventListener("blur",r),window.removeEventListener("focus",o)}}}),[i.isClosePausedRef]),w.useEffect((()=>{const e=d.current;if(e){const t=new Set,r=new MutationObserver((r=>{const o=r.map((e=>Array.from(e.addedNodes))).reduce(((e,t)=>e.concat(t)));o.forEach((r=>{t.has(r)?t.delete(r):(e.prepend(r),t.add(r))}))}));return r.observe(e,{childList:!0}),()=>r.disconnect()}}),[]),/*#__PURE__*/w.createElement(c.Branch,{ref:u,role:"region","aria-label":n.replace("{hotkey}",f),tabIndex:-1,style:{pointerEvents:i.toastCount>0?void 0:"none"}},/*#__PURE__*/w.createElement(s.ol,v({tabIndex:-1},a,{ref:p})))}));exports.ToastViewport=b;const h=/*#__PURE__*/w.forwardRef(((e,t)=>{const{forceMount:r,open:n,defaultOpen:s,onOpenChange:i,...c}=e,[u=!0,l]=o({prop:n,defaultProp:s,onChange:i});/*#__PURE__*/return w.createElement(a,{present:r||u},/*#__PURE__*/w.createElement(R,v({open:u},c,{ref:t,onClose:()=>l(!1),onSwipeStart:d(e.onSwipeStart,(e=>{e.currentTarget.setAttribute("data-swipe","start")})),onSwipeMove:d(e.onSwipeMove,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)})),onSwipeCancel:d(e.onSwipeCancel,(e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")})),onSwipeEnd:d(e.onSwipeEnd,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),l(!1)}))})))}));exports.Toast=h;const[C,P]=m("Toast",{isInteractive:!1,onClose(){}}),R=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,type:o="foreground",duration:a,open:i,onClose:u,onEscapeKeyDown:f,onSwipeStart:m,onSwipeMove:E,onSwipeCancel:T,onSwipeEnd:x,...g}=e,b=y("Toast",r),h=w.useRef(null),P=l(t,h),R=w.useRef(null),D=w.useRef(null),L=a||b.duration,_=w.useRef(0),k=w.useRef(L),A=w.useRef(0),{onToastAdd:F,onToastRemove:I}=b,K=n((()=>{var e,t;(null===(e=h.current)||void 0===e?void 0:e.contains(document.activeElement))&&(null===(t=b.viewport)||void 0===t||t.focus()),u()})),V=w.useCallback((e=>{e&&e!==1/0&&(window.clearTimeout(A.current),_.current=(new Date).getTime(),A.current=window.setTimeout(K,e))}),[K]);return w.useEffect((()=>{const e=b.viewport;if(e){const t=()=>{V(k.current)},r=()=>{const e=(new Date).getTime()-_.current;k.current=k.current-e,window.clearTimeout(A.current)};return e.addEventListener("toast.viewportPause",r),e.addEventListener("toast.viewportResume",t),()=>{e.removeEventListener("toast.viewportPause",r),e.removeEventListener("toast.viewportResume",t)}}}),[b.viewport,L,V]),w.useEffect((()=>{i&&!b.isClosePausedRef.current&&V(L)}),[i,L,b.isClosePausedRef,V]),w.useEffect((()=>(F(),()=>I())),[F,I]),b.viewport?/*#__PURE__*/w.createElement(w.Fragment,null,/*#__PURE__*/w.createElement(S,{__scopeToast:r,role:"status","aria-live":"foreground"===o?"assertive":"polite","aria-atomic":!0},e.children),/*#__PURE__*/w.createElement(C,{scope:r,isInteractive:!0,onClose:K},/*#__PURE__*/p.createPortal(/*#__PURE__*/w.createElement(c.Root,{asChild:!0,onEscapeKeyDown:d(f,(()=>{b.isFocusedToastEscapeKeyDownRef.current||K(),b.isFocusedToastEscapeKeyDownRef.current=!1}))},/*#__PURE__*/w.createElement(s.li,v({role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":i?"open":"closed","data-swipe-direction":b.swipeDirection},g,{ref:P,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:d(e.onKeyDown,(e=>{"Escape"===e.key&&(null==f||f(e.nativeEvent),e.nativeEvent.defaultPrevented||(b.isFocusedToastEscapeKeyDownRef.current=!0,K()))})),onPointerDown:d(e.onPointerDown,(e=>{0===e.button&&(R.current={x:e.clientX,y:e.clientY})})),onPointerMove:d(e.onPointerMove,(e=>{if(!R.current)return;const t=e.clientX-R.current.x,r=e.clientY-R.current.y,o=Boolean(D.current),n=["left","right"].includes(b.swipeDirection),s=["left","up"].includes(b.swipeDirection)?Math.min:Math.max,a=n?s(0,t):0,i=n?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:a,y:i},l={originalEvent:e,delta:u};o?(D.current=u,M("toast.swipeMove",E,l)):q(u,b.swipeDirection,c)?(D.current=u,M("toast.swipeStart",m,l),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(R.current=null)})),onPointerUp:d(e.onPointerUp,(e=>{const t=D.current;if(e.target.releasePointerCapture(e.pointerId),D.current=null,R.current=null,t){const r=e.currentTarget,o={originalEvent:e,delta:t};q(t,b.swipeDirection,b.swipeThreshold)?M("toast.swipeEnd",x,o):M("toast.swipeCancel",T,o),r.addEventListener("click",(e=>e.preventDefault()),{once:!0})}}))}))),b.viewport))):null}));R.propTypes={type(e){if(e.type&&!["foreground","background"].includes(e.type)){throw new Error("Invalid prop `type` supplied to `Toast`. Expected `foreground | background`.")}return null}};const S=e=>{const{__scopeToast:o,...s}=e,a=y("Toast",o),[c,u]=w.useState(!1),[l,d]=w.useState(!1);return function(e=(()=>{})){const t=n(e);r((()=>{let e=0,r=0;return e=window.requestAnimationFrame((()=>r=window.requestAnimationFrame(t))),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}}),[t])}((()=>u(!0))),w.useEffect((()=>{const e=window.setTimeout((()=>d(!0)),1e3);return()=>window.clearTimeout(e)}),[]),l?null:/*#__PURE__*/w.createElement(i,{asChild:!0},/*#__PURE__*/w.createElement(t,{asChild:!0},/*#__PURE__*/w.createElement("div",s,c&&/*#__PURE__*/w.createElement(w.Fragment,null,a.label," ",e.children))))},D=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return w.createElement(s.div,v({},o,{ref:t}))}));exports.ToastTitle=D;const L=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return w.createElement(s.div,v({},o,{ref:t}))}));exports.ToastDescription=L;const _=/*#__PURE__*/w.forwardRef(((e,t)=>{const{altText:r,...o}=e,n=P("ToastAction",e.__scopeToast);return r?n.isInteractive?/*#__PURE__*/w.createElement(k,v({},o,{ref:t})):/*#__PURE__*/w.createElement("span",null,r):null}));exports.ToastAction=_,_.propTypes={altText(e){if(!e.altText)throw new Error("Missing prop `altText` expected on `ToastAction`");return null}};const k=/*#__PURE__*/w.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e,n=P("ToastClose",r);return n.isInteractive?/*#__PURE__*/w.createElement(s.button,v({type:"button"},o,{ref:t,onClick:d(e.onClick,n.onClose)})):null}));function M(e,t,r){const o=r.originalEvent.currentTarget,n=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),o.dispatchEvent(n)}exports.ToastClose=k;const q=(e,t,r=0)=>{const o=Math.abs(e.x),n=Math.abs(e.y),s=o>n;return"left"===t||"right"===t?s&&o>r:!s&&n>r};const A=x;exports.Provider=A;const F=b;exports.Viewport=F;const I=h;exports.Root=I;const K=D;exports.Title=K;const V=L;exports.Description=V;const O=_;exports.Action=O;const $=k;exports.Close=$;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toast/src/Toast.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as DismissableLayer from '@radix-ui/react-dismissable-layer';\nimport { UnstablePortal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * ToastProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'ToastProvider';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\ntype ToastProviderContextValue = {\n  label: string;\n  duration: number;\n  swipeDirection: SwipeDirection;\n  swipeThreshold: number;\n  toastCount: number;\n  viewport: ToastViewportElement | null;\n  onViewportChange(viewport: ToastViewportElement): void;\n  onToastAdd(): void;\n  onToastRemove(): void;\n  isFocusedToastEscapeKeyDownRef: React.MutableRefObject<boolean>;\n  isClosePausedRef: React.MutableRefObject<boolean>;\n};\n\ntype ScopedProps<P> = P & { __scopeToast?: Scope };\nconst [createToastContext, createToastScope] = createContextScope('Toast');\nconst [ToastProviderProvider, useToastProviderContext] =\n  createToastContext<ToastProviderContextValue>(PROVIDER_NAME);\n\ninterface ToastProviderProps {\n  /**\n   * An author-localized label for each toast. Used to help screen reader users\n   * associate the interruption with a toast.\n   * @defaultValue 'Notification'\n   */\n  label?: string;\n  /**\n   * Time in milliseconds that each toast should remain visible for.\n   * @defaultValue 5000\n   */\n  duration?: number;\n  /**\n   * Direction of pointer swipe that should close the toast.\n   * @defaultValue 'right'\n   */\n  swipeDirection?: SwipeDirection;\n  /**\n   * Distance in pixels that the swipe must pass before a close is triggered.\n   * @defaultValue 50\n   */\n  swipeThreshold?: number;\n  children?: React.ReactNode;\n}\n\nconst ToastProvider: React.FC<ToastProviderProps> = (props: ScopedProps<ToastProviderProps>) => {\n  const {\n    __scopeToast,\n    label = 'Notification',\n    duration = 5000,\n    swipeDirection = 'right',\n    swipeThreshold = 50,\n    children,\n  } = props;\n  const [viewport, setViewport] = React.useState<ToastViewportElement | null>(null);\n  const [toastCount, setToastCount] = React.useState(0);\n  const isFocusedToastEscapeKeyDownRef = React.useRef(false);\n  const isClosePausedRef = React.useRef(false);\n  return (\n    <ToastProviderProvider\n      scope={__scopeToast}\n      label={label}\n      duration={duration}\n      swipeDirection={swipeDirection}\n      swipeThreshold={swipeThreshold}\n      toastCount={toastCount}\n      viewport={viewport}\n      onViewportChange={setViewport}\n      onToastAdd={React.useCallback(() => setToastCount((prevCount) => prevCount + 1), [])}\n      onToastRemove={React.useCallback(() => setToastCount((prevCount) => prevCount - 1), [])}\n      isFocusedToastEscapeKeyDownRef={isFocusedToastEscapeKeyDownRef}\n      isClosePausedRef={isClosePausedRef}\n    >\n      {children}\n    </ToastProviderProvider>\n  );\n};\n\nToastProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastViewport\n * -----------------------------------------------------------------------------------------------*/\n\nconst VIEWPORT_NAME = 'ToastViewport';\nconst VIEWPORT_DEFAULT_HOTKEY = ['F8'];\nconst VIEWPORT_PAUSE = 'toast.viewportPause';\nconst VIEWPORT_RESUME = 'toast.viewportResume';\n\ntype ToastViewportElement = React.ElementRef<typeof Primitive.ol>;\ntype PrimitiveOrderedListProps = Radix.ComponentPropsWithoutRef<typeof Primitive.ol>;\ninterface ToastViewportProps extends PrimitiveOrderedListProps {\n  /**\n   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.\n   * @defaultValue ['F8']\n   */\n  hotkey?: string[];\n  /**\n   * An author-localized label for the toast viewport to provide context for screen reader users\n   * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.\n   * @defaultValue 'Notifications ({hotkey})'\n   */\n  label?: string;\n}\n\nconst ToastViewport = React.forwardRef<ToastViewportElement, ToastViewportProps>(\n  (props: ScopedProps<ToastViewportProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      hotkey = VIEWPORT_DEFAULT_HOTKEY,\n      label = 'Notifications ({hotkey})',\n      ...viewportProps\n    } = props;\n    const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast);\n    const wrapperRef = React.useRef<HTMLDivElement>(null);\n    const ref = React.useRef<ToastViewportElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);\n    const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        // we use `event.code` as it is consistent regardless of meta keys that were pressed.\n        // for example, `event.key` for `Control+Alt+t` is `†` and `t !== †`\n        const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n        if (isHotkeyPressed) ref.current?.focus();\n      };\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [hotkey]);\n\n    React.useEffect(() => {\n      const wrapper = wrapperRef.current;\n      const viewport = ref.current;\n      if (wrapper && viewport) {\n        const handlePause = () => {\n          const pauseEvent = new Event(VIEWPORT_PAUSE);\n          viewport.dispatchEvent(pauseEvent);\n          context.isClosePausedRef.current = true;\n        };\n        const handleResume = () => {\n          const resumeEvent = new Event(VIEWPORT_RESUME);\n          viewport.dispatchEvent(resumeEvent);\n          context.isClosePausedRef.current = false;\n        };\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n        wrapper.addEventListener('focusin', handlePause);\n        wrapper.addEventListener('focusout', handleResume);\n        wrapper.addEventListener('pointerenter', handlePause);\n        wrapper.addEventListener('pointerleave', handleResume);\n        window.addEventListener('blur', handlePause);\n        window.addEventListener('focus', handleResume);\n        return () => {\n          wrapper.removeEventListener('focusin', handlePause);\n          wrapper.removeEventListener('focusout', handleResume);\n          wrapper.removeEventListener('pointerenter', handlePause);\n          wrapper.removeEventListener('pointerleave', handleResume);\n          window.removeEventListener('blur', handlePause);\n          window.removeEventListener('focus', handleResume);\n        };\n      }\n    }, [context.isClosePausedRef]);\n\n    React.useEffect(() => {\n      const viewport = ref.current;\n      // Re-order DOM so most recent toasts are at top of DOM structure to improve tab order\n      if (viewport) {\n        let moved: Node[] = [];\n        const observer = new MutationObserver((mutations) => {\n          const [childListMutation] = mutations;\n          childListMutation.addedNodes.forEach((node) => {\n            if (!moved.includes(node)) {\n              viewport.prepend(node);\n              moved = [...moved, node];\n            }\n          });\n        });\n        observer.observe(viewport, { childList: true });\n        return () => observer.disconnect();\n      }\n    }, []);\n\n    return (\n      <DismissableLayer.Branch\n        ref={wrapperRef}\n        role=\"region\"\n        aria-label={label.replace('{hotkey}', hotkeyLabel)}\n        // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume\n        tabIndex={-1}\n        // incase list has size when empty (e.g. padding), we remove pointer events so\n        // it doesn't prevent interactions with page elements that it overlays\n        style={{ pointerEvents: context.toastCount > 0 ? undefined : 'none' }}\n      >\n        {/**\n         * tabindex on the the list so that it can be focused when items are removed. we focus\n         * the list instead of the viewport so it announces number of items remaining.\n         */}\n        <Primitive.ol tabIndex={-1} {...viewportProps} ref={composedRefs} />\n      </DismissableLayer.Branch>\n    );\n  }\n);\n\nToastViewport.displayName = VIEWPORT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOAST_NAME = 'Toast';\nconst TOAST_SWIPE_START = 'toast.swipeStart';\nconst TOAST_SWIPE_MOVE = 'toast.swipeMove';\nconst TOAST_SWIPE_CANCEL = 'toast.swipeCancel';\nconst TOAST_SWIPE_END = 'toast.swipeEnd';\n\ntype ToastElement = ToastImplElement;\ninterface ToastProps extends Omit<ToastImplProps, keyof ToastImplPrivateProps> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst Toast = React.forwardRef<ToastElement, ToastProps>(\n  (props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;\n    const [open = true, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    return (\n      <Presence present={forceMount || open}>\n        <ToastImpl\n          open={open}\n          {...toastProps}\n          ref={forwardedRef}\n          onClose={() => setOpen(false)}\n          onSwipeStart={composeEventHandlers(props.onSwipeStart, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'start');\n          })}\n          onSwipeMove={composeEventHandlers(props.onSwipeMove, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'move');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-y', `${y}px`);\n          })}\n          onSwipeCancel={composeEventHandlers(props.onSwipeCancel, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'cancel');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-y');\n          })}\n          onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'end');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-y', `${y}px`);\n            setOpen(false);\n          })}\n        />\n      </Presence>\n    );\n  }\n);\n\nToast.displayName = TOAST_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype SwipeEvent = { currentTarget: EventTarget & ToastElement } & Omit<\n  CustomEvent<{ originalEvent: React.PointerEvent; delta: { x: number; y: number } }>,\n  'currentTarget'\n>;\n\nconst [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(TOAST_NAME, {\n  isInteractive: false,\n  onClose() {},\n});\n\ntype ToastImplElement = React.ElementRef<typeof Primitive.li>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer.Root>;\ntype ToastImplPrivateProps = { open: boolean; onClose(): void };\ntype PrimitiveListItemProps = Radix.ComponentPropsWithoutRef<typeof Primitive.li>;\ninterface ToastImplProps extends ToastImplPrivateProps, PrimitiveListItemProps {\n  type?: 'foreground' | 'background';\n  /**\n   * Time in milliseconds that toast should remain visible for. Overrides value\n   * given to `ToastProvider`.\n   */\n  duration?: number;\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  onSwipeStart?(event: SwipeEvent): void;\n  onSwipeMove?(event: SwipeEvent): void;\n  onSwipeCancel?(event: SwipeEvent): void;\n  onSwipeEnd?(event: SwipeEvent): void;\n}\n\nconst ToastImpl = React.forwardRef<ToastImplElement, ToastImplProps>(\n  (props: ScopedProps<ToastImplProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      type = 'foreground',\n      duration: durationProp,\n      open,\n      onClose,\n      onEscapeKeyDown,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      ...toastProps\n    } = props;\n    const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n    const ref = React.useRef<ToastImplElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ x: number; y: number } | null>(null);\n    const duration = durationProp || context.duration;\n    const closeTimerStartTimeRef = React.useRef(0);\n    const closeTimerRemainingTimeRef = React.useRef(duration);\n    const closeTimerRef = React.useRef(0);\n    const { onToastAdd, onToastRemove } = context;\n    const handleClose = useCallbackRef(() => {\n      // focus viewport if focus is within toast to read the remaining toast\n      // count to SR users and ensure focus isn't lost\n      const isFocusInToast = ref.current?.contains(document.activeElement);\n      if (isFocusInToast) context.viewport?.focus();\n      onClose();\n    });\n\n    const startTimer = React.useCallback(\n      (duration) => {\n        if (!duration || duration === Infinity) return;\n        window.clearTimeout(closeTimerRef.current);\n        closeTimerStartTimeRef.current = new Date().getTime();\n        closeTimerRef.current = window.setTimeout(handleClose, duration);\n      },\n      [handleClose]\n    );\n\n    React.useEffect(() => {\n      const viewport = context.viewport;\n      if (viewport) {\n        const handleResume = () => {\n          startTimer(closeTimerRemainingTimeRef.current);\n        };\n        const handlePause = () => {\n          const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n          closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;\n          window.clearTimeout(closeTimerRef.current);\n        };\n        viewport.addEventListener(VIEWPORT_PAUSE, handlePause);\n        viewport.addEventListener(VIEWPORT_RESUME, handleResume);\n        return () => {\n          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);\n          viewport.removeEventListener(VIEWPORT_RESUME, handleResume);\n        };\n      }\n    }, [context.viewport, duration, startTimer]);\n\n    // start timer when toast opens or duration changes.\n    // we include `open` in deps because closed !== unmounted when animating\n    // so it could reopen before being completely unmounted\n    React.useEffect(() => {\n      if (open && !context.isClosePausedRef.current) startTimer(duration);\n    }, [open, duration, context.isClosePausedRef, startTimer]);\n\n    React.useEffect(() => {\n      onToastAdd();\n      return () => onToastRemove();\n    }, [onToastAdd, onToastRemove]);\n\n    if (!context.viewport) return null;\n\n    return (\n      <>\n        <ToastAnnounce\n          __scopeToast={__scopeToast}\n          // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.\n          role=\"status\"\n          aria-live={type === 'foreground' ? 'assertive' : 'polite'}\n          aria-atomic\n        >\n          {props.children}\n        </ToastAnnounce>\n\n        <ToastInteractiveProvider scope={__scopeToast} isInteractive onClose={handleClose}>\n          {ReactDOM.createPortal(\n            <DismissableLayer.Root\n              asChild\n              onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {\n                if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();\n                context.isFocusedToastEscapeKeyDownRef.current = false;\n              })}\n            >\n              <Primitive.li\n                role=\"status\"\n                aria-live=\"off\"\n                aria-atomic\n                tabIndex={0}\n                data-state={open ? 'open' : 'closed'}\n                data-swipe-direction={context.swipeDirection}\n                {...toastProps}\n                ref={composedRefs}\n                style={{ userSelect: 'none', touchAction: 'none', ...props.style }}\n                onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n                  if (event.key !== 'Escape') return;\n                  onEscapeKeyDown?.(event.nativeEvent);\n                  if (!event.nativeEvent.defaultPrevented) {\n                    context.isFocusedToastEscapeKeyDownRef.current = true;\n                    handleClose();\n                  }\n                })}\n                onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n                  if (event.button !== 0) return;\n                  pointerStartRef.current = { x: event.clientX, y: event.clientY };\n                })}\n                onPointerMove={composeEventHandlers(props.onPointerMove, (event) => {\n                  if (!pointerStartRef.current) return;\n                  const x = event.clientX - pointerStartRef.current.x;\n                  const y = event.clientY - pointerStartRef.current.y;\n                  const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n                  const isHorizontalSwipe = ['left', 'right'].includes(context.swipeDirection);\n                  const clamp = ['left', 'up'].includes(context.swipeDirection)\n                    ? Math.min\n                    : Math.max;\n                  const clampedX = isHorizontalSwipe ? clamp(0, x) : 0;\n                  const clampedY = !isHorizontalSwipe ? clamp(0, y) : 0;\n                  const moveStartBuffer = event.pointerType === 'touch' ? 10 : 2;\n                  const delta = { x: clampedX, y: clampedY };\n                  const eventDetail = { originalEvent: event, delta };\n                  if (hasSwipeMoveStarted) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_MOVE, onSwipeMove, eventDetail);\n                  } else if (isDeltaInDirection(delta, context.swipeDirection, moveStartBuffer)) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_START, onSwipeStart, eventDetail);\n                    (event.target as HTMLElement).setPointerCapture(event.pointerId);\n                  } else if (Math.abs(x) > moveStartBuffer || Math.abs(y) > moveStartBuffer) {\n                    // User is swiping in wrong direction so we disable swipe gesture\n                    // for the current pointer down interaction\n                    pointerStartRef.current = null;\n                  }\n                })}\n                onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n                  const delta = swipeDeltaRef.current;\n                  (event.target as HTMLElement).releasePointerCapture(event.pointerId);\n                  swipeDeltaRef.current = null;\n                  pointerStartRef.current = null;\n                  if (delta) {\n                    const toast = event.currentTarget;\n                    const eventDetail = { originalEvent: event, delta };\n                    if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {\n                      dispatchCustomEvent(TOAST_SWIPE_END, onSwipeEnd, eventDetail);\n                    } else {\n                      dispatchCustomEvent(TOAST_SWIPE_CANCEL, onSwipeCancel, eventDetail);\n                    }\n                    // Prevent click event from triggering on items within the toast when\n                    // pointer up is part of a swipe gesture\n                    toast.addEventListener('click', (event) => event.preventDefault(), {\n                      once: true,\n                    });\n                  }\n                })}\n              />\n            </DismissableLayer.Root>,\n            context.viewport\n          )}\n        </ToastInteractiveProvider>\n      </>\n    );\n  }\n);\n\nToastImpl.propTypes = {\n  type(props) {\n    if (props.type && !['foreground', 'background'].includes(props.type)) {\n      const error = `Invalid prop \\`type\\` supplied to \\`${TOAST_NAME}\\`. Expected \\`foreground | background\\`.`;\n      throw new Error(error);\n    }\n    return null;\n  },\n};\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface ToastAnnounceProps\n  extends React.ComponentPropsWithoutRef<'div'>,\n    ScopedProps<{ children?: ToastImplProps['children'] }> {}\n\nconst ToastAnnounce: React.FC<ToastAnnounceProps> = (props: ScopedProps<ToastAnnounceProps>) => {\n  const { __scopeToast, ...announceProps } = props;\n  const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n  const [renderChildren, setRenderChildren] = React.useState(false);\n  const [isAnnounced, setIsAnnounced] = React.useState(false);\n\n  // render children in the next frame to ensure toast is announced in NVDA\n  useNextFrame(() => setRenderChildren(true));\n\n  React.useEffect(() => {\n    const timer = window.setTimeout(() => setIsAnnounced(true), 1000);\n    return () => window.clearTimeout(timer);\n  }, []);\n\n  return isAnnounced ? null : (\n    <UnstablePortal asChild>\n      <VisuallyHidden asChild>\n        <div {...announceProps}>\n          {renderChildren && (\n            <>\n              {context.label} {props.children}\n            </>\n          )}\n        </div>\n      </VisuallyHidden>\n    </UnstablePortal>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle';\n\ntype ToastTitleElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToastTitleProps extends PrimitiveDivProps {}\n\nconst ToastTitle = React.forwardRef<ToastTitleElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props;\n    return <Primitive.div {...titleProps} ref={forwardedRef} />;\n  }\n);\n\nToastTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription';\n\ntype ToastDescriptionElement = React.ElementRef<typeof Primitive.div>;\ninterface ToastDescriptionProps extends PrimitiveDivProps {}\n\nconst ToastDescription = React.forwardRef<ToastDescriptionElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props;\n    return <Primitive.div {...descriptionProps} ref={forwardedRef} />;\n  }\n);\n\nToastDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction';\n\ntype ToastActionElement = ToastCloseElement;\ninterface ToastActionProps extends ToastCloseProps {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string;\n}\n\nconst ToastAction = React.forwardRef<ToastActionElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props;\n    const context = useToastInteractiveContext(ACTION_NAME, props.__scopeToast);\n    if (!altText) return null;\n    return context.isInteractive ? (\n      <ToastClose {...actionProps} ref={forwardedRef} />\n    ) : (\n      <span>{altText}</span>\n    );\n  }\n);\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      throw new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``);\n    }\n    return null;\n  },\n};\n\nToastAction.displayName = ACTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose';\n\ntype ToastCloseElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToastCloseProps extends PrimitiveButtonProps {}\n\nconst ToastClose = React.forwardRef<ToastCloseElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props;\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);\n    return interactiveContext.isInteractive ? (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, interactiveContext.onClose)}\n      />\n    ) : null;\n  }\n);\n\nToastClose.displayName = CLOSE_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction dispatchCustomEvent<E extends CustomEvent, ReactEvent extends React.SyntheticEvent>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: ReactEvent } & (E extends CustomEvent<infer D> ? D : never)\n) {\n  const currentTarget = detail.originalEvent.currentTarget as HTMLElement;\n  const event = new CustomEvent(name, { bubbles: true, cancelable: true, detail });\n  if (handler) currentTarget.addEventListener(name, handler as EventListener, { once: true });\n  currentTarget.dispatchEvent(event);\n}\n\nconst isDeltaInDirection = (\n  delta: { x: number; y: number },\n  direction: SwipeDirection,\n  threshold = 0\n) => {\n  const deltaX = Math.abs(delta.x);\n  const deltaY = Math.abs(delta.y);\n  const isDeltaX = deltaX > deltaY;\n  if (direction === 'left' || direction === 'right') {\n    return isDeltaX && deltaX > threshold;\n  } else {\n    return !isDeltaX && deltaY > threshold;\n  }\n};\n\nfunction useNextFrame(callback = () => {}) {\n  const fn = useCallbackRef(callback);\n  useLayoutEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    raf1 = window.requestAnimationFrame(() => (raf2 = window.requestAnimationFrame(fn)));\n    return () => {\n      window.cancelAnimationFrame(raf1);\n      window.cancelAnimationFrame(raf2);\n    };\n  }, [fn]);\n}\n\nconst Provider = ToastProvider;\nconst Viewport = ToastViewport;\nconst Root = Toast;\nconst Title = ToastTitle;\nconst Description = ToastDescription;\nconst Action = ToastAction;\nconst Close = ToastClose;\n\nexport {\n  createToastScope,\n  //\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n  //\n  Provider,\n  Viewport,\n  Root,\n  Title,\n  Description,\n  Action,\n  Close,\n};\nexport type {\n  ToastProviderProps,\n  ToastViewportProps,\n  ToastProps,\n  ToastTitleProps,\n  ToastDescriptionProps,\n  ToastActionProps,\n  ToastCloseProps,\n};\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","createToastContext","createToastScope","createContextScope","ToastProviderProvider","useToastProviderContext","ToastProvider","props","__scopeToast","label","duration","swipeDirection","swipeThreshold","children","viewport","setViewport","React","useState","toastCount","setToastCount","isFocusedToastEscapeKeyDownRef","useRef","isClosePausedRef","_react","createElement","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastProviderProvider","scope","onViewportChange","onToastAdd","useCallback","prevCount","onToastRemove","VIEWPORT_DEFAULT_HOTKEY","ToastViewport","forwardRef","forwardedRef","hotkey","viewportProps","context","wrapperRef","ref","composedRefs","useComposedRefs","hotkeyLabel","join","replace","useEffect","handleKeyDown","event","_ref$current","every","code","current","focus","document","addEventListener","removeEventListener","wrapper","handlePause","pauseEvent","Event","dispatchEvent","handleResume","resumeEvent","window","moved","observer","MutationObserver","mutations","childListMutation","addedNodes","node","includes","prepend","observe","childList","disconnect","_radixUiReactDismissableLayer","Branch","role","tabIndex","style","pointerEvents","undefined","Primitive","ol","_babelRuntimeHelpersExtends","Toast","forceMount","open","openProp","defaultOpen","onOpenChange","toastProps","setOpen","useControllableState","prop","defaultProp","onChange","Presence","present","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastImpl","onClose","onSwipeStart","composeEventHandlers","currentTarget","setAttribute","onSwipeMove","x","y","detail","delta","setProperty","onSwipeCancel","removeProperty","onSwipeEnd","ToastInteractiveProvider","useToastInteractiveContext","isInteractive","ToastImpl","type","durationProp","onEscapeKeyDown","pointerStartRef","swipeDeltaRef","closeTimerStartTimeRef","closeTimerRemainingTimeRef","closeTimerRef","handleClose","useCallbackRef","_ref$current2","_context$viewport","contains","activeElement","startTimer","Infinity","clearTimeout","Date","getTime","setTimeout","elapsedTime","Fragment","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastAnnounce","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastInteractiveProvider","ReactDOM","createPortal","Root","asChild","li","userSelect","touchAction","onKeyDown","nativeEvent","defaultPrevented","onPointerDown","button","clientX","clientY","onPointerMove","hasSwipeMoveStarted","Boolean","isHorizontalSwipe","clamp","Math","min","max","clampedX","clampedY","moveStartBuffer","pointerType","eventDetail","originalEvent","dispatchCustomEvent","isDeltaInDirection","target","setPointerCapture","pointerId","abs","onPointerUp","releasePointerCapture","toast","preventDefault","once","propTypes","Error","ToastAnnounce","announceProps","renderChildren","setRenderChildren","isAnnounced","setIsAnnounced","callback","fn","useLayoutEffect","raf1","raf2","requestAnimationFrame","cancelAnimationFrame","useNextFrame","timer","UnstablePortal","VisuallyHidden","ToastTitle","titleProps","div","ToastDescription","descriptionProps","ToastAction","altText","actionProps","ToastClose","closeProps","interactiveContext","onClick","name","handler","CustomEvent","bubbles","cancelable","direction","threshold","deltaX","deltaY","isDeltaX","Provider","Viewport","Title","Description","Action","Close"],"version":3,"file":"index.js.map"}
+{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toast/src/Toast.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as DismissableLayer from '@radix-ui/react-dismissable-layer';\nimport { UnstablePortal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * ToastProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'ToastProvider';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\ntype ToastProviderContextValue = {\n  label: string;\n  duration: number;\n  swipeDirection: SwipeDirection;\n  swipeThreshold: number;\n  toastCount: number;\n  viewport: ToastViewportElement | null;\n  onViewportChange(viewport: ToastViewportElement): void;\n  onToastAdd(): void;\n  onToastRemove(): void;\n  isFocusedToastEscapeKeyDownRef: React.MutableRefObject<boolean>;\n  isClosePausedRef: React.MutableRefObject<boolean>;\n};\n\ntype ScopedProps<P> = P & { __scopeToast?: Scope };\nconst [createToastContext, createToastScope] = createContextScope('Toast');\nconst [ToastProviderProvider, useToastProviderContext] =\n  createToastContext<ToastProviderContextValue>(PROVIDER_NAME);\n\ninterface ToastProviderProps {\n  children?: React.ReactNode;\n  /**\n   * An author-localized label for each toast. Used to help screen reader users\n   * associate the interruption with a toast.\n   * @defaultValue 'Notification'\n   */\n  label?: string;\n  /**\n   * Time in milliseconds that each toast should remain visible for.\n   * @defaultValue 5000\n   */\n  duration?: number;\n  /**\n   * Direction of pointer swipe that should close the toast.\n   * @defaultValue 'right'\n   */\n  swipeDirection?: SwipeDirection;\n  /**\n   * Distance in pixels that the swipe must pass before a close is triggered.\n   * @defaultValue 50\n   */\n  swipeThreshold?: number;\n}\n\nconst ToastProvider: React.FC<ToastProviderProps> = (props: ScopedProps<ToastProviderProps>) => {\n  const {\n    __scopeToast,\n    label = 'Notification',\n    duration = 5000,\n    swipeDirection = 'right',\n    swipeThreshold = 50,\n    children,\n  } = props;\n  const [viewport, setViewport] = React.useState<ToastViewportElement | null>(null);\n  const [toastCount, setToastCount] = React.useState(0);\n  const isFocusedToastEscapeKeyDownRef = React.useRef(false);\n  const isClosePausedRef = React.useRef(false);\n  return (\n    <ToastProviderProvider\n      scope={__scopeToast}\n      label={label}\n      duration={duration}\n      swipeDirection={swipeDirection}\n      swipeThreshold={swipeThreshold}\n      toastCount={toastCount}\n      viewport={viewport}\n      onViewportChange={setViewport}\n      onToastAdd={React.useCallback(() => setToastCount((prevCount) => prevCount + 1), [])}\n      onToastRemove={React.useCallback(() => setToastCount((prevCount) => prevCount - 1), [])}\n      isFocusedToastEscapeKeyDownRef={isFocusedToastEscapeKeyDownRef}\n      isClosePausedRef={isClosePausedRef}\n    >\n      {children}\n    </ToastProviderProvider>\n  );\n};\n\nToastProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastViewport\n * -----------------------------------------------------------------------------------------------*/\n\nconst VIEWPORT_NAME = 'ToastViewport';\nconst VIEWPORT_DEFAULT_HOTKEY = ['F8'];\nconst VIEWPORT_PAUSE = 'toast.viewportPause';\nconst VIEWPORT_RESUME = 'toast.viewportResume';\n\ntype ToastViewportElement = React.ElementRef<typeof Primitive.ol>;\ntype PrimitiveOrderedListProps = Radix.ComponentPropsWithoutRef<typeof Primitive.ol>;\ninterface ToastViewportProps extends PrimitiveOrderedListProps {\n  /**\n   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.\n   * @defaultValue ['F8']\n   */\n  hotkey?: string[];\n  /**\n   * An author-localized label for the toast viewport to provide context for screen reader users\n   * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.\n   * @defaultValue 'Notifications ({hotkey})'\n   */\n  label?: string;\n}\n\nconst ToastViewport = React.forwardRef<ToastViewportElement, ToastViewportProps>(\n  (props: ScopedProps<ToastViewportProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      hotkey = VIEWPORT_DEFAULT_HOTKEY,\n      label = 'Notifications ({hotkey})',\n      ...viewportProps\n    } = props;\n    const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast);\n    const wrapperRef = React.useRef<HTMLDivElement>(null);\n    const ref = React.useRef<ToastViewportElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);\n    const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        // we use `event.code` as it is consistent regardless of meta keys that were pressed.\n        // for example, `event.key` for `Control+Alt+t` is `†` and `t !== †`\n        const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n        if (isHotkeyPressed) ref.current?.focus();\n      };\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [hotkey]);\n\n    React.useEffect(() => {\n      const wrapper = wrapperRef.current;\n      const viewport = ref.current;\n      if (wrapper && viewport) {\n        const handlePause = () => {\n          const pauseEvent = new Event(VIEWPORT_PAUSE);\n          viewport.dispatchEvent(pauseEvent);\n          context.isClosePausedRef.current = true;\n        };\n        const handleResume = () => {\n          const resumeEvent = new Event(VIEWPORT_RESUME);\n          viewport.dispatchEvent(resumeEvent);\n          context.isClosePausedRef.current = false;\n        };\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n        wrapper.addEventListener('focusin', handlePause);\n        wrapper.addEventListener('focusout', handleResume);\n        wrapper.addEventListener('pointerenter', handlePause);\n        wrapper.addEventListener('pointerleave', handleResume);\n        window.addEventListener('blur', handlePause);\n        window.addEventListener('focus', handleResume);\n        return () => {\n          wrapper.removeEventListener('focusin', handlePause);\n          wrapper.removeEventListener('focusout', handleResume);\n          wrapper.removeEventListener('pointerenter', handlePause);\n          wrapper.removeEventListener('pointerleave', handleResume);\n          window.removeEventListener('blur', handlePause);\n          window.removeEventListener('focus', handleResume);\n        };\n      }\n    }, [context.isClosePausedRef]);\n\n    React.useEffect(() => {\n      const viewport = ref.current;\n      // Re-order DOM so most recent toasts are at top of DOM structure to improve tab order\n      if (viewport) {\n        const prepended: Set<Node> = new Set();\n        const observer = new MutationObserver((mutations) => {\n          const addedNodes = mutations\n            .map((mutation) => Array.from(mutation.addedNodes))\n            .reduce((a, b) => a.concat(b));\n\n          addedNodes.forEach((node) => {\n            // mutation will immediately fire again when we prepend so we only prepend if\n            // it hasn't just prepended.\n            if (!prepended.has(node)) {\n              viewport.prepend(node);\n              prepended.add(node);\n            } else {\n              // this else catches the case where the mutation fires immediately after prepend.\n              // we remove from cache after it prepends to allow observer to catch future updates\n              // to DOM order, e.g. if `key` changes for a toast and is reportalled to bottom.\n              prepended.delete(node);\n            }\n          });\n        });\n        observer.observe(viewport, { childList: true });\n        return () => observer.disconnect();\n      }\n    }, []);\n\n    return (\n      <DismissableLayer.Branch\n        ref={wrapperRef}\n        role=\"region\"\n        aria-label={label.replace('{hotkey}', hotkeyLabel)}\n        // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume\n        tabIndex={-1}\n        // incase list has size when empty (e.g. padding), we remove pointer events so\n        // it doesn't prevent interactions with page elements that it overlays\n        style={{ pointerEvents: context.toastCount > 0 ? undefined : 'none' }}\n      >\n        {/**\n         * tabindex on the the list so that it can be focused when items are removed. we focus\n         * the list instead of the viewport so it announces number of items remaining.\n         */}\n        <Primitive.ol tabIndex={-1} {...viewportProps} ref={composedRefs} />\n      </DismissableLayer.Branch>\n    );\n  }\n);\n\nToastViewport.displayName = VIEWPORT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOAST_NAME = 'Toast';\nconst TOAST_SWIPE_START = 'toast.swipeStart';\nconst TOAST_SWIPE_MOVE = 'toast.swipeMove';\nconst TOAST_SWIPE_CANCEL = 'toast.swipeCancel';\nconst TOAST_SWIPE_END = 'toast.swipeEnd';\n\ntype ToastElement = ToastImplElement;\ninterface ToastProps extends Omit<ToastImplProps, keyof ToastImplPrivateProps> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst Toast = React.forwardRef<ToastElement, ToastProps>(\n  (props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;\n    const [open = true, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n    return (\n      <Presence present={forceMount || open}>\n        <ToastImpl\n          open={open}\n          {...toastProps}\n          ref={forwardedRef}\n          onClose={() => setOpen(false)}\n          onSwipeStart={composeEventHandlers(props.onSwipeStart, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'start');\n          })}\n          onSwipeMove={composeEventHandlers(props.onSwipeMove, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'move');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-y', `${y}px`);\n          })}\n          onSwipeCancel={composeEventHandlers(props.onSwipeCancel, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'cancel');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-y');\n          })}\n          onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'end');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-y', `${y}px`);\n            setOpen(false);\n          })}\n        />\n      </Presence>\n    );\n  }\n);\n\nToast.displayName = TOAST_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype SwipeEvent = { currentTarget: EventTarget & ToastElement } & Omit<\n  CustomEvent<{ originalEvent: React.PointerEvent; delta: { x: number; y: number } }>,\n  'currentTarget'\n>;\n\nconst [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(TOAST_NAME, {\n  isInteractive: false,\n  onClose() {},\n});\n\ntype ToastImplElement = React.ElementRef<typeof Primitive.li>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer.Root>;\ntype ToastImplPrivateProps = { open: boolean; onClose(): void };\ntype PrimitiveListItemProps = Radix.ComponentPropsWithoutRef<typeof Primitive.li>;\ninterface ToastImplProps extends ToastImplPrivateProps, PrimitiveListItemProps {\n  type?: 'foreground' | 'background';\n  /**\n   * Time in milliseconds that toast should remain visible for. Overrides value\n   * given to `ToastProvider`.\n   */\n  duration?: number;\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  onSwipeStart?(event: SwipeEvent): void;\n  onSwipeMove?(event: SwipeEvent): void;\n  onSwipeCancel?(event: SwipeEvent): void;\n  onSwipeEnd?(event: SwipeEvent): void;\n}\n\nconst ToastImpl = React.forwardRef<ToastImplElement, ToastImplProps>(\n  (props: ScopedProps<ToastImplProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      type = 'foreground',\n      duration: durationProp,\n      open,\n      onClose,\n      onEscapeKeyDown,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      ...toastProps\n    } = props;\n    const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n    const ref = React.useRef<ToastImplElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ x: number; y: number } | null>(null);\n    const duration = durationProp || context.duration;\n    const closeTimerStartTimeRef = React.useRef(0);\n    const closeTimerRemainingTimeRef = React.useRef(duration);\n    const closeTimerRef = React.useRef(0);\n    const { onToastAdd, onToastRemove } = context;\n    const handleClose = useCallbackRef(() => {\n      // focus viewport if focus is within toast to read the remaining toast\n      // count to SR users and ensure focus isn't lost\n      const isFocusInToast = ref.current?.contains(document.activeElement);\n      if (isFocusInToast) context.viewport?.focus();\n      onClose();\n    });\n\n    const startTimer = React.useCallback(\n      (duration: number) => {\n        if (!duration || duration === Infinity) return;\n        window.clearTimeout(closeTimerRef.current);\n        closeTimerStartTimeRef.current = new Date().getTime();\n        closeTimerRef.current = window.setTimeout(handleClose, duration);\n      },\n      [handleClose]\n    );\n\n    React.useEffect(() => {\n      const viewport = context.viewport;\n      if (viewport) {\n        const handleResume = () => {\n          startTimer(closeTimerRemainingTimeRef.current);\n        };\n        const handlePause = () => {\n          const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n          closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;\n          window.clearTimeout(closeTimerRef.current);\n        };\n        viewport.addEventListener(VIEWPORT_PAUSE, handlePause);\n        viewport.addEventListener(VIEWPORT_RESUME, handleResume);\n        return () => {\n          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);\n          viewport.removeEventListener(VIEWPORT_RESUME, handleResume);\n        };\n      }\n    }, [context.viewport, duration, startTimer]);\n\n    // start timer when toast opens or duration changes.\n    // we include `open` in deps because closed !== unmounted when animating\n    // so it could reopen before being completely unmounted\n    React.useEffect(() => {\n      if (open && !context.isClosePausedRef.current) startTimer(duration);\n    }, [open, duration, context.isClosePausedRef, startTimer]);\n\n    React.useEffect(() => {\n      onToastAdd();\n      return () => onToastRemove();\n    }, [onToastAdd, onToastRemove]);\n\n    if (!context.viewport) return null;\n\n    return (\n      <>\n        <ToastAnnounce\n          __scopeToast={__scopeToast}\n          // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.\n          role=\"status\"\n          aria-live={type === 'foreground' ? 'assertive' : 'polite'}\n          aria-atomic\n        >\n          {props.children}\n        </ToastAnnounce>\n\n        <ToastInteractiveProvider scope={__scopeToast} isInteractive onClose={handleClose}>\n          {ReactDOM.createPortal(\n            <DismissableLayer.Root\n              asChild\n              onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {\n                if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();\n                context.isFocusedToastEscapeKeyDownRef.current = false;\n              })}\n            >\n              <Primitive.li\n                role=\"status\"\n                aria-live=\"off\"\n                aria-atomic\n                tabIndex={0}\n                data-state={open ? 'open' : 'closed'}\n                data-swipe-direction={context.swipeDirection}\n                {...toastProps}\n                ref={composedRefs}\n                style={{ userSelect: 'none', touchAction: 'none', ...props.style }}\n                onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n                  if (event.key !== 'Escape') return;\n                  onEscapeKeyDown?.(event.nativeEvent);\n                  if (!event.nativeEvent.defaultPrevented) {\n                    context.isFocusedToastEscapeKeyDownRef.current = true;\n                    handleClose();\n                  }\n                })}\n                onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n                  if (event.button !== 0) return;\n                  pointerStartRef.current = { x: event.clientX, y: event.clientY };\n                })}\n                onPointerMove={composeEventHandlers(props.onPointerMove, (event) => {\n                  if (!pointerStartRef.current) return;\n                  const x = event.clientX - pointerStartRef.current.x;\n                  const y = event.clientY - pointerStartRef.current.y;\n                  const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n                  const isHorizontalSwipe = ['left', 'right'].includes(context.swipeDirection);\n                  const clamp = ['left', 'up'].includes(context.swipeDirection)\n                    ? Math.min\n                    : Math.max;\n                  const clampedX = isHorizontalSwipe ? clamp(0, x) : 0;\n                  const clampedY = !isHorizontalSwipe ? clamp(0, y) : 0;\n                  const moveStartBuffer = event.pointerType === 'touch' ? 10 : 2;\n                  const delta = { x: clampedX, y: clampedY };\n                  const eventDetail = { originalEvent: event, delta };\n                  if (hasSwipeMoveStarted) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_MOVE, onSwipeMove, eventDetail);\n                  } else if (isDeltaInDirection(delta, context.swipeDirection, moveStartBuffer)) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_START, onSwipeStart, eventDetail);\n                    (event.target as HTMLElement).setPointerCapture(event.pointerId);\n                  } else if (Math.abs(x) > moveStartBuffer || Math.abs(y) > moveStartBuffer) {\n                    // User is swiping in wrong direction so we disable swipe gesture\n                    // for the current pointer down interaction\n                    pointerStartRef.current = null;\n                  }\n                })}\n                onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n                  const delta = swipeDeltaRef.current;\n                  (event.target as HTMLElement).releasePointerCapture(event.pointerId);\n                  swipeDeltaRef.current = null;\n                  pointerStartRef.current = null;\n                  if (delta) {\n                    const toast = event.currentTarget;\n                    const eventDetail = { originalEvent: event, delta };\n                    if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {\n                      dispatchCustomEvent(TOAST_SWIPE_END, onSwipeEnd, eventDetail);\n                    } else {\n                      dispatchCustomEvent(TOAST_SWIPE_CANCEL, onSwipeCancel, eventDetail);\n                    }\n                    // Prevent click event from triggering on items within the toast when\n                    // pointer up is part of a swipe gesture\n                    toast.addEventListener('click', (event) => event.preventDefault(), {\n                      once: true,\n                    });\n                  }\n                })}\n              />\n            </DismissableLayer.Root>,\n            context.viewport\n          )}\n        </ToastInteractiveProvider>\n      </>\n    );\n  }\n);\n\nToastImpl.propTypes = {\n  type(props) {\n    if (props.type && !['foreground', 'background'].includes(props.type)) {\n      const error = `Invalid prop \\`type\\` supplied to \\`${TOAST_NAME}\\`. Expected \\`foreground | background\\`.`;\n      throw new Error(error);\n    }\n    return null;\n  },\n};\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface ToastAnnounceProps\n  extends React.ComponentPropsWithoutRef<'div'>,\n    ScopedProps<{ children?: ToastImplProps['children'] }> {}\n\nconst ToastAnnounce: React.FC<ToastAnnounceProps> = (props: ScopedProps<ToastAnnounceProps>) => {\n  const { __scopeToast, ...announceProps } = props;\n  const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n  const [renderChildren, setRenderChildren] = React.useState(false);\n  const [isAnnounced, setIsAnnounced] = React.useState(false);\n\n  // render children in the next frame to ensure toast is announced in NVDA\n  useNextFrame(() => setRenderChildren(true));\n\n  React.useEffect(() => {\n    const timer = window.setTimeout(() => setIsAnnounced(true), 1000);\n    return () => window.clearTimeout(timer);\n  }, []);\n\n  return isAnnounced ? null : (\n    <UnstablePortal asChild>\n      <VisuallyHidden asChild>\n        <div {...announceProps}>\n          {renderChildren && (\n            <>\n              {context.label} {props.children}\n            </>\n          )}\n        </div>\n      </VisuallyHidden>\n    </UnstablePortal>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle';\n\ntype ToastTitleElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToastTitleProps extends PrimitiveDivProps {}\n\nconst ToastTitle = React.forwardRef<ToastTitleElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props;\n    return <Primitive.div {...titleProps} ref={forwardedRef} />;\n  }\n);\n\nToastTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription';\n\ntype ToastDescriptionElement = React.ElementRef<typeof Primitive.div>;\ninterface ToastDescriptionProps extends PrimitiveDivProps {}\n\nconst ToastDescription = React.forwardRef<ToastDescriptionElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props;\n    return <Primitive.div {...descriptionProps} ref={forwardedRef} />;\n  }\n);\n\nToastDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction';\n\ntype ToastActionElement = ToastCloseElement;\ninterface ToastActionProps extends ToastCloseProps {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string;\n}\n\nconst ToastAction = React.forwardRef<ToastActionElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props;\n    const context = useToastInteractiveContext(ACTION_NAME, props.__scopeToast);\n    if (!altText) return null;\n    return context.isInteractive ? (\n      <ToastClose {...actionProps} ref={forwardedRef} />\n    ) : (\n      <span>{altText}</span>\n    );\n  }\n);\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      throw new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``);\n    }\n    return null;\n  },\n};\n\nToastAction.displayName = ACTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose';\n\ntype ToastCloseElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToastCloseProps extends PrimitiveButtonProps {}\n\nconst ToastClose = React.forwardRef<ToastCloseElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props;\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);\n    return interactiveContext.isInteractive ? (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, interactiveContext.onClose)}\n      />\n    ) : null;\n  }\n);\n\nToastClose.displayName = CLOSE_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction dispatchCustomEvent<E extends CustomEvent, ReactEvent extends React.SyntheticEvent>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: ReactEvent } & (E extends CustomEvent<infer D> ? D : never)\n) {\n  const currentTarget = detail.originalEvent.currentTarget as HTMLElement;\n  const event = new CustomEvent(name, { bubbles: true, cancelable: true, detail });\n  if (handler) currentTarget.addEventListener(name, handler as EventListener, { once: true });\n  currentTarget.dispatchEvent(event);\n}\n\nconst isDeltaInDirection = (\n  delta: { x: number; y: number },\n  direction: SwipeDirection,\n  threshold = 0\n) => {\n  const deltaX = Math.abs(delta.x);\n  const deltaY = Math.abs(delta.y);\n  const isDeltaX = deltaX > deltaY;\n  if (direction === 'left' || direction === 'right') {\n    return isDeltaX && deltaX > threshold;\n  } else {\n    return !isDeltaX && deltaY > threshold;\n  }\n};\n\nfunction useNextFrame(callback = () => {}) {\n  const fn = useCallbackRef(callback);\n  useLayoutEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    raf1 = window.requestAnimationFrame(() => (raf2 = window.requestAnimationFrame(fn)));\n    return () => {\n      window.cancelAnimationFrame(raf1);\n      window.cancelAnimationFrame(raf2);\n    };\n  }, [fn]);\n}\n\nconst Provider = ToastProvider;\nconst Viewport = ToastViewport;\nconst Root = Toast;\nconst Title = ToastTitle;\nconst Description = ToastDescription;\nconst Action = ToastAction;\nconst Close = ToastClose;\n\nexport {\n  createToastScope,\n  //\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n  //\n  Provider,\n  Viewport,\n  Root,\n  Title,\n  Description,\n  Action,\n  Close,\n};\nexport type {\n  ToastProviderProps,\n  ToastViewportProps,\n  ToastProps,\n  ToastTitleProps,\n  ToastDescriptionProps,\n  ToastActionProps,\n  ToastCloseProps,\n};\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","createToastContext","createToastScope","createContextScope","ToastProviderProvider","useToastProviderContext","ToastProvider","props","__scopeToast","label","duration","swipeDirection","swipeThreshold","children","viewport","setViewport","React","useState","toastCount","setToastCount","isFocusedToastEscapeKeyDownRef","useRef","isClosePausedRef","_react","createElement","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastProviderProvider","scope","onViewportChange","onToastAdd","useCallback","prevCount","onToastRemove","VIEWPORT_DEFAULT_HOTKEY","ToastViewport","forwardRef","forwardedRef","hotkey","viewportProps","context","wrapperRef","ref","composedRefs","useComposedRefs","hotkeyLabel","join","replace","useEffect","handleKeyDown","event","_ref$current","every","code","current","focus","document","addEventListener","removeEventListener","wrapper","handlePause","pauseEvent","Event","dispatchEvent","handleResume","resumeEvent","window","prepended","Set","observer","MutationObserver","mutations","addedNodes","map","mutation","Array","from","reduce","b","concat","node","has","delete","prepend","add","observe","childList","disconnect","_radixUiReactDismissableLayer","Branch","role","tabIndex","style","pointerEvents","undefined","Primitive","ol","_babelRuntimeHelpersExtends","Toast","forceMount","open","openProp","defaultOpen","onOpenChange","toastProps","setOpen","useControllableState","prop","defaultProp","onChange","Presence","present","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastImpl","onClose","onSwipeStart","composeEventHandlers","currentTarget","setAttribute","onSwipeMove","x","y","detail","delta","setProperty","onSwipeCancel","removeProperty","onSwipeEnd","ToastInteractiveProvider","useToastInteractiveContext","isInteractive","ToastImpl","type","durationProp","onEscapeKeyDown","pointerStartRef","swipeDeltaRef","closeTimerStartTimeRef","closeTimerRemainingTimeRef","closeTimerRef","handleClose","useCallbackRef","_ref$current2","_context$viewport","contains","activeElement","startTimer","Infinity","clearTimeout","Date","getTime","setTimeout","elapsedTime","Fragment","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastAnnounce","$fb0096a0aa3c88bca71fb02cd67eab38$var$ToastInteractiveProvider","ReactDOM","createPortal","Root","asChild","li","userSelect","touchAction","onKeyDown","nativeEvent","defaultPrevented","onPointerDown","button","clientX","clientY","onPointerMove","hasSwipeMoveStarted","Boolean","isHorizontalSwipe","includes","clamp","Math","min","max","clampedX","clampedY","moveStartBuffer","pointerType","eventDetail","originalEvent","dispatchCustomEvent","isDeltaInDirection","target","setPointerCapture","pointerId","abs","onPointerUp","releasePointerCapture","toast","preventDefault","once","propTypes","Error","ToastAnnounce","announceProps","renderChildren","setRenderChildren","isAnnounced","setIsAnnounced","callback","fn","useLayoutEffect","raf1","raf2","requestAnimationFrame","cancelAnimationFrame","useNextFrame","timer","UnstablePortal","VisuallyHidden","ToastTitle","titleProps","div","ToastDescription","descriptionProps","ToastAction","altText","actionProps","ToastClose","closeProps","interactiveContext","onClick","name","handler","CustomEvent","bubbles","cancelable","direction","threshold","deltaX","deltaY","isDeltaX","Provider","Viewport","Title","Description","Action","Close"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,2 +1,2 @@
-import{VisuallyHidden as e}from"@radix-ui/react-visually-hidden";import{useLayoutEffect as t}from"@radix-ui/react-use-layout-effect";import{useControllableState as r}from"@radix-ui/react-use-controllable-state";import{useCallbackRef as o}from"@radix-ui/react-use-callback-ref";import{Primitive as n}from"@radix-ui/react-primitive";import{Presence as s}from"@radix-ui/react-presence";import{UnstablePortal as a}from"@radix-ui/react-portal";import*as i from"@radix-ui/react-dismissable-layer";import{createContextScope as c}from"@radix-ui/react-context";import{useComposedRefs as u}from"@radix-ui/react-compose-refs";import{composeEventHandlers as l}from"@radix-ui/primitive";import*as p from"react-dom";import*as d from"react";import w from"@babel/runtime/helpers/esm/extends";const[v,f]=c("Toast");export{f as createToastScope};const[m,T]=v("ToastProvider");export const ToastProvider=e=>{const{__scopeToast:t,label:r="Notification",duration:o=5e3,swipeDirection:n="right",swipeThreshold:s=50,children:a}=e,[i,c]=d.useState(null),[u,l]=d.useState(0),p=d.useRef(!1),w=d.useRef(!1);/*#__PURE__*/return d.createElement(m,{scope:t,label:r,duration:o,swipeDirection:n,swipeThreshold:s,toastCount:u,viewport:i,onViewportChange:c,onToastAdd:d.useCallback((()=>l((e=>e+1))),[]),onToastRemove:d.useCallback((()=>l((e=>e-1))),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:w},a)};/*#__PURE__*/const E=["F8"];export const ToastViewport=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,hotkey:o=E,label:s="Notifications ({hotkey})",...a}=e,c=T("ToastViewport",r),l=d.useRef(null),p=d.useRef(null),v=u(t,p,c.onViewportChange),f=o.join("+").replace(/Key/g,"").replace(/Digit/g,"");return d.useEffect((()=>{const e=e=>{var t;o.every((t=>e[t]||e.code===t))&&(null===(t=p.current)||void 0===t||t.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[o]),d.useEffect((()=>{const e=l.current,t=p.current;if(e&&t){const r=()=>{const e=new Event("toast.viewportPause");t.dispatchEvent(e),c.isClosePausedRef.current=!0},o=()=>{const e=new Event("toast.viewportResume");t.dispatchEvent(e),c.isClosePausedRef.current=!1};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",o),window.addEventListener("blur",r),window.addEventListener("focus",o),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",o),window.removeEventListener("blur",r),window.removeEventListener("focus",o)}}}),[c.isClosePausedRef]),d.useEffect((()=>{const e=p.current;if(e){let t=[];const r=new MutationObserver((r=>{const[o]=r;o.addedNodes.forEach((r=>{t.includes(r)||(e.prepend(r),t=[...t,r])}))}));return r.observe(e,{childList:!0}),()=>r.disconnect()}}),[]),/*#__PURE__*/d.createElement(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",f),tabIndex:-1,style:{pointerEvents:c.toastCount>0?void 0:"none"}},/*#__PURE__*/d.createElement(n.ol,w({tabIndex:-1},a,{ref:v})))}));/*#__PURE__*/export const Toast=/*#__PURE__*/d.forwardRef(((e,t)=>{const{forceMount:o,open:n,defaultOpen:a,onOpenChange:i,...c}=e,[u=!0,p]=r({prop:n,defaultProp:a,onChange:i});/*#__PURE__*/return d.createElement(s,{present:o||u},/*#__PURE__*/d.createElement(g,w({open:u},c,{ref:t,onClose:()=>p(!1),onSwipeStart:l(e.onSwipeStart,(e=>{e.currentTarget.setAttribute("data-swipe","start")})),onSwipeMove:l(e.onSwipeMove,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)})),onSwipeCancel:l(e.onSwipeCancel,(e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")})),onSwipeEnd:l(e.onSwipeEnd,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)}))})))}));/*#__PURE__*/const[x,y]=v("Toast",{isInteractive:!1,onClose(){}}),g=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,type:s="foreground",duration:a,open:c,onClose:v,onEscapeKeyDown:f,onSwipeStart:m,onSwipeMove:E,onSwipeCancel:y,onSwipeEnd:g,...P}=e,R=T("Toast",r),D=d.useRef(null),L=u(t,D),S=d.useRef(null),_=d.useRef(null),A=a||R.duration,k=d.useRef(0),M=d.useRef(A),F=d.useRef(0),{onToastAdd:I,onToastRemove:K}=R,V=o((()=>{var e,t;(null===(e=D.current)||void 0===e?void 0:e.contains(document.activeElement))&&(null===(t=R.viewport)||void 0===t||t.focus()),v()})),$=d.useCallback((e=>{e&&e!==1/0&&(window.clearTimeout(F.current),k.current=(new Date).getTime(),F.current=window.setTimeout(V,e))}),[V]);return d.useEffect((()=>{const e=R.viewport;if(e){const t=()=>{$(M.current)},r=()=>{const e=(new Date).getTime()-k.current;M.current=M.current-e,window.clearTimeout(F.current)};return e.addEventListener("toast.viewportPause",r),e.addEventListener("toast.viewportResume",t),()=>{e.removeEventListener("toast.viewportPause",r),e.removeEventListener("toast.viewportResume",t)}}}),[R.viewport,A,$]),d.useEffect((()=>{c&&!R.isClosePausedRef.current&&$(A)}),[c,A,R.isClosePausedRef,$]),d.useEffect((()=>(I(),()=>K())),[I,K]),R.viewport?/*#__PURE__*/d.createElement(d.Fragment,null,/*#__PURE__*/d.createElement(h,{__scopeToast:r,role:"status","aria-live":"foreground"===s?"assertive":"polite","aria-atomic":!0},e.children),/*#__PURE__*/d.createElement(x,{scope:r,isInteractive:!0,onClose:V},/*#__PURE__*/p.createPortal(/*#__PURE__*/d.createElement(i.Root,{asChild:!0,onEscapeKeyDown:l(f,(()=>{R.isFocusedToastEscapeKeyDownRef.current||V(),R.isFocusedToastEscapeKeyDownRef.current=!1}))},/*#__PURE__*/d.createElement(n.li,w({role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":R.swipeDirection},P,{ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:l(e.onKeyDown,(e=>{"Escape"===e.key&&(null==f||f(e.nativeEvent),e.nativeEvent.defaultPrevented||(R.isFocusedToastEscapeKeyDownRef.current=!0,V()))})),onPointerDown:l(e.onPointerDown,(e=>{0===e.button&&(S.current={x:e.clientX,y:e.clientY})})),onPointerMove:l(e.onPointerMove,(e=>{if(!S.current)return;const t=e.clientX-S.current.x,r=e.clientY-S.current.y,o=Boolean(_.current),n=["left","right"].includes(R.swipeDirection),s=["left","up"].includes(R.swipeDirection)?Math.min:Math.max,a=n?s(0,t):0,i=n?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:a,y:i},l={originalEvent:e,delta:u};o?(_.current=u,b("toast.swipeMove",E,l)):C(u,R.swipeDirection,c)?(_.current=u,b("toast.swipeStart",m,l),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(S.current=null)})),onPointerUp:l(e.onPointerUp,(e=>{const t=_.current;if(e.target.releasePointerCapture(e.pointerId),_.current=null,S.current=null,t){const r=e.currentTarget,o={originalEvent:e,delta:t};C(t,R.swipeDirection,R.swipeThreshold)?b("toast.swipeEnd",g,o):b("toast.swipeCancel",y,o),r.addEventListener("click",(e=>e.preventDefault()),{once:!0})}}))}))),R.viewport))):null}));g.propTypes={type(e){if(e.type&&!["foreground","background"].includes(e.type)){throw new Error("Invalid prop `type` supplied to `Toast`. Expected `foreground | background`.")}return null}};const h=r=>{const{__scopeToast:n,...s}=r,i=T("Toast",n),[c,u]=d.useState(!1),[l,p]=d.useState(!1);return function(e=(()=>{})){const r=o(e);t((()=>{let e=0,t=0;return e=window.requestAnimationFrame((()=>t=window.requestAnimationFrame(r))),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(t)}}),[r])}((()=>u(!0))),d.useEffect((()=>{const e=window.setTimeout((()=>p(!0)),1e3);return()=>window.clearTimeout(e)}),[]),l?null:/*#__PURE__*/d.createElement(a,{asChild:!0},/*#__PURE__*/d.createElement(e,{asChild:!0},/*#__PURE__*/d.createElement("div",s,c&&/*#__PURE__*/d.createElement(d.Fragment,null,i.label," ",r.children))))};export const ToastTitle=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return d.createElement(n.div,w({},o,{ref:t}))}));/*#__PURE__*/export const ToastDescription=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return d.createElement(n.div,w({},o,{ref:t}))}));/*#__PURE__*/export const ToastAction=/*#__PURE__*/d.forwardRef(((e,t)=>{const{altText:r,...o}=e,n=y("ToastAction",e.__scopeToast);return r?n.isInteractive?/*#__PURE__*/d.createElement(ToastClose,w({},o,{ref:t})):/*#__PURE__*/d.createElement("span",null,r):null}));ToastAction.propTypes={altText(e){if(!e.altText)throw new Error("Missing prop `altText` expected on `ToastAction`");return null}};export const ToastClose=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e,s=y("ToastClose",r);return s.isInteractive?/*#__PURE__*/d.createElement(n.button,w({type:"button"},o,{ref:t,onClick:l(e.onClick,s.onClose)})):null}));/*#__PURE__*/function b(e,t,r){const o=r.originalEvent.currentTarget,n=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),o.dispatchEvent(n)}const C=(e,t,r=0)=>{const o=Math.abs(e.x),n=Math.abs(e.y),s=o>n;return"left"===t||"right"===t?s&&o>r:!s&&n>r};export const Provider=ToastProvider;export const Viewport=ToastViewport;export const Root=Toast;export const Title=ToastTitle;export const Description=ToastDescription;export const Action=ToastAction;export const Close=ToastClose;
+import{VisuallyHidden as e}from"@radix-ui/react-visually-hidden";import{useLayoutEffect as t}from"@radix-ui/react-use-layout-effect";import{useControllableState as r}from"@radix-ui/react-use-controllable-state";import{useCallbackRef as o}from"@radix-ui/react-use-callback-ref";import{Primitive as n}from"@radix-ui/react-primitive";import{Presence as s}from"@radix-ui/react-presence";import{UnstablePortal as a}from"@radix-ui/react-portal";import*as i from"@radix-ui/react-dismissable-layer";import{createContextScope as c}from"@radix-ui/react-context";import{useComposedRefs as u}from"@radix-ui/react-compose-refs";import{composeEventHandlers as l}from"@radix-ui/primitive";import*as p from"react-dom";import*as d from"react";import w from"@babel/runtime/helpers/esm/extends";const[f,m]=c("Toast");export{m as createToastScope};const[v,T]=f("ToastProvider");export const ToastProvider=e=>{const{__scopeToast:t,label:r="Notification",duration:o=5e3,swipeDirection:n="right",swipeThreshold:s=50,children:a}=e,[i,c]=d.useState(null),[u,l]=d.useState(0),p=d.useRef(!1),w=d.useRef(!1);/*#__PURE__*/return d.createElement(v,{scope:t,label:r,duration:o,swipeDirection:n,swipeThreshold:s,toastCount:u,viewport:i,onViewportChange:c,onToastAdd:d.useCallback((()=>l((e=>e+1))),[]),onToastRemove:d.useCallback((()=>l((e=>e-1))),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:w},a)};/*#__PURE__*/const E=["F8"];export const ToastViewport=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,hotkey:o=E,label:s="Notifications ({hotkey})",...a}=e,c=T("ToastViewport",r),l=d.useRef(null),p=d.useRef(null),f=u(t,p,c.onViewportChange),m=o.join("+").replace(/Key/g,"").replace(/Digit/g,"");return d.useEffect((()=>{const e=e=>{var t;o.every((t=>e[t]||e.code===t))&&(null===(t=p.current)||void 0===t||t.focus())};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[o]),d.useEffect((()=>{const e=l.current,t=p.current;if(e&&t){const r=()=>{const e=new Event("toast.viewportPause");t.dispatchEvent(e),c.isClosePausedRef.current=!0},o=()=>{const e=new Event("toast.viewportResume");t.dispatchEvent(e),c.isClosePausedRef.current=!1};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointerenter",r),e.addEventListener("pointerleave",o),window.addEventListener("blur",r),window.addEventListener("focus",o),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointerenter",r),e.removeEventListener("pointerleave",o),window.removeEventListener("blur",r),window.removeEventListener("focus",o)}}}),[c.isClosePausedRef]),d.useEffect((()=>{const e=p.current;if(e){const t=new Set,r=new MutationObserver((r=>{r.map((e=>Array.from(e.addedNodes))).reduce(((e,t)=>e.concat(t))).forEach((r=>{t.has(r)?t.delete(r):(e.prepend(r),t.add(r))}))}));return r.observe(e,{childList:!0}),()=>r.disconnect()}}),[]),/*#__PURE__*/d.createElement(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",m),tabIndex:-1,style:{pointerEvents:c.toastCount>0?void 0:"none"}},/*#__PURE__*/d.createElement(n.ol,w({tabIndex:-1},a,{ref:f})))}));/*#__PURE__*/export const Toast=/*#__PURE__*/d.forwardRef(((e,t)=>{const{forceMount:o,open:n,defaultOpen:a,onOpenChange:i,...c}=e,[u=!0,p]=r({prop:n,defaultProp:a,onChange:i});/*#__PURE__*/return d.createElement(s,{present:o||u},/*#__PURE__*/d.createElement(g,w({open:u},c,{ref:t,onClose:()=>p(!1),onSwipeStart:l(e.onSwipeStart,(e=>{e.currentTarget.setAttribute("data-swipe","start")})),onSwipeMove:l(e.onSwipeMove,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)})),onSwipeCancel:l(e.onSwipeCancel,(e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")})),onSwipeEnd:l(e.onSwipeEnd,(e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)}))})))}));/*#__PURE__*/const[x,y]=f("Toast",{isInteractive:!1,onClose(){}}),g=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,type:s="foreground",duration:a,open:c,onClose:f,onEscapeKeyDown:m,onSwipeStart:v,onSwipeMove:E,onSwipeCancel:y,onSwipeEnd:g,...P}=e,R=T("Toast",r),D=d.useRef(null),S=u(t,D),L=d.useRef(null),A=d.useRef(null),_=a||R.duration,k=d.useRef(0),M=d.useRef(_),F=d.useRef(0),{onToastAdd:I,onToastRemove:K}=R,V=o((()=>{var e,t;(null===(e=D.current)||void 0===e?void 0:e.contains(document.activeElement))&&(null===(t=R.viewport)||void 0===t||t.focus()),f()})),$=d.useCallback((e=>{e&&e!==1/0&&(window.clearTimeout(F.current),k.current=(new Date).getTime(),F.current=window.setTimeout(V,e))}),[V]);return d.useEffect((()=>{const e=R.viewport;if(e){const t=()=>{$(M.current)},r=()=>{const e=(new Date).getTime()-k.current;M.current=M.current-e,window.clearTimeout(F.current)};return e.addEventListener("toast.viewportPause",r),e.addEventListener("toast.viewportResume",t),()=>{e.removeEventListener("toast.viewportPause",r),e.removeEventListener("toast.viewportResume",t)}}}),[R.viewport,_,$]),d.useEffect((()=>{c&&!R.isClosePausedRef.current&&$(_)}),[c,_,R.isClosePausedRef,$]),d.useEffect((()=>(I(),()=>K())),[I,K]),R.viewport?/*#__PURE__*/d.createElement(d.Fragment,null,/*#__PURE__*/d.createElement(h,{__scopeToast:r,role:"status","aria-live":"foreground"===s?"assertive":"polite","aria-atomic":!0},e.children),/*#__PURE__*/d.createElement(x,{scope:r,isInteractive:!0,onClose:V},/*#__PURE__*/p.createPortal(/*#__PURE__*/d.createElement(i.Root,{asChild:!0,onEscapeKeyDown:l(m,(()=>{R.isFocusedToastEscapeKeyDownRef.current||V(),R.isFocusedToastEscapeKeyDownRef.current=!1}))},/*#__PURE__*/d.createElement(n.li,w({role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":R.swipeDirection},P,{ref:S,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:l(e.onKeyDown,(e=>{"Escape"===e.key&&(null==m||m(e.nativeEvent),e.nativeEvent.defaultPrevented||(R.isFocusedToastEscapeKeyDownRef.current=!0,V()))})),onPointerDown:l(e.onPointerDown,(e=>{0===e.button&&(L.current={x:e.clientX,y:e.clientY})})),onPointerMove:l(e.onPointerMove,(e=>{if(!L.current)return;const t=e.clientX-L.current.x,r=e.clientY-L.current.y,o=Boolean(A.current),n=["left","right"].includes(R.swipeDirection),s=["left","up"].includes(R.swipeDirection)?Math.min:Math.max,a=n?s(0,t):0,i=n?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:a,y:i},l={originalEvent:e,delta:u};o?(A.current=u,b("toast.swipeMove",E,l)):C(u,R.swipeDirection,c)?(A.current=u,b("toast.swipeStart",v,l),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(L.current=null)})),onPointerUp:l(e.onPointerUp,(e=>{const t=A.current;if(e.target.releasePointerCapture(e.pointerId),A.current=null,L.current=null,t){const r=e.currentTarget,o={originalEvent:e,delta:t};C(t,R.swipeDirection,R.swipeThreshold)?b("toast.swipeEnd",g,o):b("toast.swipeCancel",y,o),r.addEventListener("click",(e=>e.preventDefault()),{once:!0})}}))}))),R.viewport))):null}));g.propTypes={type(e){if(e.type&&!["foreground","background"].includes(e.type)){throw new Error("Invalid prop `type` supplied to `Toast`. Expected `foreground | background`.")}return null}};const h=r=>{const{__scopeToast:n,...s}=r,i=T("Toast",n),[c,u]=d.useState(!1),[l,p]=d.useState(!1);return function(e=(()=>{})){const r=o(e);t((()=>{let e=0,t=0;return e=window.requestAnimationFrame((()=>t=window.requestAnimationFrame(r))),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(t)}}),[r])}((()=>u(!0))),d.useEffect((()=>{const e=window.setTimeout((()=>p(!0)),1e3);return()=>window.clearTimeout(e)}),[]),l?null:/*#__PURE__*/d.createElement(a,{asChild:!0},/*#__PURE__*/d.createElement(e,{asChild:!0},/*#__PURE__*/d.createElement("div",s,c&&/*#__PURE__*/d.createElement(d.Fragment,null,i.label," ",r.children))))};export const ToastTitle=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return d.createElement(n.div,w({},o,{ref:t}))}));/*#__PURE__*/export const ToastDescription=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e;/*#__PURE__*/return d.createElement(n.div,w({},o,{ref:t}))}));/*#__PURE__*/export const ToastAction=/*#__PURE__*/d.forwardRef(((e,t)=>{const{altText:r,...o}=e,n=y("ToastAction",e.__scopeToast);return r?n.isInteractive?/*#__PURE__*/d.createElement(ToastClose,w({},o,{ref:t})):/*#__PURE__*/d.createElement("span",null,r):null}));ToastAction.propTypes={altText(e){if(!e.altText)throw new Error("Missing prop `altText` expected on `ToastAction`");return null}};export const ToastClose=/*#__PURE__*/d.forwardRef(((e,t)=>{const{__scopeToast:r,...o}=e,s=y("ToastClose",r);return s.isInteractive?/*#__PURE__*/d.createElement(n.button,w({type:"button"},o,{ref:t,onClick:l(e.onClick,s.onClose)})):null}));/*#__PURE__*/function b(e,t,r){const o=r.originalEvent.currentTarget,n=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),o.dispatchEvent(n)}const C=(e,t,r=0)=>{const o=Math.abs(e.x),n=Math.abs(e.y),s=o>n;return"left"===t||"right"===t?s&&o>r:!s&&n>r};export const Provider=ToastProvider;export const Viewport=ToastViewport;export const Root=Toast;export const Title=ToastTitle;export const Description=ToastDescription;export const Action=ToastAction;export const Close=ToastClose;
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/react/toast/src/Toast.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as DismissableLayer from '@radix-ui/react-dismissable-layer';\nimport { UnstablePortal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * ToastProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'ToastProvider';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\ntype ToastProviderContextValue = {\n  label: string;\n  duration: number;\n  swipeDirection: SwipeDirection;\n  swipeThreshold: number;\n  toastCount: number;\n  viewport: ToastViewportElement | null;\n  onViewportChange(viewport: ToastViewportElement): void;\n  onToastAdd(): void;\n  onToastRemove(): void;\n  isFocusedToastEscapeKeyDownRef: React.MutableRefObject<boolean>;\n  isClosePausedRef: React.MutableRefObject<boolean>;\n};\n\ntype ScopedProps<P> = P & { __scopeToast?: Scope };\nconst [createToastContext, createToastScope] = createContextScope('Toast');\nconst [ToastProviderProvider, useToastProviderContext] =\n  createToastContext<ToastProviderContextValue>(PROVIDER_NAME);\n\ninterface ToastProviderProps {\n  /**\n   * An author-localized label for each toast. Used to help screen reader users\n   * associate the interruption with a toast.\n   * @defaultValue 'Notification'\n   */\n  label?: string;\n  /**\n   * Time in milliseconds that each toast should remain visible for.\n   * @defaultValue 5000\n   */\n  duration?: number;\n  /**\n   * Direction of pointer swipe that should close the toast.\n   * @defaultValue 'right'\n   */\n  swipeDirection?: SwipeDirection;\n  /**\n   * Distance in pixels that the swipe must pass before a close is triggered.\n   * @defaultValue 50\n   */\n  swipeThreshold?: number;\n  children?: React.ReactNode;\n}\n\nconst ToastProvider: React.FC<ToastProviderProps> = (props: ScopedProps<ToastProviderProps>) => {\n  const {\n    __scopeToast,\n    label = 'Notification',\n    duration = 5000,\n    swipeDirection = 'right',\n    swipeThreshold = 50,\n    children,\n  } = props;\n  const [viewport, setViewport] = React.useState<ToastViewportElement | null>(null);\n  const [toastCount, setToastCount] = React.useState(0);\n  const isFocusedToastEscapeKeyDownRef = React.useRef(false);\n  const isClosePausedRef = React.useRef(false);\n  return (\n    <ToastProviderProvider\n      scope={__scopeToast}\n      label={label}\n      duration={duration}\n      swipeDirection={swipeDirection}\n      swipeThreshold={swipeThreshold}\n      toastCount={toastCount}\n      viewport={viewport}\n      onViewportChange={setViewport}\n      onToastAdd={React.useCallback(() => setToastCount((prevCount) => prevCount + 1), [])}\n      onToastRemove={React.useCallback(() => setToastCount((prevCount) => prevCount - 1), [])}\n      isFocusedToastEscapeKeyDownRef={isFocusedToastEscapeKeyDownRef}\n      isClosePausedRef={isClosePausedRef}\n    >\n      {children}\n    </ToastProviderProvider>\n  );\n};\n\nToastProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastViewport\n * -----------------------------------------------------------------------------------------------*/\n\nconst VIEWPORT_NAME = 'ToastViewport';\nconst VIEWPORT_DEFAULT_HOTKEY = ['F8'];\nconst VIEWPORT_PAUSE = 'toast.viewportPause';\nconst VIEWPORT_RESUME = 'toast.viewportResume';\n\ntype ToastViewportElement = React.ElementRef<typeof Primitive.ol>;\ntype PrimitiveOrderedListProps = Radix.ComponentPropsWithoutRef<typeof Primitive.ol>;\ninterface ToastViewportProps extends PrimitiveOrderedListProps {\n  /**\n   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.\n   * @defaultValue ['F8']\n   */\n  hotkey?: string[];\n  /**\n   * An author-localized label for the toast viewport to provide context for screen reader users\n   * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.\n   * @defaultValue 'Notifications ({hotkey})'\n   */\n  label?: string;\n}\n\nconst ToastViewport = React.forwardRef<ToastViewportElement, ToastViewportProps>(\n  (props: ScopedProps<ToastViewportProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      hotkey = VIEWPORT_DEFAULT_HOTKEY,\n      label = 'Notifications ({hotkey})',\n      ...viewportProps\n    } = props;\n    const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast);\n    const wrapperRef = React.useRef<HTMLDivElement>(null);\n    const ref = React.useRef<ToastViewportElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);\n    const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        // we use `event.code` as it is consistent regardless of meta keys that were pressed.\n        // for example, `event.key` for `Control+Alt+t` is `†` and `t !== †`\n        const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n        if (isHotkeyPressed) ref.current?.focus();\n      };\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [hotkey]);\n\n    React.useEffect(() => {\n      const wrapper = wrapperRef.current;\n      const viewport = ref.current;\n      if (wrapper && viewport) {\n        const handlePause = () => {\n          const pauseEvent = new Event(VIEWPORT_PAUSE);\n          viewport.dispatchEvent(pauseEvent);\n          context.isClosePausedRef.current = true;\n        };\n        const handleResume = () => {\n          const resumeEvent = new Event(VIEWPORT_RESUME);\n          viewport.dispatchEvent(resumeEvent);\n          context.isClosePausedRef.current = false;\n        };\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n        wrapper.addEventListener('focusin', handlePause);\n        wrapper.addEventListener('focusout', handleResume);\n        wrapper.addEventListener('pointerenter', handlePause);\n        wrapper.addEventListener('pointerleave', handleResume);\n        window.addEventListener('blur', handlePause);\n        window.addEventListener('focus', handleResume);\n        return () => {\n          wrapper.removeEventListener('focusin', handlePause);\n          wrapper.removeEventListener('focusout', handleResume);\n          wrapper.removeEventListener('pointerenter', handlePause);\n          wrapper.removeEventListener('pointerleave', handleResume);\n          window.removeEventListener('blur', handlePause);\n          window.removeEventListener('focus', handleResume);\n        };\n      }\n    }, [context.isClosePausedRef]);\n\n    React.useEffect(() => {\n      const viewport = ref.current;\n      // Re-order DOM so most recent toasts are at top of DOM structure to improve tab order\n      if (viewport) {\n        let moved: Node[] = [];\n        const observer = new MutationObserver((mutations) => {\n          const [childListMutation] = mutations;\n          childListMutation.addedNodes.forEach((node) => {\n            if (!moved.includes(node)) {\n              viewport.prepend(node);\n              moved = [...moved, node];\n            }\n          });\n        });\n        observer.observe(viewport, { childList: true });\n        return () => observer.disconnect();\n      }\n    }, []);\n\n    return (\n      <DismissableLayer.Branch\n        ref={wrapperRef}\n        role=\"region\"\n        aria-label={label.replace('{hotkey}', hotkeyLabel)}\n        // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume\n        tabIndex={-1}\n        // incase list has size when empty (e.g. padding), we remove pointer events so\n        // it doesn't prevent interactions with page elements that it overlays\n        style={{ pointerEvents: context.toastCount > 0 ? undefined : 'none' }}\n      >\n        {/**\n         * tabindex on the the list so that it can be focused when items are removed. we focus\n         * the list instead of the viewport so it announces number of items remaining.\n         */}\n        <Primitive.ol tabIndex={-1} {...viewportProps} ref={composedRefs} />\n      </DismissableLayer.Branch>\n    );\n  }\n);\n\nToastViewport.displayName = VIEWPORT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOAST_NAME = 'Toast';\nconst TOAST_SWIPE_START = 'toast.swipeStart';\nconst TOAST_SWIPE_MOVE = 'toast.swipeMove';\nconst TOAST_SWIPE_CANCEL = 'toast.swipeCancel';\nconst TOAST_SWIPE_END = 'toast.swipeEnd';\n\ntype ToastElement = ToastImplElement;\ninterface ToastProps extends Omit<ToastImplProps, keyof ToastImplPrivateProps> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst Toast = React.forwardRef<ToastElement, ToastProps>(\n  (props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;\n    const [open = true, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    return (\n      <Presence present={forceMount || open}>\n        <ToastImpl\n          open={open}\n          {...toastProps}\n          ref={forwardedRef}\n          onClose={() => setOpen(false)}\n          onSwipeStart={composeEventHandlers(props.onSwipeStart, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'start');\n          })}\n          onSwipeMove={composeEventHandlers(props.onSwipeMove, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'move');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-y', `${y}px`);\n          })}\n          onSwipeCancel={composeEventHandlers(props.onSwipeCancel, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'cancel');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-y');\n          })}\n          onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'end');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-y', `${y}px`);\n            setOpen(false);\n          })}\n        />\n      </Presence>\n    );\n  }\n);\n\nToast.displayName = TOAST_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype SwipeEvent = { currentTarget: EventTarget & ToastElement } & Omit<\n  CustomEvent<{ originalEvent: React.PointerEvent; delta: { x: number; y: number } }>,\n  'currentTarget'\n>;\n\nconst [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(TOAST_NAME, {\n  isInteractive: false,\n  onClose() {},\n});\n\ntype ToastImplElement = React.ElementRef<typeof Primitive.li>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer.Root>;\ntype ToastImplPrivateProps = { open: boolean; onClose(): void };\ntype PrimitiveListItemProps = Radix.ComponentPropsWithoutRef<typeof Primitive.li>;\ninterface ToastImplProps extends ToastImplPrivateProps, PrimitiveListItemProps {\n  type?: 'foreground' | 'background';\n  /**\n   * Time in milliseconds that toast should remain visible for. Overrides value\n   * given to `ToastProvider`.\n   */\n  duration?: number;\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  onSwipeStart?(event: SwipeEvent): void;\n  onSwipeMove?(event: SwipeEvent): void;\n  onSwipeCancel?(event: SwipeEvent): void;\n  onSwipeEnd?(event: SwipeEvent): void;\n}\n\nconst ToastImpl = React.forwardRef<ToastImplElement, ToastImplProps>(\n  (props: ScopedProps<ToastImplProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      type = 'foreground',\n      duration: durationProp,\n      open,\n      onClose,\n      onEscapeKeyDown,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      ...toastProps\n    } = props;\n    const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n    const ref = React.useRef<ToastImplElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ x: number; y: number } | null>(null);\n    const duration = durationProp || context.duration;\n    const closeTimerStartTimeRef = React.useRef(0);\n    const closeTimerRemainingTimeRef = React.useRef(duration);\n    const closeTimerRef = React.useRef(0);\n    const { onToastAdd, onToastRemove } = context;\n    const handleClose = useCallbackRef(() => {\n      // focus viewport if focus is within toast to read the remaining toast\n      // count to SR users and ensure focus isn't lost\n      const isFocusInToast = ref.current?.contains(document.activeElement);\n      if (isFocusInToast) context.viewport?.focus();\n      onClose();\n    });\n\n    const startTimer = React.useCallback(\n      (duration) => {\n        if (!duration || duration === Infinity) return;\n        window.clearTimeout(closeTimerRef.current);\n        closeTimerStartTimeRef.current = new Date().getTime();\n        closeTimerRef.current = window.setTimeout(handleClose, duration);\n      },\n      [handleClose]\n    );\n\n    React.useEffect(() => {\n      const viewport = context.viewport;\n      if (viewport) {\n        const handleResume = () => {\n          startTimer(closeTimerRemainingTimeRef.current);\n        };\n        const handlePause = () => {\n          const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n          closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;\n          window.clearTimeout(closeTimerRef.current);\n        };\n        viewport.addEventListener(VIEWPORT_PAUSE, handlePause);\n        viewport.addEventListener(VIEWPORT_RESUME, handleResume);\n        return () => {\n          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);\n          viewport.removeEventListener(VIEWPORT_RESUME, handleResume);\n        };\n      }\n    }, [context.viewport, duration, startTimer]);\n\n    // start timer when toast opens or duration changes.\n    // we include `open` in deps because closed !== unmounted when animating\n    // so it could reopen before being completely unmounted\n    React.useEffect(() => {\n      if (open && !context.isClosePausedRef.current) startTimer(duration);\n    }, [open, duration, context.isClosePausedRef, startTimer]);\n\n    React.useEffect(() => {\n      onToastAdd();\n      return () => onToastRemove();\n    }, [onToastAdd, onToastRemove]);\n\n    if (!context.viewport) return null;\n\n    return (\n      <>\n        <ToastAnnounce\n          __scopeToast={__scopeToast}\n          // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.\n          role=\"status\"\n          aria-live={type === 'foreground' ? 'assertive' : 'polite'}\n          aria-atomic\n        >\n          {props.children}\n        </ToastAnnounce>\n\n        <ToastInteractiveProvider scope={__scopeToast} isInteractive onClose={handleClose}>\n          {ReactDOM.createPortal(\n            <DismissableLayer.Root\n              asChild\n              onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {\n                if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();\n                context.isFocusedToastEscapeKeyDownRef.current = false;\n              })}\n            >\n              <Primitive.li\n                role=\"status\"\n                aria-live=\"off\"\n                aria-atomic\n                tabIndex={0}\n                data-state={open ? 'open' : 'closed'}\n                data-swipe-direction={context.swipeDirection}\n                {...toastProps}\n                ref={composedRefs}\n                style={{ userSelect: 'none', touchAction: 'none', ...props.style }}\n                onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n                  if (event.key !== 'Escape') return;\n                  onEscapeKeyDown?.(event.nativeEvent);\n                  if (!event.nativeEvent.defaultPrevented) {\n                    context.isFocusedToastEscapeKeyDownRef.current = true;\n                    handleClose();\n                  }\n                })}\n                onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n                  if (event.button !== 0) return;\n                  pointerStartRef.current = { x: event.clientX, y: event.clientY };\n                })}\n                onPointerMove={composeEventHandlers(props.onPointerMove, (event) => {\n                  if (!pointerStartRef.current) return;\n                  const x = event.clientX - pointerStartRef.current.x;\n                  const y = event.clientY - pointerStartRef.current.y;\n                  const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n                  const isHorizontalSwipe = ['left', 'right'].includes(context.swipeDirection);\n                  const clamp = ['left', 'up'].includes(context.swipeDirection)\n                    ? Math.min\n                    : Math.max;\n                  const clampedX = isHorizontalSwipe ? clamp(0, x) : 0;\n                  const clampedY = !isHorizontalSwipe ? clamp(0, y) : 0;\n                  const moveStartBuffer = event.pointerType === 'touch' ? 10 : 2;\n                  const delta = { x: clampedX, y: clampedY };\n                  const eventDetail = { originalEvent: event, delta };\n                  if (hasSwipeMoveStarted) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_MOVE, onSwipeMove, eventDetail);\n                  } else if (isDeltaInDirection(delta, context.swipeDirection, moveStartBuffer)) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_START, onSwipeStart, eventDetail);\n                    (event.target as HTMLElement).setPointerCapture(event.pointerId);\n                  } else if (Math.abs(x) > moveStartBuffer || Math.abs(y) > moveStartBuffer) {\n                    // User is swiping in wrong direction so we disable swipe gesture\n                    // for the current pointer down interaction\n                    pointerStartRef.current = null;\n                  }\n                })}\n                onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n                  const delta = swipeDeltaRef.current;\n                  (event.target as HTMLElement).releasePointerCapture(event.pointerId);\n                  swipeDeltaRef.current = null;\n                  pointerStartRef.current = null;\n                  if (delta) {\n                    const toast = event.currentTarget;\n                    const eventDetail = { originalEvent: event, delta };\n                    if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {\n                      dispatchCustomEvent(TOAST_SWIPE_END, onSwipeEnd, eventDetail);\n                    } else {\n                      dispatchCustomEvent(TOAST_SWIPE_CANCEL, onSwipeCancel, eventDetail);\n                    }\n                    // Prevent click event from triggering on items within the toast when\n                    // pointer up is part of a swipe gesture\n                    toast.addEventListener('click', (event) => event.preventDefault(), {\n                      once: true,\n                    });\n                  }\n                })}\n              />\n            </DismissableLayer.Root>,\n            context.viewport\n          )}\n        </ToastInteractiveProvider>\n      </>\n    );\n  }\n);\n\nToastImpl.propTypes = {\n  type(props) {\n    if (props.type && !['foreground', 'background'].includes(props.type)) {\n      const error = `Invalid prop \\`type\\` supplied to \\`${TOAST_NAME}\\`. Expected \\`foreground | background\\`.`;\n      throw new Error(error);\n    }\n    return null;\n  },\n};\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface ToastAnnounceProps\n  extends React.ComponentPropsWithoutRef<'div'>,\n    ScopedProps<{ children?: ToastImplProps['children'] }> {}\n\nconst ToastAnnounce: React.FC<ToastAnnounceProps> = (props: ScopedProps<ToastAnnounceProps>) => {\n  const { __scopeToast, ...announceProps } = props;\n  const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n  const [renderChildren, setRenderChildren] = React.useState(false);\n  const [isAnnounced, setIsAnnounced] = React.useState(false);\n\n  // render children in the next frame to ensure toast is announced in NVDA\n  useNextFrame(() => setRenderChildren(true));\n\n  React.useEffect(() => {\n    const timer = window.setTimeout(() => setIsAnnounced(true), 1000);\n    return () => window.clearTimeout(timer);\n  }, []);\n\n  return isAnnounced ? null : (\n    <UnstablePortal asChild>\n      <VisuallyHidden asChild>\n        <div {...announceProps}>\n          {renderChildren && (\n            <>\n              {context.label} {props.children}\n            </>\n          )}\n        </div>\n      </VisuallyHidden>\n    </UnstablePortal>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle';\n\ntype ToastTitleElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToastTitleProps extends PrimitiveDivProps {}\n\nconst ToastTitle = React.forwardRef<ToastTitleElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props;\n    return <Primitive.div {...titleProps} ref={forwardedRef} />;\n  }\n);\n\nToastTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription';\n\ntype ToastDescriptionElement = React.ElementRef<typeof Primitive.div>;\ninterface ToastDescriptionProps extends PrimitiveDivProps {}\n\nconst ToastDescription = React.forwardRef<ToastDescriptionElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props;\n    return <Primitive.div {...descriptionProps} ref={forwardedRef} />;\n  }\n);\n\nToastDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction';\n\ntype ToastActionElement = ToastCloseElement;\ninterface ToastActionProps extends ToastCloseProps {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string;\n}\n\nconst ToastAction = React.forwardRef<ToastActionElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props;\n    const context = useToastInteractiveContext(ACTION_NAME, props.__scopeToast);\n    if (!altText) return null;\n    return context.isInteractive ? (\n      <ToastClose {...actionProps} ref={forwardedRef} />\n    ) : (\n      <span>{altText}</span>\n    );\n  }\n);\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      throw new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``);\n    }\n    return null;\n  },\n};\n\nToastAction.displayName = ACTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose';\n\ntype ToastCloseElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToastCloseProps extends PrimitiveButtonProps {}\n\nconst ToastClose = React.forwardRef<ToastCloseElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props;\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);\n    return interactiveContext.isInteractive ? (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, interactiveContext.onClose)}\n      />\n    ) : null;\n  }\n);\n\nToastClose.displayName = CLOSE_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction dispatchCustomEvent<E extends CustomEvent, ReactEvent extends React.SyntheticEvent>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: ReactEvent } & (E extends CustomEvent<infer D> ? D : never)\n) {\n  const currentTarget = detail.originalEvent.currentTarget as HTMLElement;\n  const event = new CustomEvent(name, { bubbles: true, cancelable: true, detail });\n  if (handler) currentTarget.addEventListener(name, handler as EventListener, { once: true });\n  currentTarget.dispatchEvent(event);\n}\n\nconst isDeltaInDirection = (\n  delta: { x: number; y: number },\n  direction: SwipeDirection,\n  threshold = 0\n) => {\n  const deltaX = Math.abs(delta.x);\n  const deltaY = Math.abs(delta.y);\n  const isDeltaX = deltaX > deltaY;\n  if (direction === 'left' || direction === 'right') {\n    return isDeltaX && deltaX > threshold;\n  } else {\n    return !isDeltaX && deltaY > threshold;\n  }\n};\n\nfunction useNextFrame(callback = () => {}) {\n  const fn = useCallbackRef(callback);\n  useLayoutEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    raf1 = window.requestAnimationFrame(() => (raf2 = window.requestAnimationFrame(fn)));\n    return () => {\n      window.cancelAnimationFrame(raf1);\n      window.cancelAnimationFrame(raf2);\n    };\n  }, [fn]);\n}\n\nconst Provider = ToastProvider;\nconst Viewport = ToastViewport;\nconst Root = Toast;\nconst Title = ToastTitle;\nconst Description = ToastDescription;\nconst Action = ToastAction;\nconst Close = ToastClose;\n\nexport {\n  createToastScope,\n  //\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n  //\n  Provider,\n  Viewport,\n  Root,\n  Title,\n  Description,\n  Action,\n  Close,\n};\nexport type {\n  ToastProviderProps,\n  ToastViewportProps,\n  ToastProps,\n  ToastTitleProps,\n  ToastDescriptionProps,\n  ToastActionProps,\n  ToastCloseProps,\n};\n"],"names":["createToastContext","createToastScope","createContextScope","ToastProviderProvider","useToastProviderContext","ToastProvider","props","__scopeToast","label","duration","swipeDirection","swipeThreshold","children","viewport","setViewport","React","useState","toastCount","setToastCount","isFocusedToastEscapeKeyDownRef","useRef","isClosePausedRef","_react","createElement","$c1d0a83a445da99c0aa921e25823690$var$ToastProviderProvider","scope","onViewportChange","onToastAdd","useCallback","prevCount","onToastRemove","VIEWPORT_DEFAULT_HOTKEY","ToastViewport","forwardRef","forwardedRef","hotkey","viewportProps","context","wrapperRef","ref","composedRefs","useComposedRefs","hotkeyLabel","join","replace","useEffect","handleKeyDown","event","_ref$current","every","key","code","current","focus","document","addEventListener","removeEventListener","wrapper","handlePause","pauseEvent","Event","dispatchEvent","handleResume","resumeEvent","window","moved","observer","MutationObserver","mutations","childListMutation","addedNodes","forEach","node","includes","prepend","observe","childList","disconnect","_radixUiReactDismissableLayer","Branch","role","tabIndex","style","pointerEvents","undefined","Primitive","ol","_babelRuntimeHelpersEsmExtends","Toast","forceMount","open","openProp","defaultOpen","onOpenChange","toastProps","setOpen","useControllableState","prop","defaultProp","onChange","Presence","present","$c1d0a83a445da99c0aa921e25823690$var$ToastImpl","onClose","onSwipeStart","composeEventHandlers","currentTarget","setAttribute","onSwipeMove","x","y","detail","delta","setProperty","onSwipeCancel","removeProperty","onSwipeEnd","ToastInteractiveProvider","useToastInteractiveContext","isInteractive","ToastImpl","type","durationProp","onEscapeKeyDown","pointerStartRef","swipeDeltaRef","closeTimerStartTimeRef","closeTimerRemainingTimeRef","closeTimerRef","handleClose","useCallbackRef","_ref$current2","_context$viewport","contains","activeElement","startTimer","Infinity","clearTimeout","Date","getTime","setTimeout","elapsedTime","Fragment","$c1d0a83a445da99c0aa921e25823690$var$ToastAnnounce","$c1d0a83a445da99c0aa921e25823690$var$ToastInteractiveProvider","ReactDOM","createPortal","Root","asChild","li","userSelect","touchAction","onKeyDown","nativeEvent","defaultPrevented","onPointerDown","button","clientX","clientY","onPointerMove","hasSwipeMoveStarted","Boolean","isHorizontalSwipe","clamp","Math","min","max","clampedX","clampedY","moveStartBuffer","pointerType","eventDetail","originalEvent","dispatchCustomEvent","isDeltaInDirection","target","setPointerCapture","pointerId","abs","onPointerUp","releasePointerCapture","toast","preventDefault","once","propTypes","Error","ToastAnnounce","announceProps","renderChildren","setRenderChildren","isAnnounced","setIsAnnounced","callback","fn","useLayoutEffect","raf1","raf2","requestAnimationFrame","cancelAnimationFrame","useNextFrame","timer","UnstablePortal","VisuallyHidden","ToastTitle","titleProps","div","ToastDescription","descriptionProps","ToastAction","altText","actionProps","ToastClose","closeProps","interactiveContext","onClick","name","handler","CustomEvent","bubbles","cancelable","direction","threshold","deltaX","deltaY","isDeltaX","Provider","Viewport","Title","Description","Action","Close"],"version":3,"file":"index.module.js.map"}
+{"mappings":"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","sources":["./packages/react/toast/src/Toast.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { useComposedRefs } from '@radix-ui/react-compose-refs';\nimport { createContextScope } from '@radix-ui/react-context';\nimport * as DismissableLayer from '@radix-ui/react-dismissable-layer';\nimport { UnstablePortal } from '@radix-ui/react-portal';\nimport { Presence } from '@radix-ui/react-presence';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * ToastProvider\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROVIDER_NAME = 'ToastProvider';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\ntype ToastProviderContextValue = {\n  label: string;\n  duration: number;\n  swipeDirection: SwipeDirection;\n  swipeThreshold: number;\n  toastCount: number;\n  viewport: ToastViewportElement | null;\n  onViewportChange(viewport: ToastViewportElement): void;\n  onToastAdd(): void;\n  onToastRemove(): void;\n  isFocusedToastEscapeKeyDownRef: React.MutableRefObject<boolean>;\n  isClosePausedRef: React.MutableRefObject<boolean>;\n};\n\ntype ScopedProps<P> = P & { __scopeToast?: Scope };\nconst [createToastContext, createToastScope] = createContextScope('Toast');\nconst [ToastProviderProvider, useToastProviderContext] =\n  createToastContext<ToastProviderContextValue>(PROVIDER_NAME);\n\ninterface ToastProviderProps {\n  children?: React.ReactNode;\n  /**\n   * An author-localized label for each toast. Used to help screen reader users\n   * associate the interruption with a toast.\n   * @defaultValue 'Notification'\n   */\n  label?: string;\n  /**\n   * Time in milliseconds that each toast should remain visible for.\n   * @defaultValue 5000\n   */\n  duration?: number;\n  /**\n   * Direction of pointer swipe that should close the toast.\n   * @defaultValue 'right'\n   */\n  swipeDirection?: SwipeDirection;\n  /**\n   * Distance in pixels that the swipe must pass before a close is triggered.\n   * @defaultValue 50\n   */\n  swipeThreshold?: number;\n}\n\nconst ToastProvider: React.FC<ToastProviderProps> = (props: ScopedProps<ToastProviderProps>) => {\n  const {\n    __scopeToast,\n    label = 'Notification',\n    duration = 5000,\n    swipeDirection = 'right',\n    swipeThreshold = 50,\n    children,\n  } = props;\n  const [viewport, setViewport] = React.useState<ToastViewportElement | null>(null);\n  const [toastCount, setToastCount] = React.useState(0);\n  const isFocusedToastEscapeKeyDownRef = React.useRef(false);\n  const isClosePausedRef = React.useRef(false);\n  return (\n    <ToastProviderProvider\n      scope={__scopeToast}\n      label={label}\n      duration={duration}\n      swipeDirection={swipeDirection}\n      swipeThreshold={swipeThreshold}\n      toastCount={toastCount}\n      viewport={viewport}\n      onViewportChange={setViewport}\n      onToastAdd={React.useCallback(() => setToastCount((prevCount) => prevCount + 1), [])}\n      onToastRemove={React.useCallback(() => setToastCount((prevCount) => prevCount - 1), [])}\n      isFocusedToastEscapeKeyDownRef={isFocusedToastEscapeKeyDownRef}\n      isClosePausedRef={isClosePausedRef}\n    >\n      {children}\n    </ToastProviderProvider>\n  );\n};\n\nToastProvider.displayName = PROVIDER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastViewport\n * -----------------------------------------------------------------------------------------------*/\n\nconst VIEWPORT_NAME = 'ToastViewport';\nconst VIEWPORT_DEFAULT_HOTKEY = ['F8'];\nconst VIEWPORT_PAUSE = 'toast.viewportPause';\nconst VIEWPORT_RESUME = 'toast.viewportResume';\n\ntype ToastViewportElement = React.ElementRef<typeof Primitive.ol>;\ntype PrimitiveOrderedListProps = Radix.ComponentPropsWithoutRef<typeof Primitive.ol>;\ninterface ToastViewportProps extends PrimitiveOrderedListProps {\n  /**\n   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.\n   * @defaultValue ['F8']\n   */\n  hotkey?: string[];\n  /**\n   * An author-localized label for the toast viewport to provide context for screen reader users\n   * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.\n   * @defaultValue 'Notifications ({hotkey})'\n   */\n  label?: string;\n}\n\nconst ToastViewport = React.forwardRef<ToastViewportElement, ToastViewportProps>(\n  (props: ScopedProps<ToastViewportProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      hotkey = VIEWPORT_DEFAULT_HOTKEY,\n      label = 'Notifications ({hotkey})',\n      ...viewportProps\n    } = props;\n    const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast);\n    const wrapperRef = React.useRef<HTMLDivElement>(null);\n    const ref = React.useRef<ToastViewportElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);\n    const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        // we use `event.code` as it is consistent regardless of meta keys that were pressed.\n        // for example, `event.key` for `Control+Alt+t` is `†` and `t !== †`\n        const isHotkeyPressed = hotkey.every((key) => (event as any)[key] || event.code === key);\n        if (isHotkeyPressed) ref.current?.focus();\n      };\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [hotkey]);\n\n    React.useEffect(() => {\n      const wrapper = wrapperRef.current;\n      const viewport = ref.current;\n      if (wrapper && viewport) {\n        const handlePause = () => {\n          const pauseEvent = new Event(VIEWPORT_PAUSE);\n          viewport.dispatchEvent(pauseEvent);\n          context.isClosePausedRef.current = true;\n        };\n        const handleResume = () => {\n          const resumeEvent = new Event(VIEWPORT_RESUME);\n          viewport.dispatchEvent(resumeEvent);\n          context.isClosePausedRef.current = false;\n        };\n        // Toasts are not in the viewport React tree so we need to bind DOM events\n        wrapper.addEventListener('focusin', handlePause);\n        wrapper.addEventListener('focusout', handleResume);\n        wrapper.addEventListener('pointerenter', handlePause);\n        wrapper.addEventListener('pointerleave', handleResume);\n        window.addEventListener('blur', handlePause);\n        window.addEventListener('focus', handleResume);\n        return () => {\n          wrapper.removeEventListener('focusin', handlePause);\n          wrapper.removeEventListener('focusout', handleResume);\n          wrapper.removeEventListener('pointerenter', handlePause);\n          wrapper.removeEventListener('pointerleave', handleResume);\n          window.removeEventListener('blur', handlePause);\n          window.removeEventListener('focus', handleResume);\n        };\n      }\n    }, [context.isClosePausedRef]);\n\n    React.useEffect(() => {\n      const viewport = ref.current;\n      // Re-order DOM so most recent toasts are at top of DOM structure to improve tab order\n      if (viewport) {\n        const prepended: Set<Node> = new Set();\n        const observer = new MutationObserver((mutations) => {\n          const addedNodes = mutations\n            .map((mutation) => Array.from(mutation.addedNodes))\n            .reduce((a, b) => a.concat(b));\n\n          addedNodes.forEach((node) => {\n            // mutation will immediately fire again when we prepend so we only prepend if\n            // it hasn't just prepended.\n            if (!prepended.has(node)) {\n              viewport.prepend(node);\n              prepended.add(node);\n            } else {\n              // this else catches the case where the mutation fires immediately after prepend.\n              // we remove from cache after it prepends to allow observer to catch future updates\n              // to DOM order, e.g. if `key` changes for a toast and is reportalled to bottom.\n              prepended.delete(node);\n            }\n          });\n        });\n        observer.observe(viewport, { childList: true });\n        return () => observer.disconnect();\n      }\n    }, []);\n\n    return (\n      <DismissableLayer.Branch\n        ref={wrapperRef}\n        role=\"region\"\n        aria-label={label.replace('{hotkey}', hotkeyLabel)}\n        // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume\n        tabIndex={-1}\n        // incase list has size when empty (e.g. padding), we remove pointer events so\n        // it doesn't prevent interactions with page elements that it overlays\n        style={{ pointerEvents: context.toastCount > 0 ? undefined : 'none' }}\n      >\n        {/**\n         * tabindex on the the list so that it can be focused when items are removed. we focus\n         * the list instead of the viewport so it announces number of items remaining.\n         */}\n        <Primitive.ol tabIndex={-1} {...viewportProps} ref={composedRefs} />\n      </DismissableLayer.Branch>\n    );\n  }\n);\n\nToastViewport.displayName = VIEWPORT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Toast\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOAST_NAME = 'Toast';\nconst TOAST_SWIPE_START = 'toast.swipeStart';\nconst TOAST_SWIPE_MOVE = 'toast.swipeMove';\nconst TOAST_SWIPE_CANCEL = 'toast.swipeCancel';\nconst TOAST_SWIPE_END = 'toast.swipeEnd';\n\ntype ToastElement = ToastImplElement;\ninterface ToastProps extends Omit<ToastImplProps, keyof ToastImplPrivateProps> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst Toast = React.forwardRef<ToastElement, ToastProps>(\n  (props: ScopedProps<ToastProps>, forwardedRef) => {\n    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;\n    const [open = true, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n    return (\n      <Presence present={forceMount || open}>\n        <ToastImpl\n          open={open}\n          {...toastProps}\n          ref={forwardedRef}\n          onClose={() => setOpen(false)}\n          onSwipeStart={composeEventHandlers(props.onSwipeStart, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'start');\n          })}\n          onSwipeMove={composeEventHandlers(props.onSwipeMove, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'move');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-move-y', `${y}px`);\n          })}\n          onSwipeCancel={composeEventHandlers(props.onSwipeCancel, (event) => {\n            event.currentTarget.setAttribute('data-swipe', 'cancel');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-end-y');\n          })}\n          onSwipeEnd={composeEventHandlers(props.onSwipeEnd, (event) => {\n            const { x, y } = event.detail.delta;\n            event.currentTarget.setAttribute('data-swipe', 'end');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');\n            event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-x', `${x}px`);\n            event.currentTarget.style.setProperty('--radix-toast-swipe-end-y', `${y}px`);\n            setOpen(false);\n          })}\n        />\n      </Presence>\n    );\n  }\n);\n\nToast.displayName = TOAST_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype SwipeEvent = { currentTarget: EventTarget & ToastElement } & Omit<\n  CustomEvent<{ originalEvent: React.PointerEvent; delta: { x: number; y: number } }>,\n  'currentTarget'\n>;\n\nconst [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(TOAST_NAME, {\n  isInteractive: false,\n  onClose() {},\n});\n\ntype ToastImplElement = React.ElementRef<typeof Primitive.li>;\ntype DismissableLayerProps = Radix.ComponentPropsWithoutRef<typeof DismissableLayer.Root>;\ntype ToastImplPrivateProps = { open: boolean; onClose(): void };\ntype PrimitiveListItemProps = Radix.ComponentPropsWithoutRef<typeof Primitive.li>;\ninterface ToastImplProps extends ToastImplPrivateProps, PrimitiveListItemProps {\n  type?: 'foreground' | 'background';\n  /**\n   * Time in milliseconds that toast should remain visible for. Overrides value\n   * given to `ToastProvider`.\n   */\n  duration?: number;\n  onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];\n  onSwipeStart?(event: SwipeEvent): void;\n  onSwipeMove?(event: SwipeEvent): void;\n  onSwipeCancel?(event: SwipeEvent): void;\n  onSwipeEnd?(event: SwipeEvent): void;\n}\n\nconst ToastImpl = React.forwardRef<ToastImplElement, ToastImplProps>(\n  (props: ScopedProps<ToastImplProps>, forwardedRef) => {\n    const {\n      __scopeToast,\n      type = 'foreground',\n      duration: durationProp,\n      open,\n      onClose,\n      onEscapeKeyDown,\n      onSwipeStart,\n      onSwipeMove,\n      onSwipeCancel,\n      onSwipeEnd,\n      ...toastProps\n    } = props;\n    const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n    const ref = React.useRef<ToastImplElement>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const pointerStartRef = React.useRef<{ x: number; y: number } | null>(null);\n    const swipeDeltaRef = React.useRef<{ x: number; y: number } | null>(null);\n    const duration = durationProp || context.duration;\n    const closeTimerStartTimeRef = React.useRef(0);\n    const closeTimerRemainingTimeRef = React.useRef(duration);\n    const closeTimerRef = React.useRef(0);\n    const { onToastAdd, onToastRemove } = context;\n    const handleClose = useCallbackRef(() => {\n      // focus viewport if focus is within toast to read the remaining toast\n      // count to SR users and ensure focus isn't lost\n      const isFocusInToast = ref.current?.contains(document.activeElement);\n      if (isFocusInToast) context.viewport?.focus();\n      onClose();\n    });\n\n    const startTimer = React.useCallback(\n      (duration: number) => {\n        if (!duration || duration === Infinity) return;\n        window.clearTimeout(closeTimerRef.current);\n        closeTimerStartTimeRef.current = new Date().getTime();\n        closeTimerRef.current = window.setTimeout(handleClose, duration);\n      },\n      [handleClose]\n    );\n\n    React.useEffect(() => {\n      const viewport = context.viewport;\n      if (viewport) {\n        const handleResume = () => {\n          startTimer(closeTimerRemainingTimeRef.current);\n        };\n        const handlePause = () => {\n          const elapsedTime = new Date().getTime() - closeTimerStartTimeRef.current;\n          closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;\n          window.clearTimeout(closeTimerRef.current);\n        };\n        viewport.addEventListener(VIEWPORT_PAUSE, handlePause);\n        viewport.addEventListener(VIEWPORT_RESUME, handleResume);\n        return () => {\n          viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);\n          viewport.removeEventListener(VIEWPORT_RESUME, handleResume);\n        };\n      }\n    }, [context.viewport, duration, startTimer]);\n\n    // start timer when toast opens or duration changes.\n    // we include `open` in deps because closed !== unmounted when animating\n    // so it could reopen before being completely unmounted\n    React.useEffect(() => {\n      if (open && !context.isClosePausedRef.current) startTimer(duration);\n    }, [open, duration, context.isClosePausedRef, startTimer]);\n\n    React.useEffect(() => {\n      onToastAdd();\n      return () => onToastRemove();\n    }, [onToastAdd, onToastRemove]);\n\n    if (!context.viewport) return null;\n\n    return (\n      <>\n        <ToastAnnounce\n          __scopeToast={__scopeToast}\n          // Toasts are always role=status to avoid stuttering issues with role=alert in SRs.\n          role=\"status\"\n          aria-live={type === 'foreground' ? 'assertive' : 'polite'}\n          aria-atomic\n        >\n          {props.children}\n        </ToastAnnounce>\n\n        <ToastInteractiveProvider scope={__scopeToast} isInteractive onClose={handleClose}>\n          {ReactDOM.createPortal(\n            <DismissableLayer.Root\n              asChild\n              onEscapeKeyDown={composeEventHandlers(onEscapeKeyDown, () => {\n                if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();\n                context.isFocusedToastEscapeKeyDownRef.current = false;\n              })}\n            >\n              <Primitive.li\n                role=\"status\"\n                aria-live=\"off\"\n                aria-atomic\n                tabIndex={0}\n                data-state={open ? 'open' : 'closed'}\n                data-swipe-direction={context.swipeDirection}\n                {...toastProps}\n                ref={composedRefs}\n                style={{ userSelect: 'none', touchAction: 'none', ...props.style }}\n                onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n                  if (event.key !== 'Escape') return;\n                  onEscapeKeyDown?.(event.nativeEvent);\n                  if (!event.nativeEvent.defaultPrevented) {\n                    context.isFocusedToastEscapeKeyDownRef.current = true;\n                    handleClose();\n                  }\n                })}\n                onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n                  if (event.button !== 0) return;\n                  pointerStartRef.current = { x: event.clientX, y: event.clientY };\n                })}\n                onPointerMove={composeEventHandlers(props.onPointerMove, (event) => {\n                  if (!pointerStartRef.current) return;\n                  const x = event.clientX - pointerStartRef.current.x;\n                  const y = event.clientY - pointerStartRef.current.y;\n                  const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);\n                  const isHorizontalSwipe = ['left', 'right'].includes(context.swipeDirection);\n                  const clamp = ['left', 'up'].includes(context.swipeDirection)\n                    ? Math.min\n                    : Math.max;\n                  const clampedX = isHorizontalSwipe ? clamp(0, x) : 0;\n                  const clampedY = !isHorizontalSwipe ? clamp(0, y) : 0;\n                  const moveStartBuffer = event.pointerType === 'touch' ? 10 : 2;\n                  const delta = { x: clampedX, y: clampedY };\n                  const eventDetail = { originalEvent: event, delta };\n                  if (hasSwipeMoveStarted) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_MOVE, onSwipeMove, eventDetail);\n                  } else if (isDeltaInDirection(delta, context.swipeDirection, moveStartBuffer)) {\n                    swipeDeltaRef.current = delta;\n                    dispatchCustomEvent(TOAST_SWIPE_START, onSwipeStart, eventDetail);\n                    (event.target as HTMLElement).setPointerCapture(event.pointerId);\n                  } else if (Math.abs(x) > moveStartBuffer || Math.abs(y) > moveStartBuffer) {\n                    // User is swiping in wrong direction so we disable swipe gesture\n                    // for the current pointer down interaction\n                    pointerStartRef.current = null;\n                  }\n                })}\n                onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n                  const delta = swipeDeltaRef.current;\n                  (event.target as HTMLElement).releasePointerCapture(event.pointerId);\n                  swipeDeltaRef.current = null;\n                  pointerStartRef.current = null;\n                  if (delta) {\n                    const toast = event.currentTarget;\n                    const eventDetail = { originalEvent: event, delta };\n                    if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {\n                      dispatchCustomEvent(TOAST_SWIPE_END, onSwipeEnd, eventDetail);\n                    } else {\n                      dispatchCustomEvent(TOAST_SWIPE_CANCEL, onSwipeCancel, eventDetail);\n                    }\n                    // Prevent click event from triggering on items within the toast when\n                    // pointer up is part of a swipe gesture\n                    toast.addEventListener('click', (event) => event.preventDefault(), {\n                      once: true,\n                    });\n                  }\n                })}\n              />\n            </DismissableLayer.Root>,\n            context.viewport\n          )}\n        </ToastInteractiveProvider>\n      </>\n    );\n  }\n);\n\nToastImpl.propTypes = {\n  type(props) {\n    if (props.type && !['foreground', 'background'].includes(props.type)) {\n      const error = `Invalid prop \\`type\\` supplied to \\`${TOAST_NAME}\\`. Expected \\`foreground | background\\`.`;\n      throw new Error(error);\n    }\n    return null;\n  },\n};\n\n/* -----------------------------------------------------------------------------------------------*/\n\ninterface ToastAnnounceProps\n  extends React.ComponentPropsWithoutRef<'div'>,\n    ScopedProps<{ children?: ToastImplProps['children'] }> {}\n\nconst ToastAnnounce: React.FC<ToastAnnounceProps> = (props: ScopedProps<ToastAnnounceProps>) => {\n  const { __scopeToast, ...announceProps } = props;\n  const context = useToastProviderContext(TOAST_NAME, __scopeToast);\n  const [renderChildren, setRenderChildren] = React.useState(false);\n  const [isAnnounced, setIsAnnounced] = React.useState(false);\n\n  // render children in the next frame to ensure toast is announced in NVDA\n  useNextFrame(() => setRenderChildren(true));\n\n  React.useEffect(() => {\n    const timer = window.setTimeout(() => setIsAnnounced(true), 1000);\n    return () => window.clearTimeout(timer);\n  }, []);\n\n  return isAnnounced ? null : (\n    <UnstablePortal asChild>\n      <VisuallyHidden asChild>\n        <div {...announceProps}>\n          {renderChildren && (\n            <>\n              {context.label} {props.children}\n            </>\n          )}\n        </div>\n      </VisuallyHidden>\n    </UnstablePortal>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ToastTitle\n * -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_NAME = 'ToastTitle';\n\ntype ToastTitleElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToastTitleProps extends PrimitiveDivProps {}\n\nconst ToastTitle = React.forwardRef<ToastTitleElement, ToastTitleProps>(\n  (props: ScopedProps<ToastTitleProps>, forwardedRef) => {\n    const { __scopeToast, ...titleProps } = props;\n    return <Primitive.div {...titleProps} ref={forwardedRef} />;\n  }\n);\n\nToastTitle.displayName = TITLE_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastDescription\n * -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_NAME = 'ToastDescription';\n\ntype ToastDescriptionElement = React.ElementRef<typeof Primitive.div>;\ninterface ToastDescriptionProps extends PrimitiveDivProps {}\n\nconst ToastDescription = React.forwardRef<ToastDescriptionElement, ToastDescriptionProps>(\n  (props: ScopedProps<ToastDescriptionProps>, forwardedRef) => {\n    const { __scopeToast, ...descriptionProps } = props;\n    return <Primitive.div {...descriptionProps} ref={forwardedRef} />;\n  }\n);\n\nToastDescription.displayName = DESCRIPTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastAction\n * -----------------------------------------------------------------------------------------------*/\n\nconst ACTION_NAME = 'ToastAction';\n\ntype ToastActionElement = ToastCloseElement;\ninterface ToastActionProps extends ToastCloseProps {\n  /**\n   * A short description for an alternate way to carry out the action. For screen reader users\n   * who will not be able to navigate to the button easily/quickly.\n   * @example <ToastAction altText=\"Goto account settings to updgrade\">Upgrade</ToastAction>\n   * @example <ToastAction altText=\"Undo (Alt+U)\">Undo</ToastAction>\n   */\n  altText: string;\n}\n\nconst ToastAction = React.forwardRef<ToastActionElement, ToastActionProps>(\n  (props: ScopedProps<ToastActionProps>, forwardedRef) => {\n    const { altText, ...actionProps } = props;\n    const context = useToastInteractiveContext(ACTION_NAME, props.__scopeToast);\n    if (!altText) return null;\n    return context.isInteractive ? (\n      <ToastClose {...actionProps} ref={forwardedRef} />\n    ) : (\n      <span>{altText}</span>\n    );\n  }\n);\n\nToastAction.propTypes = {\n  altText(props) {\n    if (!props.altText) {\n      throw new Error(`Missing prop \\`altText\\` expected on \\`${ACTION_NAME}\\``);\n    }\n    return null;\n  },\n};\n\nToastAction.displayName = ACTION_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToastClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'ToastClose';\n\ntype ToastCloseElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToastCloseProps extends PrimitiveButtonProps {}\n\nconst ToastClose = React.forwardRef<ToastCloseElement, ToastCloseProps>(\n  (props: ScopedProps<ToastCloseProps>, forwardedRef) => {\n    const { __scopeToast, ...closeProps } = props;\n    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);\n    return interactiveContext.isInteractive ? (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, interactiveContext.onClose)}\n      />\n    ) : null;\n  }\n);\n\nToastClose.displayName = CLOSE_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction dispatchCustomEvent<E extends CustomEvent, ReactEvent extends React.SyntheticEvent>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: ReactEvent } & (E extends CustomEvent<infer D> ? D : never)\n) {\n  const currentTarget = detail.originalEvent.currentTarget as HTMLElement;\n  const event = new CustomEvent(name, { bubbles: true, cancelable: true, detail });\n  if (handler) currentTarget.addEventListener(name, handler as EventListener, { once: true });\n  currentTarget.dispatchEvent(event);\n}\n\nconst isDeltaInDirection = (\n  delta: { x: number; y: number },\n  direction: SwipeDirection,\n  threshold = 0\n) => {\n  const deltaX = Math.abs(delta.x);\n  const deltaY = Math.abs(delta.y);\n  const isDeltaX = deltaX > deltaY;\n  if (direction === 'left' || direction === 'right') {\n    return isDeltaX && deltaX > threshold;\n  } else {\n    return !isDeltaX && deltaY > threshold;\n  }\n};\n\nfunction useNextFrame(callback = () => {}) {\n  const fn = useCallbackRef(callback);\n  useLayoutEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    raf1 = window.requestAnimationFrame(() => (raf2 = window.requestAnimationFrame(fn)));\n    return () => {\n      window.cancelAnimationFrame(raf1);\n      window.cancelAnimationFrame(raf2);\n    };\n  }, [fn]);\n}\n\nconst Provider = ToastProvider;\nconst Viewport = ToastViewport;\nconst Root = Toast;\nconst Title = ToastTitle;\nconst Description = ToastDescription;\nconst Action = ToastAction;\nconst Close = ToastClose;\n\nexport {\n  createToastScope,\n  //\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastAction,\n  ToastClose,\n  //\n  Provider,\n  Viewport,\n  Root,\n  Title,\n  Description,\n  Action,\n  Close,\n};\nexport type {\n  ToastProviderProps,\n  ToastViewportProps,\n  ToastProps,\n  ToastTitleProps,\n  ToastDescriptionProps,\n  ToastActionProps,\n  ToastCloseProps,\n};\n"],"names":["createToastContext","createToastScope","createContextScope","ToastProviderProvider","useToastProviderContext","ToastProvider","props","__scopeToast","label","duration","swipeDirection","swipeThreshold","children","viewport","setViewport","React","useState","toastCount","setToastCount","isFocusedToastEscapeKeyDownRef","useRef","isClosePausedRef","_react","createElement","$c1d0a83a445da99c0aa921e25823690$var$ToastProviderProvider","scope","onViewportChange","onToastAdd","useCallback","prevCount","onToastRemove","VIEWPORT_DEFAULT_HOTKEY","ToastViewport","forwardRef","forwardedRef","hotkey","viewportProps","context","wrapperRef","ref","composedRefs","useComposedRefs","hotkeyLabel","join","replace","useEffect","handleKeyDown","event","_ref$current","every","key","code","current","focus","document","addEventListener","removeEventListener","wrapper","handlePause","pauseEvent","Event","dispatchEvent","handleResume","resumeEvent","window","prepended","Set","observer","MutationObserver","mutations","map","mutation","Array","from","addedNodes","reduce","a","b","concat","forEach","node","has","delete","prepend","add","observe","childList","disconnect","_radixUiReactDismissableLayer","Branch","role","tabIndex","style","pointerEvents","undefined","Primitive","ol","_babelRuntimeHelpersEsmExtends","Toast","forceMount","open","openProp","defaultOpen","onOpenChange","toastProps","setOpen","useControllableState","prop","defaultProp","onChange","Presence","present","$c1d0a83a445da99c0aa921e25823690$var$ToastImpl","onClose","onSwipeStart","composeEventHandlers","currentTarget","setAttribute","onSwipeMove","x","y","detail","delta","setProperty","onSwipeCancel","removeProperty","onSwipeEnd","ToastInteractiveProvider","useToastInteractiveContext","isInteractive","ToastImpl","type","durationProp","onEscapeKeyDown","pointerStartRef","swipeDeltaRef","closeTimerStartTimeRef","closeTimerRemainingTimeRef","closeTimerRef","handleClose","useCallbackRef","_ref$current2","_context$viewport","contains","activeElement","startTimer","Infinity","clearTimeout","Date","getTime","setTimeout","elapsedTime","Fragment","$c1d0a83a445da99c0aa921e25823690$var$ToastAnnounce","$c1d0a83a445da99c0aa921e25823690$var$ToastInteractiveProvider","ReactDOM","createPortal","Root","asChild","li","userSelect","touchAction","onKeyDown","nativeEvent","defaultPrevented","onPointerDown","button","clientX","clientY","onPointerMove","hasSwipeMoveStarted","Boolean","isHorizontalSwipe","includes","clamp","Math","min","max","clampedX","clampedY","moveStartBuffer","pointerType","eventDetail","originalEvent","dispatchCustomEvent","isDeltaInDirection","target","setPointerCapture","pointerId","abs","onPointerUp","releasePointerCapture","toast","preventDefault","once","propTypes","Error","ToastAnnounce","announceProps","renderChildren","setRenderChildren","isAnnounced","setIsAnnounced","callback","fn","useLayoutEffect","raf1","raf2","requestAnimationFrame","cancelAnimationFrame","useNextFrame","timer","UnstablePortal","VisuallyHidden","ToastTitle","titleProps","div","ToastDescription","descriptionProps","ToastAction","altText","actionProps","ToastClose","closeProps","interactiveContext","onClick","name","handler","CustomEvent","bubbles","cancelable","direction","threshold","deltaX","deltaY","isDeltaX","Provider","Viewport","Title","Description","Action","Close"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-toast",
-  "version": "0.1.2-rc.1",
+  "version": "0.1.2-rc.12",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -18,20 +18,20 @@
   "dependencies": {
     "@babel/runtime": "^7.13.10",
     "@radix-ui/primitive": "0.1.0",
-    "@radix-ui/react-compose-refs": "0.1.0",
-    "@radix-ui/react-context": "0.1.1",
-    "@radix-ui/react-dismissable-layer": "0.1.5",
-    "@radix-ui/react-portal": "0.1.4",
-    "@radix-ui/react-presence": "0.1.2",
-    "@radix-ui/react-primitive": "0.1.4",
-    "@radix-ui/react-use-callback-ref": "0.1.0",
-    "@radix-ui/react-use-controllable-state": "0.1.0",
-    "@radix-ui/react-use-layout-effect": "0.1.0",
-    "@radix-ui/react-visually-hidden": "0.1.4"
+    "@radix-ui/react-compose-refs": "0.1.1-rc.2",
+    "@radix-ui/react-context": "0.1.2-rc.2",
+    "@radix-ui/react-dismissable-layer": "0.1.6-rc.2",
+    "@radix-ui/react-portal": "0.1.5-rc.2",
+    "@radix-ui/react-presence": "0.1.3-rc.2",
+    "@radix-ui/react-primitive": "0.1.5-rc.2",
+    "@radix-ui/react-use-callback-ref": "0.1.1-rc.2",
+    "@radix-ui/react-use-controllable-state": "0.1.1-rc.2",
+    "@radix-ui/react-use-layout-effect": "0.1.1-rc.2",
+    "@radix-ui/react-visually-hidden": "0.1.5-rc.2"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0",
-    "react-dom": "^16.8 || ^17.0"
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
   "homepage": "https://radix-ui.com/primitives",
   "repository": {