@gv-tech/ui-web 2.10.0 → 2.12.0

package/dist/theme-toggle.es.js

@@ -0,0 +1,78 @@
+import { j as e } from "./jsx-runtime-tc70JA_2.mjs";
+import { Sun as x, Moon as j, SunMoon as g } from "lucide-react";
+import { Button as p } from "./button.es.js";
+import { DropdownMenu as w, DropdownMenuTrigger as v, DropdownMenuContent as N, DropdownMenuItem as i } from "./dropdown-menu.es.js";
+import { theme as u } from "@gv-tech/design-tokens";
+import { z as y } from "./index-DAWHN3cH.mjs";
+import { c as r } from "./utils-B6yFEsav.mjs";
+function C() {
+  const t = y(), { resolvedTheme: n } = t, s = n === "dark" ? u.dark : u.light;
+  return {
+    ...t,
+    tokens: s
+  };
+}
+function F({ variant: t = "binary", onThemeChange: n, customTheme: s, className: l }) {
+  const { theme: f, setTheme: k, resolvedTheme: T } = C(), c = s ?? f, m = (s || T) === "dark", a = c === "system", o = (d) => {
+    n ? n(d) : k(d);
+  }, h = () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      x,
+      {
+        className: r(
+          "h-[1.2rem] w-[1.2rem] transition-all",
+          !a && !m ? "scale-100 rotate-0" : "scale-0 -rotate-90"
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        className: r(
+          "absolute h-[1.2rem] w-[1.2rem] transition-all",
+          !a && m ? "scale-100 rotate-0" : "scale-0 rotate-90"
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      g,
+      {
+        className: r(
+          "absolute h-[1.2rem] w-[1.2rem] transition-all",
+          a ? "scale-100 rotate-0" : "scale-0 rotate-90"
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Toggle theme" })
+  ] });
+  return t === "ternary" ? /* @__PURE__ */ e.jsxs(w, { children: [
+    /* @__PURE__ */ e.jsx(v, { asChild: !0, children: /* @__PURE__ */ e.jsx(p, { variant: "ghost", size: "icon", className: r("relative h-9 w-9", l), children: /* @__PURE__ */ e.jsx(h, {}) }) }),
+    /* @__PURE__ */ e.jsxs(N, { align: "end", children: [
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => o("light"), children: [
+        /* @__PURE__ */ e.jsx(x, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e.jsx("span", { children: "Light" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => o("dark"), children: [
+        /* @__PURE__ */ e.jsx(j, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e.jsx("span", { children: "Dark" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => o("system"), children: [
+        /* @__PURE__ */ e.jsx(g, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e.jsx("span", { children: "System" })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ e.jsx(
+    p,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: r("relative h-9 w-9", l),
+      onClick: () => o(c === "dark" ? "light" : "dark"),
+      "aria-label": "Toggle theme",
+      children: /* @__PURE__ */ e.jsx(h, {})
+    }
+  );
+}
+export {
+  F as ThemeToggle
+};

package/dist/toast.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./jsx-runtime-nZSsnGb7.js"),Ae=require("react"),Ie=require("react-dom"),x=require("./index-BtZvtDmp.js"),te=require("./index-_XxjJPRD.js"),Fe=require("./index-BGIK9FQF.js"),Oe=require("./index-D2HnlO3y.js"),se=require("./index-BoNjHhm4.js"),Le=require("./index-CwyAfCwY.js"),Me=require("./index-B2XtpfGY.js"),K=require("./index-CzY-WZXL.js"),ke=require("./index-Ce5TOFAK.js"),Ve=require("./index-MQ0c3ZX_.js"),oe=require("./index-Cl3G0jzM.js"),$e=require("class-variance-authority"),He=require("lucide-react"),S=require("./utils-IjLH3w2e.js");function re(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const r=re(Ae),Ke=re(Ie);var z="ToastProvider",[G,qe,We]=Fe.createCollection("Toast"),[ne]=Oe.createContextScope("Toast",[We]),[Xe,q]=ne(z),ae=e=>{const{__scopeToast:t,label:s="Notification",duration:o=5e3,swipeDirection:u="right",swipeThreshold:l=50,children:p}=e,[v,E]=r.useState(null),[c,b]=r.useState(0),T=r.useRef(!1),_=r.useRef(!1);return s.trim()||console.error(`Invalid prop \`label\` supplied to \`${z}\`. Expected non-empty \`string\`.`),n.jsxRuntimeExports.jsx(G.Provider,{scope:t,children:n.jsxRuntimeExports.jsx(Xe,{scope:t,label:s,duration:o,swipeDirection:u,swipeThreshold:l,toastCount:c,viewport:v,onViewportChange:E,onToastAdd:r.useCallback(()=>b(C=>C+1),[]),onToastRemove:r.useCallback(()=>b(C=>C-1),[]),isFocusedToastEscapeKeyDownRef:T,isClosePausedRef:_,children:p})})};ae.displayName=z;var ie="ToastViewport",Ue=["F8"],U="toast.viewportPause",Y="toast.viewportResume",ce=r.forwardRef((e,t)=>{const{__scopeToast:s,hotkey:o=Ue,label:u="Notifications ({hotkey})",...l}=e,p=q(ie,s),v=qe(s),E=r.useRef(null),c=r.useRef(null),b=r.useRef(null),T=r.useRef(null),_=te.useComposedRefs(t,T,p.onViewportChange),C=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),j=p.toastCount>0;r.useEffect(()=>{const i=y=>{o.length!==0&&o.every(m=>y[m]||y.code===m)&&T.current?.focus()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[o]),r.useEffect(()=>{const i=E.current,y=T.current;if(j&&i&&y){const f=()=>{if(!p.isClosePausedRef.current){const w=new CustomEvent(U);y.dispatchEvent(w),p.isClosePausedRef.current=!0}},m=()=>{if(p.isClosePausedRef.current){const w=new CustomEvent(Y);y.dispatchEvent(w),p.isClosePausedRef.current=!1}},R=w=>{!i.contains(w.relatedTarget)&&m()},g=()=>{i.contains(document.activeElement)||m()};return i.addEventListener("focusin",f),i.addEventListener("focusout",R),i.addEventListener("pointermove",f),i.addEventListener("pointerleave",g),window.addEventListener("blur",f),window.addEventListener("focus",m),()=>{i.removeEventListener("focusin",f),i.removeEventListener("focusout",R),i.removeEventListener("pointermove",f),i.removeEventListener("pointerleave",g),window.removeEventListener("blur",f),window.removeEventListener("focus",m)}}},[j,p.isClosePausedRef]);const d=r.useCallback(({tabbingDirection:i})=>{const f=v().map(m=>{const R=m.ref.current,g=[R,...nt(R)];return i==="forwards"?g:g.reverse()});return(i==="forwards"?f.reverse():f).flat()},[v]);return r.useEffect(()=>{const i=T.current;if(i){const y=f=>{const m=f.altKey||f.ctrlKey||f.metaKey;if(f.key==="Tab"&&!m){const g=document.activeElement,w=f.shiftKey;if(f.target===i&&w){c.current?.focus();return}const A=d({tabbingDirection:w?"backwards":"forwards"}),M=A.findIndex(N=>N===g);X(A.slice(M+1))?f.preventDefault():w?c.current?.focus():b.current?.focus()}};return i.addEventListener("keydown",y),()=>i.removeEventListener("keydown",y)}},[v,d]),n.jsxRuntimeExports.jsxs(se.Branch,{ref:E,role:"region","aria-label":u.replace("{hotkey}",C),tabIndex:-1,style:{pointerEvents:j?void 0:"none"},children:[j&&n.jsxRuntimeExports.jsx(B,{ref:c,onFocusFromOutsideViewport:()=>{const i=d({tabbingDirection:"forwards"});X(i)}}),n.jsxRuntimeExports.jsx(G.Slot,{scope:s,children:n.jsxRuntimeExports.jsx(x.Primitive.ol,{tabIndex:-1,...l,ref:_})}),j&&n.jsxRuntimeExports.jsx(B,{ref:b,onFocusFromOutsideViewport:()=>{const i=d({tabbingDirection:"backwards"});X(i)}})]})});ce.displayName=ie;var ue="ToastFocusProxy",B=r.forwardRef((e,t)=>{const{__scopeToast:s,onFocusFromOutsideViewport:o,...u}=e,l=q(ue,s);return n.jsxRuntimeExports.jsx(oe.VisuallyHidden,{tabIndex:0,...u,ref:t,style:{position:"fixed"},onFocus:p=>{const v=p.relatedTarget;!l.viewport?.contains(v)&&o()}})});B.displayName=ue;var O="Toast",Ye="toast.swipeStart",Be="toast.swipeMove",ze="toast.swipeCancel",Ge="toast.swipeEnd",de=r.forwardRef((e,t)=>{const{forceMount:s,open:o,defaultOpen:u,onOpenChange:l,...p}=e,[v,E]=ke.useControllableState({prop:o,defaultProp:u??!0,onChange:l,caller:O});return n.jsxRuntimeExports.jsx(Me.Presence,{present:s||v,children:n.jsxRuntimeExports.jsx(Ze,{open:v,...p,ref:t,onClose:()=>E(!1),onPause:K.useCallbackRef(e.onPause),onResume:K.useCallbackRef(e.onResume),onSwipeStart:x.composeEventHandlers(e.onSwipeStart,c=>{c.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:x.composeEventHandlers(e.onSwipeMove,c=>{const{x:b,y:T}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","move"),c.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${b}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${T}px`)}),onSwipeCancel:x.composeEventHandlers(e.onSwipeCancel,c=>{c.currentTarget.setAttribute("data-swipe","cancel"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:x.composeEventHandlers(e.onSwipeEnd,c=>{const{x:b,y:T}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","end"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${b}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${T}px`),E(!1)})})})});de.displayName=O;var[Je,Qe]=ne(O,{onClose(){}}),Ze=r.forwardRef((e,t)=>{const{__scopeToast:s,type:o="foreground",duration:u,open:l,onClose:p,onEscapeKeyDown:v,onPause:E,onResume:c,onSwipeStart:b,onSwipeMove:T,onSwipeCancel:_,onSwipeEnd:C,...j}=e,d=q(O,s),[i,y]=r.useState(null),f=te.useComposedRefs(t,a=>y(a)),m=r.useRef(null),R=r.useRef(null),g=u||d.duration,w=r.useRef(0),D=r.useRef(g),L=r.useRef(0),{onToastAdd:A,onToastRemove:M}=d,N=K.useCallbackRef(()=>{i?.contains(document.activeElement)&&d.viewport?.focus(),p()}),k=r.useCallback(a=>{!a||a===1/0||(window.clearTimeout(L.current),w.current=new Date().getTime(),L.current=window.setTimeout(N,a))},[N]);r.useEffect(()=>{const a=d.viewport;if(a){const h=()=>{k(D.current),c?.()},P=()=>{const I=new Date().getTime()-w.current;D.current=D.current-I,window.clearTimeout(L.current),E?.()};return a.addEventListener(U,P),a.addEventListener(Y,h),()=>{a.removeEventListener(U,P),a.removeEventListener(Y,h)}}},[d.viewport,g,E,c,k]),r.useEffect(()=>{l&&!d.isClosePausedRef.current&&k(g)},[l,g,d.isClosePausedRef,k]),r.useEffect(()=>(A(),()=>M()),[A,M]);const Q=r.useMemo(()=>i?Ee(i):null,[i]);return d.viewport?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[Q&&n.jsxRuntimeExports.jsx(et,{__scopeToast:s,role:"status","aria-live":o==="foreground"?"assertive":"polite",children:Q}),n.jsxRuntimeExports.jsx(Je,{scope:s,onClose:N,children:Ke.createPortal(n.jsxRuntimeExports.jsx(G.ItemSlot,{scope:s,children:n.jsxRuntimeExports.jsx(se.Root,{asChild:!0,onEscapeKeyDown:x.composeEventHandlers(v,()=>{d.isFocusedToastEscapeKeyDownRef.current||N(),d.isFocusedToastEscapeKeyDownRef.current=!1}),children:n.jsxRuntimeExports.jsx(x.Primitive.li,{tabIndex:0,"data-state":l?"open":"closed","data-swipe-direction":d.swipeDirection,...j,ref:f,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:x.composeEventHandlers(e.onKeyDown,a=>{a.key==="Escape"&&(v?.(a.nativeEvent),a.nativeEvent.defaultPrevented||(d.isFocusedToastEscapeKeyDownRef.current=!0,N()))}),onPointerDown:x.composeEventHandlers(e.onPointerDown,a=>{a.button===0&&(m.current={x:a.clientX,y:a.clientY})}),onPointerMove:x.composeEventHandlers(e.onPointerMove,a=>{if(!m.current)return;const h=a.clientX-m.current.x,P=a.clientY-m.current.y,I=!!R.current,F=["left","right"].includes(d.swipeDirection),V=["left","up"].includes(d.swipeDirection)?Math.min:Math.max,_e=F?V(0,h):0,De=F?0:V(0,P),W=a.pointerType==="touch"?10:2,$={x:_e,y:De},Z={originalEvent:a,delta:$};I?(R.current=$,H(Be,T,Z,{discrete:!1})):ee($,d.swipeDirection,W)?(R.current=$,H(Ye,b,Z,{discrete:!1}),a.target.setPointerCapture(a.pointerId)):(Math.abs(h)>W||Math.abs(P)>W)&&(m.current=null)}),onPointerUp:x.composeEventHandlers(e.onPointerUp,a=>{const h=R.current,P=a.target;if(P.hasPointerCapture(a.pointerId)&&P.releasePointerCapture(a.pointerId),R.current=null,m.current=null,h){const I=a.currentTarget,F={originalEvent:a,delta:h};ee(h,d.swipeDirection,d.swipeThreshold)?H(Ge,C,F,{discrete:!0}):H(ze,_,F,{discrete:!0}),I.addEventListener("click",V=>V.preventDefault(),{once:!0})}})})})}),d.viewport)})]}):null}),et=e=>{const{__scopeToast:t,children:s,...o}=e,u=q(O,t),[l,p]=r.useState(!1),[v,E]=r.useState(!1);return ot(()=>p(!0)),r.useEffect(()=>{const c=window.setTimeout(()=>E(!0),1e3);return()=>window.clearTimeout(c)},[]),v?null:n.jsxRuntimeExports.jsx(Le.Portal,{asChild:!0,children:n.jsxRuntimeExports.jsx(oe.VisuallyHidden,{...o,children:l&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[u.label," ",s]})})})},tt="ToastTitle",le=r.forwardRef((e,t)=>{const{__scopeToast:s,...o}=e;return n.jsxRuntimeExports.jsx(x.Primitive.div,{...o,ref:t})});le.displayName=tt;var st="ToastDescription",pe=r.forwardRef((e,t)=>{const{__scopeToast:s,...o}=e;return n.jsxRuntimeExports.jsx(x.Primitive.div,{...o,ref:t})});pe.displayName=st;var fe="ToastAction",me=r.forwardRef((e,t)=>{const{altText:s,...o}=e;return s.trim()?n.jsxRuntimeExports.jsx(ve,{altText:s,asChild:!0,children:n.jsxRuntimeExports.jsx(J,{...o,ref:t})}):(console.error(`Invalid prop \`altText\` supplied to \`${fe}\`. Expected non-empty \`string\`.`),null)});me.displayName=fe;var xe="ToastClose",J=r.forwardRef((e,t)=>{const{__scopeToast:s,...o}=e,u=Qe(xe,s);return n.jsxRuntimeExports.jsx(ve,{asChild:!0,children:n.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...o,ref:t,onClick:x.composeEventHandlers(e.onClick,u.onClose)})})});J.displayName=xe;var ve=r.forwardRef((e,t)=>{const{__scopeToast:s,altText:o,...u}=e;return n.jsxRuntimeExports.jsx(x.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":o||void 0,...u,ref:t})});function Ee(e){const t=[];return Array.from(e.childNodes).forEach(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent&&t.push(o.textContent),rt(o)){const u=o.ariaHidden||o.hidden||o.style.display==="none",l=o.dataset.radixToastAnnounceExclude==="";if(!u)if(l){const p=o.dataset.radixToastAnnounceAlt;p&&t.push(p)}else t.push(...Ee(o))}}),t}function H(e,t,s,{discrete:o}){const u=s.originalEvent.currentTarget,l=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:s});t&&u.addEventListener(e,t,{once:!0}),o?x.dispatchDiscreteCustomEvent(u,l):u.dispatchEvent(l)}var ee=(e,t,s=0)=>{const o=Math.abs(e.x),u=Math.abs(e.y),l=o>u;return t==="left"||t==="right"?l&&o>s:!l&&u>s};function ot(e=()=>{}){const t=K.useCallbackRef(e);Ve.useLayoutEffect2(()=>{let s=0,o=0;return s=window.requestAnimationFrame(()=>o=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(s),window.cancelAnimationFrame(o)}},[t])}function rt(e){return e.nodeType===e.ELEMENT_NODE}function nt(e){const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const u=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||u?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t}function X(e){const t=document.activeElement;return e.some(s=>s===t?!0:(s.focus(),document.activeElement!==t))}var at=ae,we=ce,Te=de,ye=le,Re=pe,ge=me,be=J;const it=at,he=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(we,{ref:s,className:S.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]",e),...t}));he.displayName=we.displayName;const ct=$e.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 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 bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),Pe=r.forwardRef(({className:e,variant:t,...s},o)=>n.jsxRuntimeExports.jsx(Te,{ref:o,className:S.cn(ct({variant:t}),e),...s}));Pe.displayName=Te.displayName;const Ce=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(ge,{ref:s,className:S.cn("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-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50",e),...t}));Ce.displayName=ge.displayName;const je=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(be,{ref:s,className:S.cn("text-foreground/50 hover:text-foreground absolute top-1 right-1 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-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",e),"toast-close":"",...t,children:n.jsxRuntimeExports.jsx(He.X,{className:"h-4 w-4"})}));je.displayName=be.displayName;const Ne=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(ye,{ref:s,className:S.cn("text-sm font-semibold [&+div]:text-xs",e),...t}));Ne.displayName=ye.displayName;const Se=r.forwardRef(({className:e,...t},s)=>n.jsxRuntimeExports.jsx(Re,{ref:s,className:S.cn("text-sm opacity-90",e),...t}));Se.displayName=Re.displayName;exports.Toast=Pe;exports.ToastAction=Ce;exports.ToastClose=je;exports.ToastDescription=Se;exports.ToastProvider=it;exports.ToastTitle=Ne;exports.ToastViewport=he;

package/dist/toast.d.ts

@@ -0,0 +1,26 @@
+import { ClassProp } from 'class-variance-authority/types';
+import * as React_2 from 'react';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Toast: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
+
+export declare const ToastAction: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare type ToastActionElement = React_2.ReactElement<typeof ToastAction>;
+
+export declare const ToastClose: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const ToastDescription: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof Toast>;
+
+export declare const ToastProvider: React_2.FC<ToastPrimitives.ToastProviderProps>;
+
+export declare const ToastTitle: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ToastViewport: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React_2.RefAttributes<HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;
+
+export { }

package/dist/toast.es.js

@@ -0,0 +1,494 @@
+import { j as n } from "./jsx-runtime-tc70JA_2.mjs";
+import * as s from "react";
+import * as Re from "react-dom";
+import { P as I, c as P, d as Ce } from "./index-K9FzbxYw.mjs";
+import { u as oe } from "./index-DLcqcWxM.mjs";
+import { c as Ne } from "./index-DFdF7K7v.mjs";
+import { c as Se } from "./index-IZ2gq03c.mjs";
+import { B as Ie, R as Ae } from "./index-Dfzl8TxY.mjs";
+import { P as Fe } from "./index-C7HEunrh.mjs";
+import { P as De } from "./index-vuPgkS0V.mjs";
+import { u as W } from "./index-0ioNhtNM.mjs";
+import { u as _e } from "./index-p6xVFRb4.mjs";
+import { u as je } from "./index-CCKe-Mpx.mjs";
+import { a as re } from "./index-DKN_vhyX.mjs";
+import { cva as Le } from "class-variance-authority";
+import { X as Me } from "lucide-react";
+import { c as A } from "./utils-B6yFEsav.mjs";
+var G = "ToastProvider", [J, Oe, ke] = Ne("Toast"), [se] = Se("Toast", [ke]), [Ve, X] = se(G), ne = (e) => {
+  const {
+    __scopeToast: t,
+    label: o = "Notification",
+    duration: r = 5e3,
+    swipeDirection: u = "right",
+    swipeThreshold: l = 50,
+    children: p
+  } = e, [v, w] = s.useState(null), [c, h] = s.useState(0), x = s.useRef(!1), F = s.useRef(!1);
+  return o.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${G}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ n.jsx(J.Provider, { scope: t, children: /* @__PURE__ */ n.jsx(
+    Ve,
+    {
+      scope: t,
+      label: o,
+      duration: r,
+      swipeDirection: u,
+      swipeThreshold: l,
+      toastCount: c,
+      viewport: v,
+      onViewportChange: w,
+      onToastAdd: s.useCallback(() => h((C) => C + 1), []),
+      onToastRemove: s.useCallback(() => h((C) => C - 1), []),
+      isFocusedToastEscapeKeyDownRef: x,
+      isClosePausedRef: F,
+      children: p
+    }
+  ) });
+};
+ne.displayName = G;
+var ae = "ToastViewport", Ke = ["F8"], B = "toast.viewportPause", q = "toast.viewportResume", ie = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: o,
+      hotkey: r = Ke,
+      label: u = "Notifications ({hotkey})",
+      ...l
+    } = e, p = X(ae, o), v = Oe(o), w = s.useRef(null), c = s.useRef(null), h = s.useRef(null), x = s.useRef(null), F = oe(t, x, p.onViewportChange), C = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), N = p.toastCount > 0;
+    s.useEffect(() => {
+      const i = (E) => {
+        r.length !== 0 && r.every((m) => E[m] || E.code === m) && x.current?.focus();
+      };
+      return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+    }, [r]), s.useEffect(() => {
+      const i = w.current, E = x.current;
+      if (N && i && E) {
+        const f = () => {
+          if (!p.isClosePausedRef.current) {
+            const T = new CustomEvent(B);
+            E.dispatchEvent(T), p.isClosePausedRef.current = !0;
+          }
+        }, m = () => {
+          if (p.isClosePausedRef.current) {
+            const T = new CustomEvent(q);
+            E.dispatchEvent(T), p.isClosePausedRef.current = !1;
+          }
+        }, y = (T) => {
+          !i.contains(T.relatedTarget) && m();
+        }, g = () => {
+          i.contains(document.activeElement) || m();
+        };
+        return i.addEventListener("focusin", f), i.addEventListener("focusout", y), i.addEventListener("pointermove", f), i.addEventListener("pointerleave", g), window.addEventListener("blur", f), window.addEventListener("focus", m), () => {
+          i.removeEventListener("focusin", f), i.removeEventListener("focusout", y), i.removeEventListener("pointermove", f), i.removeEventListener("pointerleave", g), window.removeEventListener("blur", f), window.removeEventListener("focus", m);
+        };
+      }
+    }, [N, p.isClosePausedRef]);
+    const d = s.useCallback(
+      ({ tabbingDirection: i }) => {
+        const f = v().map((m) => {
+          const y = m.ref.current, g = [y, ...Ze(y)];
+          return i === "forwards" ? g : g.reverse();
+        });
+        return (i === "forwards" ? f.reverse() : f).flat();
+      },
+      [v]
+    );
+    return s.useEffect(() => {
+      const i = x.current;
+      if (i) {
+        const E = (f) => {
+          const m = f.altKey || f.ctrlKey || f.metaKey;
+          if (f.key === "Tab" && !m) {
+            const g = document.activeElement, T = f.shiftKey;
+            if (f.target === i && T) {
+              c.current?.focus();
+              return;
+            }
+            const _ = d({ tabbingDirection: T ? "backwards" : "forwards" }), k = _.findIndex((S) => S === g);
+            Y(_.slice(k + 1)) ? f.preventDefault() : T ? c.current?.focus() : h.current?.focus();
+          }
+        };
+        return i.addEventListener("keydown", E), () => i.removeEventListener("keydown", E);
+      }
+    }, [v, d]), /* @__PURE__ */ n.jsxs(
+      Ie,
+      {
+        ref: w,
+        role: "region",
+        "aria-label": u.replace("{hotkey}", C),
+        tabIndex: -1,
+        style: { pointerEvents: N ? void 0 : "none" },
+        children: [
+          N && /* @__PURE__ */ n.jsx(
+            z,
+            {
+              ref: c,
+              onFocusFromOutsideViewport: () => {
+                const i = d({
+                  tabbingDirection: "forwards"
+                });
+                Y(i);
+              }
+            }
+          ),
+          /* @__PURE__ */ n.jsx(J.Slot, { scope: o, children: /* @__PURE__ */ n.jsx(I.ol, { tabIndex: -1, ...l, ref: F }) }),
+          N && /* @__PURE__ */ n.jsx(
+            z,
+            {
+              ref: h,
+              onFocusFromOutsideViewport: () => {
+                const i = d({
+                  tabbingDirection: "backwards"
+                });
+                Y(i);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ie.displayName = ae;
+var ce = "ToastFocusProxy", z = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, onFocusFromOutsideViewport: r, ...u } = e, l = X(ce, o);
+    return /* @__PURE__ */ n.jsx(
+      re,
+      {
+        tabIndex: 0,
+        ...u,
+        ref: t,
+        style: { position: "fixed" },
+        onFocus: (p) => {
+          const v = p.relatedTarget;
+          !l.viewport?.contains(v) && r();
+        }
+      }
+    );
+  }
+);
+z.displayName = ce;
+var M = "Toast", $e = "toast.swipeStart", He = "toast.swipeMove", We = "toast.swipeCancel", Xe = "toast.swipeEnd", ue = s.forwardRef(
+  (e, t) => {
+    const { forceMount: o, open: r, defaultOpen: u, onOpenChange: l, ...p } = e, [v, w] = _e({
+      prop: r,
+      defaultProp: u ?? !0,
+      onChange: l,
+      caller: M
+    });
+    return /* @__PURE__ */ n.jsx(De, { present: o || v, children: /* @__PURE__ */ n.jsx(
+      Be,
+      {
+        open: v,
+        ...p,
+        ref: t,
+        onClose: () => w(!1),
+        onPause: W(e.onPause),
+        onResume: W(e.onResume),
+        onSwipeStart: P(e.onSwipeStart, (c) => {
+          c.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: P(e.onSwipeMove, (c) => {
+          const { x: h, y: x } = c.detail.delta;
+          c.currentTarget.setAttribute("data-swipe", "move"), c.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${h}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${x}px`);
+        }),
+        onSwipeCancel: P(e.onSwipeCancel, (c) => {
+          c.currentTarget.setAttribute("data-swipe", "cancel"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        }),
+        onSwipeEnd: P(e.onSwipeEnd, (c) => {
+          const { x: h, y: x } = c.detail.delta;
+          c.currentTarget.setAttribute("data-swipe", "end"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${h}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${x}px`), w(!1);
+        })
+      }
+    ) });
+  }
+);
+ue.displayName = M;
+var [Ue, Ye] = se(M, {
+  onClose() {
+  }
+}), Be = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: o,
+      type: r = "foreground",
+      duration: u,
+      open: l,
+      onClose: p,
+      onEscapeKeyDown: v,
+      onPause: w,
+      onResume: c,
+      onSwipeStart: h,
+      onSwipeMove: x,
+      onSwipeCancel: F,
+      onSwipeEnd: C,
+      ...N
+    } = e, d = X(M, o), [i, E] = s.useState(null), f = oe(t, (a) => E(a)), m = s.useRef(null), y = s.useRef(null), g = u || d.duration, T = s.useRef(0), D = s.useRef(g), O = s.useRef(0), { onToastAdd: _, onToastRemove: k } = d, S = W(() => {
+      i?.contains(document.activeElement) && d.viewport?.focus(), p();
+    }), V = s.useCallback(
+      (a) => {
+        !a || a === 1 / 0 || (window.clearTimeout(O.current), T.current = (/* @__PURE__ */ new Date()).getTime(), O.current = window.setTimeout(S, a));
+      },
+      [S]
+    );
+    s.useEffect(() => {
+      const a = d.viewport;
+      if (a) {
+        const b = () => {
+          V(D.current), c?.();
+        }, R = () => {
+          const j = (/* @__PURE__ */ new Date()).getTime() - T.current;
+          D.current = D.current - j, window.clearTimeout(O.current), w?.();
+        };
+        return a.addEventListener(B, R), a.addEventListener(q, b), () => {
+          a.removeEventListener(B, R), a.removeEventListener(q, b);
+        };
+      }
+    }, [d.viewport, g, w, c, V]), s.useEffect(() => {
+      l && !d.isClosePausedRef.current && V(g);
+    }, [l, g, d.isClosePausedRef, V]), s.useEffect(() => (_(), () => k()), [_, k]);
+    const Z = s.useMemo(() => i ? we(i) : null, [i]);
+    return d.viewport ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      Z && /* @__PURE__ */ n.jsx(
+        qe,
+        {
+          __scopeToast: o,
+          role: "status",
+          "aria-live": r === "foreground" ? "assertive" : "polite",
+          children: Z
+        }
+      ),
+      /* @__PURE__ */ n.jsx(Ue, { scope: o, onClose: S, children: Re.createPortal(
+        /* @__PURE__ */ n.jsx(J.ItemSlot, { scope: o, children: /* @__PURE__ */ n.jsx(
+          Ae,
+          {
+            asChild: !0,
+            onEscapeKeyDown: P(v, () => {
+              d.isFocusedToastEscapeKeyDownRef.current || S(), d.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ n.jsx(
+              I.li,
+              {
+                tabIndex: 0,
+                "data-state": l ? "open" : "closed",
+                "data-swipe-direction": d.swipeDirection,
+                ...N,
+                ref: f,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: P(e.onKeyDown, (a) => {
+                  a.key === "Escape" && (v?.(a.nativeEvent), a.nativeEvent.defaultPrevented || (d.isFocusedToastEscapeKeyDownRef.current = !0, S()));
+                }),
+                onPointerDown: P(e.onPointerDown, (a) => {
+                  a.button === 0 && (m.current = { x: a.clientX, y: a.clientY });
+                }),
+                onPointerMove: P(e.onPointerMove, (a) => {
+                  if (!m.current) return;
+                  const b = a.clientX - m.current.x, R = a.clientY - m.current.y, j = !!y.current, L = ["left", "right"].includes(d.swipeDirection), K = ["left", "up"].includes(d.swipeDirection) ? Math.min : Math.max, Pe = L ? K(0, b) : 0, be = L ? 0 : K(0, R), U = a.pointerType === "touch" ? 10 : 2, $ = { x: Pe, y: be }, ee = { originalEvent: a, delta: $ };
+                  j ? (y.current = $, H(He, x, ee, {
+                    discrete: !1
+                  })) : te($, d.swipeDirection, U) ? (y.current = $, H($e, h, ee, {
+                    discrete: !1
+                  }), a.target.setPointerCapture(a.pointerId)) : (Math.abs(b) > U || Math.abs(R) > U) && (m.current = null);
+                }),
+                onPointerUp: P(e.onPointerUp, (a) => {
+                  const b = y.current, R = a.target;
+                  if (R.hasPointerCapture(a.pointerId) && R.releasePointerCapture(a.pointerId), y.current = null, m.current = null, b) {
+                    const j = a.currentTarget, L = { originalEvent: a, delta: b };
+                    te(b, d.swipeDirection, d.swipeThreshold) ? H(Xe, C, L, {
+                      discrete: !0
+                    }) : H(
+                      We,
+                      F,
+                      L,
+                      {
+                        discrete: !0
+                      }
+                    ), j.addEventListener("click", (K) => K.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        d.viewport
+      ) })
+    ] }) : null;
+  }
+), qe = (e) => {
+  const { __scopeToast: t, children: o, ...r } = e, u = X(M, t), [l, p] = s.useState(!1), [v, w] = s.useState(!1);
+  return Je(() => p(!0)), s.useEffect(() => {
+    const c = window.setTimeout(() => w(!0), 1e3);
+    return () => window.clearTimeout(c);
+  }, []), v ? null : /* @__PURE__ */ n.jsx(Fe, { asChild: !0, children: /* @__PURE__ */ n.jsx(re, { ...r, children: l && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    u.label,
+    " ",
+    o
+  ] }) }) });
+}, ze = "ToastTitle", de = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, ...r } = e;
+    return /* @__PURE__ */ n.jsx(I.div, { ...r, ref: t });
+  }
+);
+de.displayName = ze;
+var Ge = "ToastDescription", le = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, ...r } = e;
+    return /* @__PURE__ */ n.jsx(I.div, { ...r, ref: t });
+  }
+);
+le.displayName = Ge;
+var pe = "ToastAction", fe = s.forwardRef(
+  (e, t) => {
+    const { altText: o, ...r } = e;
+    return o.trim() ? /* @__PURE__ */ n.jsx(ve, { altText: o, asChild: !0, children: /* @__PURE__ */ n.jsx(Q, { ...r, ref: t }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${pe}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+fe.displayName = pe;
+var me = "ToastClose", Q = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: o, ...r } = e, u = Ye(me, o);
+    return /* @__PURE__ */ n.jsx(ve, { asChild: !0, children: /* @__PURE__ */ n.jsx(
+      I.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: P(e.onClick, u.onClose)
+      }
+    ) });
+  }
+);
+Q.displayName = me;
+var ve = s.forwardRef((e, t) => {
+  const { __scopeToast: o, altText: r, ...u } = e;
+  return /* @__PURE__ */ n.jsx(
+    I.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": r || void 0,
+      ...u,
+      ref: t
+    }
+  );
+});
+function we(e) {
+  const t = [];
+  return Array.from(e.childNodes).forEach((r) => {
+    if (r.nodeType === r.TEXT_NODE && r.textContent && t.push(r.textContent), Qe(r)) {
+      const u = r.ariaHidden || r.hidden || r.style.display === "none", l = r.dataset.radixToastAnnounceExclude === "";
+      if (!u)
+        if (l) {
+          const p = r.dataset.radixToastAnnounceAlt;
+          p && t.push(p);
+        } else
+          t.push(...we(r));
+    }
+  }), t;
+}
+function H(e, t, o, { discrete: r }) {
+  const u = o.originalEvent.currentTarget, l = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
+  t && u.addEventListener(e, t, { once: !0 }), r ? Ce(u, l) : u.dispatchEvent(l);
+}
+var te = (e, t, o = 0) => {
+  const r = Math.abs(e.x), u = Math.abs(e.y), l = r > u;
+  return t === "left" || t === "right" ? l && r > o : !l && u > o;
+};
+function Je(e = () => {
+}) {
+  const t = W(e);
+  je(() => {
+    let o = 0, r = 0;
+    return o = window.requestAnimationFrame(() => r = window.requestAnimationFrame(t)), () => {
+      window.cancelAnimationFrame(o), window.cancelAnimationFrame(r);
+    };
+  }, [t]);
+}
+function Qe(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function Ze(e) {
+  const t = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const u = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || u ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; o.nextNode(); ) t.push(o.currentNode);
+  return t;
+}
+function Y(e) {
+  const t = document.activeElement;
+  return e.some((o) => o === t ? !0 : (o.focus(), document.activeElement !== t));
+}
+var et = ne, Te = ie, xe = ue, Ee = de, ye = le, ge = fe, he = Q;
+const Pt = et, tt = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ n.jsx(
+  Te,
+  {
+    ref: o,
+    className: A(
+      "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]",
+      e
+    ),
+    ...t
+  }
+));
+tt.displayName = Te.displayName;
+const ot = Le(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 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 bg-destructive text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), rt = s.forwardRef(({ className: e, variant: t, ...o }, r) => /* @__PURE__ */ n.jsx(xe, { ref: r, className: A(ot({ variant: t }), e), ...o }));
+rt.displayName = xe.displayName;
+const st = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ n.jsx(
+  ge,
+  {
+    ref: o,
+    className: A(
+      "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-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+      e
+    ),
+    ...t
+  }
+));
+st.displayName = ge.displayName;
+const nt = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ n.jsx(
+  he,
+  {
+    ref: o,
+    className: A(
+      "text-foreground/50 hover:text-foreground absolute top-1 right-1 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-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ n.jsx(Me, { className: "h-4 w-4" })
+  }
+));
+nt.displayName = he.displayName;
+const at = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ n.jsx(Ee, { ref: o, className: A("text-sm font-semibold [&+div]:text-xs", e), ...t }));
+at.displayName = Ee.displayName;
+const it = s.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ n.jsx(ye, { ref: o, className: A("text-sm opacity-90", e), ...t }));
+it.displayName = ye.displayName;
+export {
+  rt as Toast,
+  st as ToastAction,
+  nt as ToastClose,
+  it as ToastDescription,
+  Pt as ToastProvider,
+  at as ToastTitle,
+  tt as ToastViewport
+};

package/dist/toaster-CIpfms4W.js

@@ -0,0 +1 @@
+"use strict";const n=require("./jsx-runtime-nZSsnGb7.js"),m=require("react"),T=require("./toast.cjs.js");function _(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const d=_(m),x=1,D=1e6,u={ADD_TOAST:"ADD_TOAST",UPDATE_TOAST:"UPDATE_TOAST",DISMISS_TOAST:"DISMISS_TOAST",REMOVE_TOAST:"REMOVE_TOAST"};let S=0;function j(){return S=(S+1)%Number.MAX_SAFE_INTEGER,S.toString()}const p=new Map,O=t=>{if(p.has(t))return;const s=setTimeout(()=>{p.delete(t),i({type:"REMOVE_TOAST",toastId:t})},D);p.set(t,s)},R=(t,s)=>{switch(s.type){case u.ADD_TOAST:return{...t,toasts:[s.toast,...t.toasts].slice(0,x)};case u.UPDATE_TOAST:return{...t,toasts:t.toasts.map(e=>e.id===s.toast.id?{...e,...s.toast}:e)};case u.DISMISS_TOAST:{const{toastId:e}=s;return e?O(e):t.toasts.forEach(o=>{O(o.id)}),{...t,toasts:t.toasts.map(o=>o.id===e||e===void 0?{...o,open:!1}:o)}}case u.REMOVE_TOAST:return s.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(e=>e.id!==s.toastId)}}},a=[];let c={toasts:[]};function i(t){c=R(c,t),a.forEach(s=>{s(c)})}function A({...t}){const s=j(),e=r=>i({type:"UPDATE_TOAST",toast:{...r,id:s}}),o=()=>i({type:"DISMISS_TOAST",toastId:s});return i({type:"ADD_TOAST",toast:{...t,id:s,open:!0,onOpenChange:r=>{r||o()}}}),{id:s,dismiss:o,update:e}}function E(){const[t,s]=d.useState(c);return d.useEffect(()=>(a.push(s),()=>{const e=a.indexOf(s);e>-1&&a.splice(e,1)}),[t]),{...t,toast:A,dismiss:e=>i({type:"DISMISS_TOAST",toastId:e})}}function I({...t}){const{toasts:s}=E();return n.jsxRuntimeExports.jsxs(T.ToastProvider,{...t,children:[s.map(function({id:e,title:o,description:r,action:f,...l}){return n.jsxRuntimeExports.jsxs(T.Toast,{...l,children:[n.jsxRuntimeExports.jsxs("div",{className:"grid gap-1",children:[o&&n.jsxRuntimeExports.jsx(T.ToastTitle,{children:o}),r&&n.jsxRuntimeExports.jsx(T.ToastDescription,{children:r})]}),f,n.jsxRuntimeExports.jsx(T.ToastClose,{})]},e)}),n.jsxRuntimeExports.jsx(T.ToastViewport,{})]})}exports.Toaster=I;exports.toast=A;exports.useToast=E;