ivt 0.3.3 → 0.3.4

package/dist/toast/index.mjs

@@ -1,2 +1,706 @@
-import{c as e}from"../chunks/utils-BctauAA9.mjs";import*as t from"react";import r from"react";import*as o from"react-dom";import{c as n}from"../chunks/index-CdJCOoFA.mjs";import{u as s}from"../chunks/index-COvW87ew.mjs";import{createCollection as a}from"@radix-ui/react-collection";import{c as i}from"../chunks/index-CCcl327A.mjs";import{B as c,R as d,P as u}from"../chunks/index-xew3kygQ.mjs";import{P as l}from"../chunks/index-BdpYc58_.mjs";import{P as p,d as m}from"../chunks/index-w9bxia3O.mjs";import{u as f}from"../chunks/index-CXszXOf_.mjs";import{u as v}from"../chunks/index-CybgQKpz.mjs";import{u as w}from"../chunks/index-CLtWFQL5.mjs";import{V as h}from"../chunks/index-D2sZp5OP.mjs";import{jsx as x,jsxs as y,Fragment as g}from"react/jsx-runtime";import{cva as E}from"class-variance-authority";import{X as T}from"../chunks/x-BNLl0E-E.mjs";import"../chunks/bundle-mjs-9BXytT_r.mjs";import"@radix-ui/react-slot";import"../chunks/createLucideIcon-L-tld2uc.mjs";var b="ToastProvider",[C,P,R]=a("Toast"),[N,k]=i("Toast",[R]),[D,L]=N(b),S=e=>{const{__scopeToast:r,label:o="Notification",duration:n=5e3,swipeDirection:s="right",swipeThreshold:a=50,children:i}=e,[c,d]=t.useState(null),[u,l]=t.useState(0),p=t.useRef(!1),m=t.useRef(!1);return o.trim(),x(C.Provider,{scope:r,children:x(D,{scope:r,label:o,duration:n,swipeDirection:s,swipeThreshold:a,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:t.useCallback(()=>l(e=>e+1),[]),onToastRemove:t.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:m,children:i})})};S.displayName=b;var _="ToastViewport",F=["F8"],j="toast.viewportPause",A="toast.viewportResume",I=t.forwardRef((e,r)=>{const{__scopeToast:o,hotkey:n=F,label:a="Notifications ({hotkey})",...i}=e,d=L(_,o),u=P(o),l=t.useRef(null),m=t.useRef(null),f=t.useRef(null),v=t.useRef(null),w=s(r,v,d.onViewportChange),h=n.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;t.useEffect(()=>{const e=e=>{0!==n.length&&n.every(t=>e[t]||e.code===t)&&v.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[n]),t.useEffect(()=>{const e=l.current,t=v.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(j);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},o=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(A);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},n=t=>{!e.contains(t.relatedTarget)&&o()},s=()=>{e.contains(document.activeElement)||o()};return e.addEventListener("focusin",r),e.addEventListener("focusout",n),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",o),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",n),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",o)}}},[g,d.isClosePausedRef]);const E=t.useCallback(({tabbingDirection:e})=>{const t=u().map(t=>{const r=t.ref.current,o=[r,...ee(r)];return"forwards"===e?o:o.reverse()});return("forwards"===e?t.reverse():t).flat()},[u]);return t.useEffect(()=>{const e=v.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,o=t.shiftKey;if(t.target===e&&o)return void m.current?.focus();const n=E({tabbingDirection:o?"backwards":"forwards"}),s=n.findIndex(e=>e===r);te(n.slice(s+1))?t.preventDefault():o?m.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[u,E]),y(c,{ref:l,role:"region","aria-label":a.replace("{hotkey}",h),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&x(K,{ref:m,onFocusFromOutsideViewport:()=>{te(E({tabbingDirection:"forwards"}))}}),x(C.Slot,{scope:o,children:x(p.ol,{tabIndex:-1,...i,ref:w})}),g&&x(K,{ref:f,onFocusFromOutsideViewport:()=>{te(E({tabbingDirection:"backwards"}))}})]})});I.displayName=_;var M="ToastFocusProxy",K=t.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:o,...n}=e,s=L(M,r);return x(h,{"aria-hidden":!0,tabIndex:0,...n,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&o()}})});K.displayName=M;var O="Toast",V=t.forwardRef((e,t)=>{const{forceMount:r,open:o,defaultOpen:s,onOpenChange:a,...i}=e,[c,d]=v({prop:o,defaultProp:s??!0,onChange:a,caller:O});return x(l,{present:r||c,children:x(U,{open:c,...i,ref:t,onClose:()=>d(!1),onPause:f(e.onPause),onResume:f(e.onResume),onSwipeStart:n(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:n(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:n(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:n(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`),d(!1)})})})});V.displayName=O;var[$,H]=N(O,{onClose(){}}),U=t.forwardRef((e,r)=>{const{__scopeToast:a,type:i="foreground",duration:c,open:u,onClose:l,onEscapeKeyDown:m,onPause:v,onResume:w,onSwipeStart:h,onSwipeMove:E,onSwipeCancel:T,onSwipeEnd:b,...P}=e,R=L(O,a),[N,k]=t.useState(null),D=s(r,e=>k(e)),S=t.useRef(null),_=t.useRef(null),F=c||R.duration,I=t.useRef(0),M=t.useRef(F),K=t.useRef(0),{onToastAdd:V,onToastRemove:H}=R,U=f(()=>{const e=N?.contains(document.activeElement);e&&R.viewport?.focus(),l()}),q=t.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),I.current=(new Date).getTime(),K.current=window.setTimeout(U,e))},[U]);t.useEffect(()=>{const e=R.viewport;if(e){const t=()=>{q(M.current),w?.()},r=()=>{const e=(new Date).getTime()-I.current;M.current=M.current-e,window.clearTimeout(K.current),v?.()};return e.addEventListener(j,r),e.addEventListener(A,t),()=>{e.removeEventListener(j,r),e.removeEventListener(A,t)}}},[R.viewport,F,v,w,q]),t.useEffect(()=>{u&&!R.isClosePausedRef.current&&q(F)},[u,F,R.isClosePausedRef,q]),t.useEffect(()=>(V(),()=>H()),[V,H]);const B=t.useMemo(()=>N?J(N):null,[N]);return R.viewport?y(g,{children:[B&&x(X,{__scopeToast:a,role:"status","aria-live":"foreground"===i?"assertive":"polite","aria-atomic":!0,children:B}),x($,{scope:a,onClose:U,children:o.createPortal(x(C.ItemSlot,{scope:a,children:x(d,{asChild:!0,onEscapeKeyDown:n(m,()=>{R.isFocusedToastEscapeKeyDownRef.current||U(),R.isFocusedToastEscapeKeyDownRef.current=!1}),children:x(p.li,{role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":u?"open":"closed","data-swipe-direction":R.swipeDirection,...P,ref:D,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:n(e.onKeyDown,e=>{"Escape"===e.key&&(m?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(R.isFocusedToastEscapeKeyDownRef.current=!0,U()))}),onPointerDown:n(e.onPointerDown,e=>{0===e.button&&(S.current={x:e.clientX,y:e.clientY})}),onPointerMove:n(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,d={x:a,y:i},u={originalEvent:e,delta:d};o?(_.current=d,Q("toast.swipeMove",E,u,{discrete:!1})):Z(d,R.swipeDirection,c)?(_.current=d,Q("toast.swipeStart",h,u,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(S.current=null)}),onPointerUp:n(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,S.current=null,t){const r=e.currentTarget,o={originalEvent:e,delta:t};Z(t,R.swipeDirection,R.swipeThreshold)?Q("toast.swipeEnd",b,o,{discrete:!0}):Q("toast.swipeCancel",T,o,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),R.viewport)})]}):null}),X=e=>{const{__scopeToast:r,children:o,...n}=e,s=L(O,r),[a,i]=t.useState(!1),[c,d]=t.useState(!1);return function(e=()=>{}){const t=f(e);w(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),t.useEffect(()=>{const e=window.setTimeout(()=>d(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:x(u,{asChild:!0,children:x(h,{...n,children:a&&y(g,{children:[s.label," ",o]})})})},q=t.forwardRef((e,t)=>{const{__scopeToast:r,...o}=e;return x(p.div,{...o,ref:t})});q.displayName="ToastTitle";var B=t.forwardRef((e,t)=>{const{__scopeToast:r,...o}=e;return x(p.div,{...o,ref:t})});B.displayName="ToastDescription";var W=t.forwardRef((e,t)=>{const{altText:r,...o}=e;return r.trim()?x(G,{altText:r,asChild:!0,children:x(z,{...o,ref:t})}):null});W.displayName="ToastAction";var Y="ToastClose",z=t.forwardRef((e,t)=>{const{__scopeToast:r,...o}=e,s=H(Y,r);return x(G,{asChild:!0,children:x(p.button,{type:"button",...o,ref:t,onClick:n(e.onClick,s.onClose)})})});z.displayName=Y;var G=t.forwardRef((e,t)=>{const{__scopeToast:r,altText:o,...n}=e;return x(p.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":o||void 0,...n,ref:t})});function J(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,o=""===e.dataset.radixToastAnnounceExclude;if(!r)if(o){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...J(e))}}),t}function Q(e,t,r,{discrete:o}){const n=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&n.addEventListener(e,t,{once:!0}),o?m(n,s):n.dispatchEvent(s)}var Z=(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};function ee(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function te(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var re=I,oe=V,ne=q,se=B,ae=W,ie=z;const ce=S,de=({className:t,...o})=>r.createElement(re,{"data-slot":"toast-viewport",className:e("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]",t),...o}),ue=E("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive-foreground bg-destructive-foreground text-destructive border-destructive"}},defaultVariants:{variant:"default"}}),le=({className:t,variant:o,...n})=>r.createElement(oe,{"data-slot":"toast-root",className:e(ue({variant:o}),t),...n}),pe=({className:t,...o})=>r.createElement(ae,{"data-slot":"toast-action",className:e("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none disabled:opacity-50",t),...o}),me=({className:t,...o})=>r.createElement(ie,{"data-slot":"toast-close",className:e("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",t),"toast-close":"",...o},r.createElement(T,{className:"h-4 w-4"})),fe=({className:t,...o})=>r.createElement(ne,{"data-slot":"toast-title",className:e("text-sm font-semibold",t),...o}),ve=({className:t,...o})=>r.createElement(se,{"data-slot":"toast-description",className:e("text-sm opacity-90",t),...o});export{le as Toast,pe as ToastAction,me as ToastClose,ve as ToastDescription,ce as ToastProvider,fe as ToastTitle,de as ToastViewport};
+import { c as cn } from '../chunks/utils-BUelq9Ro.mjs';
+import * as React from 'react';
+import React__default from 'react';
+import * as ReactDOM from 'react-dom';
+import { c as composeEventHandlers } from '../chunks/index-Dm4_czlz.mjs';
+import { u as useComposedRefs } from '../chunks/index-B4VRyyD1.mjs';
+import { createCollection } from '@radix-ui/react-collection';
+import { c as createContextScope } from '../chunks/index-B_FsTtnF.mjs';
+import { B as Branch, R as Root, P as Portal } from '../chunks/index-BE-_q4IW.mjs';
+import { P as Presence } from '../chunks/index-D2wfJaZh.mjs';
+import { P as Primitive, d as dispatchDiscreteCustomEvent } from '../chunks/index-D0S6rRRE.mjs';
+import { u as useCallbackRef } from '../chunks/index-CAg47KJ6.mjs';
+import { u as useControllableState } from '../chunks/index-C_jFwfR_.mjs';
+import { u as useLayoutEffect2 } from '../chunks/index-BZUrHhU8.mjs';
+import { V as VisuallyHidden } from '../chunks/index-DNvm9MP3.mjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { X } from '../chunks/x-Bjz0Vo6R.mjs';
+import '../chunks/bundle-mjs-tFg__FnT.mjs';
+import '@radix-ui/react-slot';
+import '../chunks/createLucideIcon-Ba0IWqsz.mjs';
+
+var PROVIDER_NAME = "ToastProvider";
+var [Collection, useCollection, createCollectionScope] = createCollection("Toast");
+var [createToastContext, createToastScope] = createContextScope("Toast", [
+    createCollectionScope
+]);
+var [ToastProviderProvider, useToastProviderContext] = createToastContext(PROVIDER_NAME);
+var ToastProvider$1 = (props)=>{
+    const { __scopeToast, label = "Notification", duration = 5e3, swipeDirection = "right", swipeThreshold = 50, children } = props;
+    const [viewport, setViewport] = React.useState(null);
+    const [toastCount, setToastCount] = React.useState(0);
+    const isFocusedToastEscapeKeyDownRef = React.useRef(false);
+    const isClosePausedRef = React.useRef(false);
+    if (!label.trim()) {
+        console.error(`Invalid prop \`label\` supplied to \`${PROVIDER_NAME}\`. Expected non-empty \`string\`.`);
+    }
+    return /* @__PURE__ */ jsx(Collection.Provider, {
+        scope: __scopeToast,
+        children: /* @__PURE__ */ jsx(ToastProviderProvider, {
+            scope: __scopeToast,
+            label,
+            duration,
+            swipeDirection,
+            swipeThreshold,
+            toastCount,
+            viewport,
+            onViewportChange: setViewport,
+            onToastAdd: React.useCallback(()=>setToastCount((prevCount)=>prevCount + 1), []),
+            onToastRemove: React.useCallback(()=>setToastCount((prevCount)=>prevCount - 1), []),
+            isFocusedToastEscapeKeyDownRef,
+            isClosePausedRef,
+            children
+        })
+    });
+};
+ToastProvider$1.displayName = PROVIDER_NAME;
+var VIEWPORT_NAME = "ToastViewport";
+var VIEWPORT_DEFAULT_HOTKEY = [
+    "F8"
+];
+var VIEWPORT_PAUSE = "toast.viewportPause";
+var VIEWPORT_RESUME = "toast.viewportResume";
+var ToastViewport$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeToast, hotkey = VIEWPORT_DEFAULT_HOTKEY, label = "Notifications ({hotkey})", ...viewportProps } = props;
+    const context = useToastProviderContext(VIEWPORT_NAME, __scopeToast);
+    const getItems = useCollection(__scopeToast);
+    const wrapperRef = React.useRef(null);
+    const headFocusProxyRef = React.useRef(null);
+    const tailFocusProxyRef = React.useRef(null);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);
+    const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
+    const hasToasts = context.toastCount > 0;
+    React.useEffect(()=>{
+        const handleKeyDown = (event)=>{
+            const isHotkeyPressed = hotkey.length !== 0 && hotkey.every((key)=>event[key] || event.code === key);
+            if (isHotkeyPressed) ref.current?.focus();
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return ()=>document.removeEventListener("keydown", handleKeyDown);
+    }, [
+        hotkey
+    ]);
+    React.useEffect(()=>{
+        const wrapper = wrapperRef.current;
+        const viewport = ref.current;
+        if (hasToasts && wrapper && viewport) {
+            const handlePause = ()=>{
+                if (!context.isClosePausedRef.current) {
+                    const pauseEvent = new CustomEvent(VIEWPORT_PAUSE);
+                    viewport.dispatchEvent(pauseEvent);
+                    context.isClosePausedRef.current = true;
+                }
+            };
+            const handleResume = ()=>{
+                if (context.isClosePausedRef.current) {
+                    const resumeEvent = new CustomEvent(VIEWPORT_RESUME);
+                    viewport.dispatchEvent(resumeEvent);
+                    context.isClosePausedRef.current = false;
+                }
+            };
+            const handleFocusOutResume = (event)=>{
+                const isFocusMovingOutside = !wrapper.contains(event.relatedTarget);
+                if (isFocusMovingOutside) handleResume();
+            };
+            const handlePointerLeaveResume = ()=>{
+                const isFocusInside = wrapper.contains(document.activeElement);
+                if (!isFocusInside) handleResume();
+            };
+            wrapper.addEventListener("focusin", handlePause);
+            wrapper.addEventListener("focusout", handleFocusOutResume);
+            wrapper.addEventListener("pointermove", handlePause);
+            wrapper.addEventListener("pointerleave", handlePointerLeaveResume);
+            window.addEventListener("blur", handlePause);
+            window.addEventListener("focus", handleResume);
+            return ()=>{
+                wrapper.removeEventListener("focusin", handlePause);
+                wrapper.removeEventListener("focusout", handleFocusOutResume);
+                wrapper.removeEventListener("pointermove", handlePause);
+                wrapper.removeEventListener("pointerleave", handlePointerLeaveResume);
+                window.removeEventListener("blur", handlePause);
+                window.removeEventListener("focus", handleResume);
+            };
+        }
+    }, [
+        hasToasts,
+        context.isClosePausedRef
+    ]);
+    const getSortedTabbableCandidates = React.useCallback(({ tabbingDirection })=>{
+        const toastItems = getItems();
+        const tabbableCandidates = toastItems.map((toastItem)=>{
+            const toastNode = toastItem.ref.current;
+            const toastTabbableCandidates = [
+                toastNode,
+                ...getTabbableCandidates(toastNode)
+            ];
+            return tabbingDirection === "forwards" ? toastTabbableCandidates : toastTabbableCandidates.reverse();
+        });
+        return (tabbingDirection === "forwards" ? tabbableCandidates.reverse() : tabbableCandidates).flat();
+    }, [
+        getItems
+    ]);
+    React.useEffect(()=>{
+        const viewport = ref.current;
+        if (viewport) {
+            const handleKeyDown = (event)=>{
+                const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
+                const isTabKey = event.key === "Tab" && !isMetaKey;
+                if (isTabKey) {
+                    const focusedElement = document.activeElement;
+                    const isTabbingBackwards = event.shiftKey;
+                    const targetIsViewport = event.target === viewport;
+                    if (targetIsViewport && isTabbingBackwards) {
+                        headFocusProxyRef.current?.focus();
+                        return;
+                    }
+                    const tabbingDirection = isTabbingBackwards ? "backwards" : "forwards";
+                    const sortedCandidates = getSortedTabbableCandidates({
+                        tabbingDirection
+                    });
+                    const index = sortedCandidates.findIndex((candidate)=>candidate === focusedElement);
+                    if (focusFirst(sortedCandidates.slice(index + 1))) {
+                        event.preventDefault();
+                    } else {
+                        isTabbingBackwards ? headFocusProxyRef.current?.focus() : tailFocusProxyRef.current?.focus();
+                    }
+                }
+            };
+            viewport.addEventListener("keydown", handleKeyDown);
+            return ()=>viewport.removeEventListener("keydown", handleKeyDown);
+        }
+    }, [
+        getItems,
+        getSortedTabbableCandidates
+    ]);
+    return /* @__PURE__ */ jsxs(Branch, {
+        ref: wrapperRef,
+        role: "region",
+        "aria-label": label.replace("{hotkey}", hotkeyLabel),
+        tabIndex: -1,
+        style: {
+            pointerEvents: hasToasts ? void 0 : "none"
+        },
+        children: [
+            hasToasts && /* @__PURE__ */ jsx(FocusProxy, {
+                ref: headFocusProxyRef,
+                onFocusFromOutsideViewport: ()=>{
+                    const tabbableCandidates = getSortedTabbableCandidates({
+                        tabbingDirection: "forwards"
+                    });
+                    focusFirst(tabbableCandidates);
+                }
+            }),
+            /* @__PURE__ */ jsx(Collection.Slot, {
+                scope: __scopeToast,
+                children: /* @__PURE__ */ jsx(Primitive.ol, {
+                    tabIndex: -1,
+                    ...viewportProps,
+                    ref: composedRefs
+                })
+            }),
+            hasToasts && /* @__PURE__ */ jsx(FocusProxy, {
+                ref: tailFocusProxyRef,
+                onFocusFromOutsideViewport: ()=>{
+                    const tabbableCandidates = getSortedTabbableCandidates({
+                        tabbingDirection: "backwards"
+                    });
+                    focusFirst(tabbableCandidates);
+                }
+            })
+        ]
+    });
+});
+ToastViewport$1.displayName = VIEWPORT_NAME;
+var FOCUS_PROXY_NAME = "ToastFocusProxy";
+var FocusProxy = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeToast, onFocusFromOutsideViewport, ...proxyProps } = props;
+    const context = useToastProviderContext(FOCUS_PROXY_NAME, __scopeToast);
+    return /* @__PURE__ */ jsx(VisuallyHidden, {
+        tabIndex: 0,
+        ...proxyProps,
+        ref: forwardedRef,
+        style: {
+            position: "fixed"
+        },
+        onFocus: (event)=>{
+            const prevFocusedElement = event.relatedTarget;
+            const isFocusFromOutsideViewport = !context.viewport?.contains(prevFocusedElement);
+            if (isFocusFromOutsideViewport) onFocusFromOutsideViewport();
+        }
+    });
+});
+FocusProxy.displayName = FOCUS_PROXY_NAME;
+var TOAST_NAME = "Toast";
+var TOAST_SWIPE_START = "toast.swipeStart";
+var TOAST_SWIPE_MOVE = "toast.swipeMove";
+var TOAST_SWIPE_CANCEL = "toast.swipeCancel";
+var TOAST_SWIPE_END = "toast.swipeEnd";
+var Toast$1 = React.forwardRef((props, forwardedRef)=>{
+    const { forceMount, open: openProp, defaultOpen, onOpenChange, ...toastProps } = props;
+    const [open, setOpen] = useControllableState({
+        prop: openProp,
+        defaultProp: defaultOpen ?? true,
+        onChange: onOpenChange,
+        caller: TOAST_NAME
+    });
+    return /* @__PURE__ */ jsx(Presence, {
+        present: forceMount || open,
+        children: /* @__PURE__ */ jsx(ToastImpl, {
+            open,
+            ...toastProps,
+            ref: forwardedRef,
+            onClose: ()=>setOpen(false),
+            onPause: useCallbackRef(props.onPause),
+            onResume: useCallbackRef(props.onResume),
+            onSwipeStart: composeEventHandlers(props.onSwipeStart, (event)=>{
+                event.currentTarget.setAttribute("data-swipe", "start");
+            }),
+            onSwipeMove: composeEventHandlers(props.onSwipeMove, (event)=>{
+                const { x, y } = event.detail.delta;
+                event.currentTarget.setAttribute("data-swipe", "move");
+                event.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${x}px`);
+                event.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${y}px`);
+            }),
+            onSwipeCancel: composeEventHandlers(props.onSwipeCancel, (event)=>{
+                event.currentTarget.setAttribute("data-swipe", "cancel");
+                event.currentTarget.style.removeProperty("--radix-toast-swipe-move-x");
+                event.currentTarget.style.removeProperty("--radix-toast-swipe-move-y");
+                event.currentTarget.style.removeProperty("--radix-toast-swipe-end-x");
+                event.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+            }),
+            onSwipeEnd: composeEventHandlers(props.onSwipeEnd, (event)=>{
+                const { x, y } = event.detail.delta;
+                event.currentTarget.setAttribute("data-swipe", "end");
+                event.currentTarget.style.removeProperty("--radix-toast-swipe-move-x");
+                event.currentTarget.style.removeProperty("--radix-toast-swipe-move-y");
+                event.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${x}px`);
+                event.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${y}px`);
+                setOpen(false);
+            })
+        })
+    });
+});
+Toast$1.displayName = TOAST_NAME;
+var [ToastInteractiveProvider, useToastInteractiveContext] = createToastContext(TOAST_NAME, {
+    onClose () {}
+});
+var ToastImpl = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeToast, type = "foreground", duration: durationProp, open, onClose, onEscapeKeyDown, onPause, onResume, onSwipeStart, onSwipeMove, onSwipeCancel, onSwipeEnd, ...toastProps } = props;
+    const context = useToastProviderContext(TOAST_NAME, __scopeToast);
+    const [node, setNode] = React.useState(null);
+    const composedRefs = useComposedRefs(forwardedRef, (node2)=>setNode(node2));
+    const pointerStartRef = React.useRef(null);
+    const swipeDeltaRef = React.useRef(null);
+    const duration = durationProp || context.duration;
+    const closeTimerStartTimeRef = React.useRef(0);
+    const closeTimerRemainingTimeRef = React.useRef(duration);
+    const closeTimerRef = React.useRef(0);
+    const { onToastAdd, onToastRemove } = context;
+    const handleClose = useCallbackRef(()=>{
+        const isFocusInToast = node?.contains(document.activeElement);
+        if (isFocusInToast) context.viewport?.focus();
+        onClose();
+    });
+    const startTimer = React.useCallback((duration2)=>{
+        if (!duration2 || duration2 === Infinity) return;
+        window.clearTimeout(closeTimerRef.current);
+        closeTimerStartTimeRef.current = /* @__PURE__ */ new Date().getTime();
+        closeTimerRef.current = window.setTimeout(handleClose, duration2);
+    }, [
+        handleClose
+    ]);
+    React.useEffect(()=>{
+        const viewport = context.viewport;
+        if (viewport) {
+            const handleResume = ()=>{
+                startTimer(closeTimerRemainingTimeRef.current);
+                onResume?.();
+            };
+            const handlePause = ()=>{
+                const elapsedTime = /* @__PURE__ */ new Date().getTime() - closeTimerStartTimeRef.current;
+                closeTimerRemainingTimeRef.current = closeTimerRemainingTimeRef.current - elapsedTime;
+                window.clearTimeout(closeTimerRef.current);
+                onPause?.();
+            };
+            viewport.addEventListener(VIEWPORT_PAUSE, handlePause);
+            viewport.addEventListener(VIEWPORT_RESUME, handleResume);
+            return ()=>{
+                viewport.removeEventListener(VIEWPORT_PAUSE, handlePause);
+                viewport.removeEventListener(VIEWPORT_RESUME, handleResume);
+            };
+        }
+    }, [
+        context.viewport,
+        duration,
+        onPause,
+        onResume,
+        startTimer
+    ]);
+    React.useEffect(()=>{
+        if (open && !context.isClosePausedRef.current) startTimer(duration);
+    }, [
+        open,
+        duration,
+        context.isClosePausedRef,
+        startTimer
+    ]);
+    React.useEffect(()=>{
+        onToastAdd();
+        return ()=>onToastRemove();
+    }, [
+        onToastAdd,
+        onToastRemove
+    ]);
+    const announceTextContent = React.useMemo(()=>{
+        return node ? getAnnounceTextContent(node) : null;
+    }, [
+        node
+    ]);
+    if (!context.viewport) return null;
+    return /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+            announceTextContent && /* @__PURE__ */ jsx(ToastAnnounce, {
+                __scopeToast,
+                role: "status",
+                "aria-live": type === "foreground" ? "assertive" : "polite",
+                children: announceTextContent
+            }),
+            /* @__PURE__ */ jsx(ToastInteractiveProvider, {
+                scope: __scopeToast,
+                onClose: handleClose,
+                children: ReactDOM.createPortal(/* @__PURE__ */ jsx(Collection.ItemSlot, {
+                    scope: __scopeToast,
+                    children: /* @__PURE__ */ jsx(Root, {
+                        asChild: true,
+                        onEscapeKeyDown: composeEventHandlers(onEscapeKeyDown, ()=>{
+                            if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();
+                            context.isFocusedToastEscapeKeyDownRef.current = false;
+                        }),
+                        children: /* @__PURE__ */ jsx(Primitive.li, {
+                            tabIndex: 0,
+                            "data-state": open ? "open" : "closed",
+                            "data-swipe-direction": context.swipeDirection,
+                            ...toastProps,
+                            ref: composedRefs,
+                            style: {
+                                userSelect: "none",
+                                touchAction: "none",
+                                ...props.style
+                            },
+                            onKeyDown: composeEventHandlers(props.onKeyDown, (event)=>{
+                                if (event.key !== "Escape") return;
+                                onEscapeKeyDown?.(event.nativeEvent);
+                                if (!event.nativeEvent.defaultPrevented) {
+                                    context.isFocusedToastEscapeKeyDownRef.current = true;
+                                    handleClose();
+                                }
+                            }),
+                            onPointerDown: composeEventHandlers(props.onPointerDown, (event)=>{
+                                if (event.button !== 0) return;
+                                pointerStartRef.current = {
+                                    x: event.clientX,
+                                    y: event.clientY
+                                };
+                            }),
+                            onPointerMove: composeEventHandlers(props.onPointerMove, (event)=>{
+                                if (!pointerStartRef.current) return;
+                                const x = event.clientX - pointerStartRef.current.x;
+                                const y = event.clientY - pointerStartRef.current.y;
+                                const hasSwipeMoveStarted = Boolean(swipeDeltaRef.current);
+                                const isHorizontalSwipe = [
+                                    "left",
+                                    "right"
+                                ].includes(context.swipeDirection);
+                                const clamp = [
+                                    "left",
+                                    "up"
+                                ].includes(context.swipeDirection) ? Math.min : Math.max;
+                                const clampedX = isHorizontalSwipe ? clamp(0, x) : 0;
+                                const clampedY = !isHorizontalSwipe ? clamp(0, y) : 0;
+                                const moveStartBuffer = event.pointerType === "touch" ? 10 : 2;
+                                const delta = {
+                                    x: clampedX,
+                                    y: clampedY
+                                };
+                                const eventDetail = {
+                                    originalEvent: event,
+                                    delta
+                                };
+                                if (hasSwipeMoveStarted) {
+                                    swipeDeltaRef.current = delta;
+                                    handleAndDispatchCustomEvent(TOAST_SWIPE_MOVE, onSwipeMove, eventDetail, {
+                                        discrete: false
+                                    });
+                                } else if (isDeltaInDirection(delta, context.swipeDirection, moveStartBuffer)) {
+                                    swipeDeltaRef.current = delta;
+                                    handleAndDispatchCustomEvent(TOAST_SWIPE_START, onSwipeStart, eventDetail, {
+                                        discrete: false
+                                    });
+                                    event.target.setPointerCapture(event.pointerId);
+                                } else if (Math.abs(x) > moveStartBuffer || Math.abs(y) > moveStartBuffer) {
+                                    pointerStartRef.current = null;
+                                }
+                            }),
+                            onPointerUp: composeEventHandlers(props.onPointerUp, (event)=>{
+                                const delta = swipeDeltaRef.current;
+                                const target = event.target;
+                                if (target.hasPointerCapture(event.pointerId)) {
+                                    target.releasePointerCapture(event.pointerId);
+                                }
+                                swipeDeltaRef.current = null;
+                                pointerStartRef.current = null;
+                                if (delta) {
+                                    const toast = event.currentTarget;
+                                    const eventDetail = {
+                                        originalEvent: event,
+                                        delta
+                                    };
+                                    if (isDeltaInDirection(delta, context.swipeDirection, context.swipeThreshold)) {
+                                        handleAndDispatchCustomEvent(TOAST_SWIPE_END, onSwipeEnd, eventDetail, {
+                                            discrete: true
+                                        });
+                                    } else {
+                                        handleAndDispatchCustomEvent(TOAST_SWIPE_CANCEL, onSwipeCancel, eventDetail, {
+                                            discrete: true
+                                        });
+                                    }
+                                    toast.addEventListener("click", (event2)=>event2.preventDefault(), {
+                                        once: true
+                                    });
+                                }
+                            })
+                        })
+                    })
+                }), context.viewport)
+            })
+        ]
+    });
+});
+var ToastAnnounce = (props)=>{
+    const { __scopeToast, children, ...announceProps } = props;
+    const context = useToastProviderContext(TOAST_NAME, __scopeToast);
+    const [renderAnnounceText, setRenderAnnounceText] = React.useState(false);
+    const [isAnnounced, setIsAnnounced] = React.useState(false);
+    useNextFrame(()=>setRenderAnnounceText(true));
+    React.useEffect(()=>{
+        const timer = window.setTimeout(()=>setIsAnnounced(true), 1e3);
+        return ()=>window.clearTimeout(timer);
+    }, []);
+    return isAnnounced ? null : /* @__PURE__ */ jsx(Portal, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx(VisuallyHidden, {
+            ...announceProps,
+            children: renderAnnounceText && /* @__PURE__ */ jsxs(Fragment, {
+                children: [
+                    context.label,
+                    " ",
+                    children
+                ]
+            })
+        })
+    });
+};
+var TITLE_NAME = "ToastTitle";
+var ToastTitle$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeToast, ...titleProps } = props;
+    return /* @__PURE__ */ jsx(Primitive.div, {
+        ...titleProps,
+        ref: forwardedRef
+    });
+});
+ToastTitle$1.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "ToastDescription";
+var ToastDescription$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeToast, ...descriptionProps } = props;
+    return /* @__PURE__ */ jsx(Primitive.div, {
+        ...descriptionProps,
+        ref: forwardedRef
+    });
+});
+ToastDescription$1.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "ToastAction";
+var ToastAction$1 = React.forwardRef((props, forwardedRef)=>{
+    const { altText, ...actionProps } = props;
+    if (!altText.trim()) {
+        console.error(`Invalid prop \`altText\` supplied to \`${ACTION_NAME}\`. Expected non-empty \`string\`.`);
+        return null;
+    }
+    return /* @__PURE__ */ jsx(ToastAnnounceExclude, {
+        altText,
+        asChild: true,
+        children: /* @__PURE__ */ jsx(ToastClose$1, {
+            ...actionProps,
+            ref: forwardedRef
+        })
+    });
+});
+ToastAction$1.displayName = ACTION_NAME;
+var CLOSE_NAME = "ToastClose";
+var ToastClose$1 = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeToast, ...closeProps } = props;
+    const interactiveContext = useToastInteractiveContext(CLOSE_NAME, __scopeToast);
+    return /* @__PURE__ */ jsx(ToastAnnounceExclude, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx(Primitive.button, {
+            type: "button",
+            ...closeProps,
+            ref: forwardedRef,
+            onClick: composeEventHandlers(props.onClick, interactiveContext.onClose)
+        })
+    });
+});
+ToastClose$1.displayName = CLOSE_NAME;
+var ToastAnnounceExclude = React.forwardRef((props, forwardedRef)=>{
+    const { __scopeToast, altText, ...announceExcludeProps } = props;
+    return /* @__PURE__ */ jsx(Primitive.div, {
+        "data-radix-toast-announce-exclude": "",
+        "data-radix-toast-announce-alt": altText || void 0,
+        ...announceExcludeProps,
+        ref: forwardedRef
+    });
+});
+function getAnnounceTextContent(container) {
+    const textContent = [];
+    const childNodes = Array.from(container.childNodes);
+    childNodes.forEach((node)=>{
+        if (node.nodeType === node.TEXT_NODE && node.textContent) textContent.push(node.textContent);
+        if (isHTMLElement(node)) {
+            const isHidden = node.ariaHidden || node.hidden || node.style.display === "none";
+            const isExcluded = node.dataset.radixToastAnnounceExclude === "";
+            if (!isHidden) {
+                if (isExcluded) {
+                    const altText = node.dataset.radixToastAnnounceAlt;
+                    if (altText) textContent.push(altText);
+                } else {
+                    textContent.push(...getAnnounceTextContent(node));
+                }
+            }
+        }
+    });
+    return textContent;
+}
+function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
+    const currentTarget = detail.originalEvent.currentTarget;
+    const event = new CustomEvent(name, {
+        bubbles: true,
+        cancelable: true,
+        detail
+    });
+    if (handler) currentTarget.addEventListener(name, handler, {
+        once: true
+    });
+    if (discrete) {
+        dispatchDiscreteCustomEvent(currentTarget, event);
+    } else {
+        currentTarget.dispatchEvent(event);
+    }
+}
+var isDeltaInDirection = (delta, direction, threshold = 0)=>{
+    const deltaX = Math.abs(delta.x);
+    const deltaY = Math.abs(delta.y);
+    const isDeltaX = deltaX > deltaY;
+    if (direction === "left" || direction === "right") {
+        return isDeltaX && deltaX > threshold;
+    } else {
+        return !isDeltaX && deltaY > threshold;
+    }
+};
+function useNextFrame(callback = ()=>{}) {
+    const fn = useCallbackRef(callback);
+    useLayoutEffect2(()=>{
+        let raf1 = 0;
+        let raf2 = 0;
+        raf1 = window.requestAnimationFrame(()=>raf2 = window.requestAnimationFrame(fn));
+        return ()=>{
+            window.cancelAnimationFrame(raf1);
+            window.cancelAnimationFrame(raf2);
+        };
+    }, [
+        fn
+    ]);
+}
+function isHTMLElement(node) {
+    return node.nodeType === node.ELEMENT_NODE;
+}
+function getTabbableCandidates(container) {
+    const nodes = [];
+    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
+        acceptNode: (node)=>{
+            const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
+            if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
+            return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+        }
+    });
+    while(walker.nextNode())nodes.push(walker.currentNode);
+    return nodes;
+}
+function focusFirst(candidates) {
+    const previouslyFocusedElement = document.activeElement;
+    return candidates.some((candidate)=>{
+        if (candidate === previouslyFocusedElement) return true;
+        candidate.focus();
+        return document.activeElement !== previouslyFocusedElement;
+    });
+}
+var Provider = ToastProvider$1;
+var Viewport = ToastViewport$1;
+var Root2 = Toast$1;
+var Title = ToastTitle$1;
+var Description = ToastDescription$1;
+var Action = ToastAction$1;
+var Close = ToastClose$1;
+
+const ToastProvider = Provider;
+const ToastViewport = ({ className, ...props })=>/*#__PURE__*/ React__default.createElement(Viewport, {
+        "data-slot": "toast-viewport",
+        className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
+        ...props
+    });
+const toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+    variants: {
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive-foreground bg-destructive-foreground text-destructive border-destructive"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+const Toast = ({ className, variant, ...props })=>{
+    return /*#__PURE__*/ React__default.createElement(Root2, {
+        "data-slot": "toast-root",
+        className: cn(toastVariants({
+            variant
+        }), className),
+        ...props
+    });
+};
+const ToastAction = ({ className, ...props })=>/*#__PURE__*/ React__default.createElement(Action, {
+        "data-slot": "toast-action",
+        className: cn("ring-offset-background hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none disabled:opacity-50", className),
+        ...props
+    });
+const ToastClose = ({ className, ...props })=>/*#__PURE__*/ React__default.createElement(Close, {
+        "data-slot": "toast-close",
+        className: cn("text-foreground/50 hover:text-foreground absolute top-2 right-2 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+        "toast-close": "",
+        ...props
+    }, /*#__PURE__*/ React__default.createElement(X, {
+        className: "h-4 w-4"
+    }));
+const ToastTitle = ({ className, ...props })=>/*#__PURE__*/ React__default.createElement(Title, {
+        "data-slot": "toast-title",
+        className: cn("text-sm font-semibold", className),
+        ...props
+    });
+const ToastDescription = ({ className, ...props })=>/*#__PURE__*/ React__default.createElement(Description, {
+        "data-slot": "toast-description",
+        className: cn("text-sm opacity-90", className),
+        ...props
+    });
+
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport };
 //# sourceMappingURL=index.mjs.map