@namuna-nur/ui-kit 1.3.4 → 1.4.0

package/lib/shared/TabDots.tokens.js

@@ -1,17 +1,18 @@
-import { p as s, P as S, q as et, u as Ce, v as U, w as tt, x as Pe, y as ce, z as R, D as q, E as rt, F as Re, G as ot, J as nt, K as st, N as at, O as Ne, Q as it, U as ct, V as lt, W as dt, X as ut, Y as pt, Z as ft, _ as vt, $ as mt, a0 as xt } from "./Avatar.tokens.js";
+import { p as s, P as j, q as pt, u as De, v as ke, w as ve, x as R, y as Y, z as B, D as ft, E as vt, F as Ie, G as mt, J as xt, K as Tt, N as ht, O as Me, Q as wt, U as gt, V as yt, W as bt, X as Et, Y as Ct, Z as Pt, _ as Rt, $ as St, a0 as At } from "./Avatar.tokens.js";
 import * as n from "react";
-import * as ht from "react-dom";
-import { b as wt, a as P } from "./twMerge.js";
-const Tt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 19, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.6 8a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6.5h6a.75.75 0 0 1 .75.75v6A.75.75 0 0 1 7.6 8zm10.5 0a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 12.1.5h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zM1.6 18.5a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6 11h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zm10.5 0a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75z" })), gt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 13, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.45 12.45a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.42.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.28.3.7a1 1 0 0 1-1 1z" })), Te = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M9.73 18.24a1.2 1.2 0 0 1-.85-.35l-4.53-4.53a1.2 1.2 0 0 1 0-1.7 1.2 1.2 0 0 1 1.7 0l3.68 3.69 8.23-8.23a1.2 1.2 0 0 1 1.7 0 1.2 1.2 0 0 1 0 1.7l-9.08 9.07a1.2 1.2 0 0 1-.85.35" })), yt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.36, d: "m7 17.5 10-10M17 17.5 7 7.5" })), bt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 9.49a1.4 1.4 0 0 0-1.4 1.39v9.73c0 .76.64 1.39 1.4 1.39a1.4 1.4 0 0 0 1.39-1.39v-9.73a1.4 1.4 0 0 0-1.4-1.4M12.37 3c-.5 0-.97.19-1.32.54q-.25.28-.4.6-.14.35-.14.71c0 .49.2.97.54 1.32.69.69 1.95.69 2.63 0a1.84 1.84 0 0 0 .39-2.02q-.14-.34-.39-.61A1.8 1.8 0 0 0 12.37 3" })), Et = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 15.51a1.4 1.4 0 0 1-1.4-1.39V4.4c0-.76.64-1.39 1.4-1.39s1.39.63 1.39 1.39v9.73a1.4 1.4 0 0 1-1.4 1.4M12.37 22c-.5 0-.97-.19-1.32-.54a3 3 0 0 1-.4-.6q-.14-.35-.14-.71c0-.49.2-.97.54-1.32a1.94 1.94 0 0 1 2.63 0 1.84 1.84 0 0 1 .39 2.02q-.14.33-.39.61-.54.53-1.31.54" })), Ct = {
-  success: /* @__PURE__ */ s.jsx(Te, { className: "text-success-10 fill-success-10" }),
-  danger: /* @__PURE__ */ s.jsx(yt, { className: "text-danger-10 fill-danger-10" }),
-  info: /* @__PURE__ */ s.jsx(bt, { className: "text-info-10 fill-info-10" }),
-  warning: /* @__PURE__ */ s.jsx(Et, { className: "text-sidebar-20 fill-sidebar-20" }),
-  default: /* @__PURE__ */ s.jsx(Te, { className: "text-success-10 fill-success-10" })
+import { useState as _t, useEffect as Nt } from "react";
+import * as jt from "react-dom";
+import { b as Ot, a as P } from "./twMerge.js";
+const Dt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 19, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.6 8a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6.5h6a.75.75 0 0 1 .75.75v6A.75.75 0 0 1 7.6 8zm10.5 0a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 12.1.5h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zM1.6 18.5a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6 11h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zm10.5 0a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75z" })), kt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 13, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.45 12.45a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.42.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.28.3.7a1 1 0 0 1-1 1z" })), Se = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M9.73 18.24a1.2 1.2 0 0 1-.85-.35l-4.53-4.53a1.2 1.2 0 0 1 0-1.7 1.2 1.2 0 0 1 1.7 0l3.68 3.69 8.23-8.23a1.2 1.2 0 0 1 1.7 0 1.2 1.2 0 0 1 0 1.7l-9.08 9.07a1.2 1.2 0 0 1-.85.35" })), It = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.36, d: "m7 17.5 10-10M17 17.5 7 7.5" })), Mt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 9.49a1.4 1.4 0 0 0-1.4 1.39v9.73c0 .76.64 1.39 1.4 1.39a1.4 1.4 0 0 0 1.39-1.39v-9.73a1.4 1.4 0 0 0-1.4-1.4M12.37 3c-.5 0-.97.19-1.32.54q-.25.28-.4.6-.14.35-.14.71c0 .49.2.97.54 1.32.69.69 1.95.69 2.63 0a1.84 1.84 0 0 0 .39-2.02q-.14-.34-.39-.61A1.8 1.8 0 0 0 12.37 3" })), Lt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 15.51a1.4 1.4 0 0 1-1.4-1.39V4.4c0-.76.64-1.39 1.4-1.39s1.39.63 1.39 1.39v9.73a1.4 1.4 0 0 1-1.4 1.4M12.37 22c-.5 0-.97-.19-1.32-.54a3 3 0 0 1-.4-.6q-.14-.35-.14-.71c0-.49.2-.97.54-1.32a1.94 1.94 0 0 1 2.63 0 1.84 1.84 0 0 1 .39 2.02q-.14.33-.39.61-.54.53-1.31.54" })), Ft = {
+  success: /* @__PURE__ */ s.jsx(Se, { className: "text-success-10 fill-success-10" }),
+  danger: /* @__PURE__ */ s.jsx(It, { className: "text-danger-10 fill-danger-10" }),
+  info: /* @__PURE__ */ s.jsx(Mt, { className: "text-info-10 fill-info-10" }),
+  warning: /* @__PURE__ */ s.jsx(Lt, { className: "text-sidebar-20 fill-sidebar-20" }),
+  default: /* @__PURE__ */ s.jsx(Se, { className: "text-success-10 fill-success-10" })
 };
-var Pt = "VisuallyHidden", G = n.forwardRef(
+var Vt = "VisuallyHidden", Q = n.forwardRef(
   (e, r) => /* @__PURE__ */ s.jsx(
-    S.span,
+    j.span,
     {
       ...e,
       ref: r,
@@ -32,103 +33,134 @@ var Pt = "VisuallyHidden", G = n.forwardRef(
     }
   )
 );
-G.displayName = Pt;
-var Rt = G, Nt = "ToastProvider", [je, jt, At] = et("Toast"), [Ae, jr] = Ce("Toast", [At]), [Ar, X] = Ae(Nt), ke = "ToastViewport", kt = ["F8"], oe = "toast.viewportPause", ne = "toast.viewportResume", Se = n.forwardRef(
+Q.displayName = Vt;
+var $t = Q, me = "ToastProvider", [xe, Ht, Kt] = pt("Toast"), [Le, Yr] = De("Toast", [Kt]), [Wt, J] = Le(me), Fe = (e) => {
+  const {
+    __scopeToast: r,
+    label: t = "Notification",
+    duration: o = 5e3,
+    swipeDirection: a = "right",
+    swipeThreshold: i = 50,
+    children: l
+  } = e, [v, d] = n.useState(null), [c, p] = n.useState(0), m = n.useRef(!1), w = n.useRef(!1);
+  return t.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${me}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ s.jsx(xe.Provider, { scope: r, children: /* @__PURE__ */ s.jsx(
+    Wt,
+    {
+      scope: r,
+      label: t,
+      duration: o,
+      swipeDirection: a,
+      swipeThreshold: i,
+      toastCount: c,
+      viewport: v,
+      onViewportChange: d,
+      onToastAdd: n.useCallback(() => p((h) => h + 1), []),
+      onToastRemove: n.useCallback(() => p((h) => h - 1), []),
+      isFocusedToastEscapeKeyDownRef: m,
+      isClosePausedRef: w,
+      children: l
+    }
+  ) });
+};
+Fe.displayName = me;
+var Ve = "ToastViewport", zt = ["F8"], le = "toast.viewportPause", de = "toast.viewportResume", $e = n.forwardRef(
   (e, r) => {
     const {
       __scopeToast: t,
-      hotkey: o = kt,
+      hotkey: o = zt,
       label: a = "Notifications ({hotkey})",
-      ...c
-    } = e, l = X(ke, t), m = jt(t), u = n.useRef(null), i = n.useRef(null), p = n.useRef(null), x = n.useRef(null), g = U(r, x, l.onViewportChange), w = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), y = l.toastCount > 0;
+      ...i
+    } = e, l = J(Ve, t), v = Ht(t), d = n.useRef(null), c = n.useRef(null), p = n.useRef(null), m = n.useRef(null), w = B(r, m, l.onViewportChange), h = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), y = l.toastCount > 0;
     n.useEffect(() => {
-      const d = (b) => {
-        var T;
-        o.length !== 0 && o.every((E) => b[E] || b.code === E) && ((T = x.current) == null || T.focus());
+      const u = (b) => {
+        var g;
+        o.length !== 0 && o.every((E) => b[E] || b.code === E) && ((g = m.current) == null || g.focus());
       };
-      return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+      return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
     }, [o]), n.useEffect(() => {
-      const d = u.current, b = x.current;
-      if (y && d && b) {
-        const h = () => {
+      const u = d.current, b = m.current;
+      if (y && u && b) {
+        const T = () => {
           if (!l.isClosePausedRef.current) {
-            const N = new CustomEvent(oe);
-            b.dispatchEvent(N), l.isClosePausedRef.current = !0;
+            const S = new CustomEvent(le);
+            b.dispatchEvent(S), l.isClosePausedRef.current = !0;
           }
-        }, T = () => {
+        }, g = () => {
           if (l.isClosePausedRef.current) {
-            const N = new CustomEvent(ne);
-            b.dispatchEvent(N), l.isClosePausedRef.current = !1;
+            const S = new CustomEvent(de);
+            b.dispatchEvent(S), l.isClosePausedRef.current = !1;
           }
-        }, E = (N) => {
-          !d.contains(N.relatedTarget) && T();
+        }, E = (S) => {
+          !u.contains(S.relatedTarget) && g();
         }, C = () => {
-          d.contains(document.activeElement) || T();
+          u.contains(document.activeElement) || g();
         };
-        return d.addEventListener("focusin", h), d.addEventListener("focusout", E), d.addEventListener("pointermove", h), d.addEventListener("pointerleave", C), window.addEventListener("blur", h), window.addEventListener("focus", T), () => {
-          d.removeEventListener("focusin", h), d.removeEventListener("focusout", E), d.removeEventListener("pointermove", h), d.removeEventListener("pointerleave", C), window.removeEventListener("blur", h), window.removeEventListener("focus", T);
+        return u.addEventListener("focusin", T), u.addEventListener("focusout", E), u.addEventListener("pointermove", T), u.addEventListener("pointerleave", C), window.addEventListener("blur", T), window.addEventListener("focus", g), () => {
+          u.removeEventListener("focusin", T), u.removeEventListener("focusout", E), u.removeEventListener("pointermove", T), u.removeEventListener("pointerleave", C), window.removeEventListener("blur", T), window.removeEventListener("focus", g);
         };
       }
     }, [y, l.isClosePausedRef]);
     const f = n.useCallback(
-      ({ tabbingDirection: d }) => {
-        const h = m().map((T) => {
-          const E = T.ref.current, C = [E, ...Wt(E)];
-          return d === "forwards" ? C : C.reverse();
+      ({ tabbingDirection: u }) => {
+        const T = v().map((g) => {
+          const E = g.ref.current, C = [E, ...or(E)];
+          return u === "forwards" ? C : C.reverse();
         });
-        return (d === "forwards" ? h.reverse() : h).flat();
+        return (u === "forwards" ? T.reverse() : T).flat();
       },
-      [m]
+      [v]
     );
     return n.useEffect(() => {
-      const d = x.current;
-      if (d) {
-        const b = (h) => {
-          var C, N, A;
-          const T = h.altKey || h.ctrlKey || h.metaKey;
-          if (h.key === "Tab" && !T) {
-            const F = document.activeElement, O = h.shiftKey;
-            if (h.target === d && O) {
-              (C = i.current) == null || C.focus();
+      const u = m.current;
+      if (u) {
+        const b = (T) => {
+          var C, S, _;
+          const g = T.altKey || T.ctrlKey || T.metaKey;
+          if (T.key === "Tab" && !g) {
+            const F = document.activeElement, I = T.shiftKey;
+            if (T.target === u && I) {
+              (C = c.current) == null || C.focus();
               return;
             }
-            const _ = f({ tabbingDirection: O ? "backwards" : "forwards" }), $ = _.findIndex((v) => v === F);
-            te(_.slice($ + 1)) ? h.preventDefault() : O ? (N = i.current) == null || N.focus() : (A = p.current) == null || A.focus();
+            const O = f({ tabbingDirection: I ? "backwards" : "forwards" }), W = O.findIndex((x) => x === F);
+            se(O.slice(W + 1)) ? T.preventDefault() : I ? (S = c.current) == null || S.focus() : (_ = p.current) == null || _.focus();
           }
         };
-        return d.addEventListener("keydown", b), () => d.removeEventListener("keydown", b);
+        return u.addEventListener("keydown", b), () => u.removeEventListener("keydown", b);
       }
-    }, [m, f]), /* @__PURE__ */ s.jsxs(
-      tt,
+    }, [v, f]), /* @__PURE__ */ s.jsxs(
+      ft,
       {
-        ref: u,
+        ref: d,
         role: "region",
-        "aria-label": a.replace("{hotkey}", w),
+        "aria-label": a.replace("{hotkey}", h),
         tabIndex: -1,
         style: { pointerEvents: y ? void 0 : "none" },
         children: [
           y && /* @__PURE__ */ s.jsx(
-            se,
+            ue,
             {
-              ref: i,
+              ref: c,
               onFocusFromOutsideViewport: () => {
-                const d = f({
+                const u = f({
                   tabbingDirection: "forwards"
                 });
-                te(d);
+                se(u);
               }
             }
           ),
-          /* @__PURE__ */ s.jsx(je.Slot, { scope: t, children: /* @__PURE__ */ s.jsx(S.ol, { tabIndex: -1, ...c, ref: g }) }),
+          /* @__PURE__ */ s.jsx(xe.Slot, { scope: t, children: /* @__PURE__ */ s.jsx(j.ol, { tabIndex: -1, ...i, ref: w }) }),
           y && /* @__PURE__ */ s.jsx(
-            se,
+            ue,
             {
               ref: p,
               onFocusFromOutsideViewport: () => {
-                const d = f({
+                const u = f({
                   tabbingDirection: "backwards"
                 });
-                te(d);
+                se(u);
               }
             }
           )
@@ -137,12 +169,12 @@ var Rt = G, Nt = "ToastProvider", [je, jt, At] = et("Toast"), [Ae, jr] = Ce("Toa
     );
   }
 );
-Se.displayName = ke;
-var _e = "ToastFocusProxy", se = n.forwardRef(
+$e.displayName = Ve;
+var He = "ToastFocusProxy", ue = n.forwardRef(
   (e, r) => {
-    const { __scopeToast: t, onFocusFromOutsideViewport: o, ...a } = e, c = X(_e, t);
+    const { __scopeToast: t, onFocusFromOutsideViewport: o, ...a } = e, i = J(He, t);
     return /* @__PURE__ */ s.jsx(
-      G,
+      Q,
       {
         "aria-hidden": !0,
         tabIndex: 0,
@@ -150,155 +182,155 @@ var _e = "ToastFocusProxy", se = n.forwardRef(
         ref: r,
         style: { position: "fixed" },
         onFocus: (l) => {
-          var i;
-          const m = l.relatedTarget;
-          !((i = c.viewport) != null && i.contains(m)) && o();
+          var c;
+          const v = l.relatedTarget;
+          !((c = i.viewport) != null && c.contains(v)) && o();
         }
       }
     );
   }
 );
-se.displayName = _e;
-var Y = "Toast", St = "toast.swipeStart", _t = "toast.swipeMove", Dt = "toast.swipeCancel", Ot = "toast.swipeEnd", De = n.forwardRef(
+ue.displayName = He;
+var Z = "Toast", Ut = "toast.swipeStart", qt = "toast.swipeMove", Gt = "toast.swipeCancel", Xt = "toast.swipeEnd", Ke = n.forwardRef(
   (e, r) => {
-    const { forceMount: t, open: o, defaultOpen: a, onOpenChange: c, ...l } = e, [m = !0, u] = Pe({
+    const { forceMount: t, open: o, defaultOpen: a, onOpenChange: i, ...l } = e, [v = !0, d] = ke({
       prop: o,
       defaultProp: a,
-      onChange: c
+      onChange: i
     });
-    return /* @__PURE__ */ s.jsx(ce, { present: t || m, children: /* @__PURE__ */ s.jsx(
-      Ft,
+    return /* @__PURE__ */ s.jsx(ve, { present: t || v, children: /* @__PURE__ */ s.jsx(
+      Qt,
       {
-        open: m,
+        open: v,
         ...l,
         ref: r,
-        onClose: () => u(!1),
-        onPause: q(e.onPause),
-        onResume: q(e.onResume),
-        onSwipeStart: R(e.onSwipeStart, (i) => {
-          i.currentTarget.setAttribute("data-swipe", "start");
+        onClose: () => d(!1),
+        onPause: Y(e.onPause),
+        onResume: Y(e.onResume),
+        onSwipeStart: R(e.onSwipeStart, (c) => {
+          c.currentTarget.setAttribute("data-swipe", "start");
         }),
-        onSwipeMove: R(e.onSwipeMove, (i) => {
-          const { x: p, y: x } = i.detail.delta;
-          i.currentTarget.setAttribute("data-swipe", "move"), i.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${p}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${x}px`);
+        onSwipeMove: R(e.onSwipeMove, (c) => {
+          const { x: p, y: m } = c.detail.delta;
+          c.currentTarget.setAttribute("data-swipe", "move"), c.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${p}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${m}px`);
         }),
-        onSwipeCancel: R(e.onSwipeCancel, (i) => {
-          i.currentTarget.setAttribute("data-swipe", "cancel"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        onSwipeCancel: R(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: R(e.onSwipeEnd, (i) => {
-          const { x: p, y: x } = i.detail.delta;
-          i.currentTarget.setAttribute("data-swipe", "end"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), i.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), i.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${p}px`), i.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${x}px`), u(!1);
+        onSwipeEnd: R(e.onSwipeEnd, (c) => {
+          const { x: p, y: m } = 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", `${p}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${m}px`), d(!1);
         })
       }
     ) });
   }
 );
-De.displayName = Y;
-var [Lt, It] = Ae(Y, {
+Ke.displayName = Z;
+var [Yt, Bt] = Le(Z, {
   onClose() {
   }
-}), Ft = n.forwardRef(
+}), Qt = n.forwardRef(
   (e, r) => {
     const {
       __scopeToast: t,
       type: o = "foreground",
       duration: a,
-      open: c,
+      open: i,
       onClose: l,
-      onEscapeKeyDown: m,
-      onPause: u,
-      onResume: i,
+      onEscapeKeyDown: v,
+      onPause: d,
+      onResume: c,
       onSwipeStart: p,
-      onSwipeMove: x,
-      onSwipeCancel: g,
-      onSwipeEnd: w,
+      onSwipeMove: m,
+      onSwipeCancel: w,
+      onSwipeEnd: h,
       ...y
-    } = e, f = X(Y, t), [d, b] = n.useState(null), h = U(r, (v) => b(v)), T = n.useRef(null), E = n.useRef(null), C = a || f.duration, N = n.useRef(0), A = n.useRef(C), F = n.useRef(0), { onToastAdd: O, onToastRemove: Z } = f, L = q(() => {
-      var j;
-      (d == null ? void 0 : d.contains(document.activeElement)) && ((j = f.viewport) == null || j.focus()), l();
-    }), _ = n.useCallback(
-      (v) => {
-        !v || v === 1 / 0 || (window.clearTimeout(F.current), N.current = (/* @__PURE__ */ new Date()).getTime(), F.current = window.setTimeout(L, v));
+    } = e, f = J(Z, t), [u, b] = n.useState(null), T = B(r, (x) => b(x)), g = n.useRef(null), E = n.useRef(null), C = a || f.duration, S = n.useRef(0), _ = n.useRef(C), F = n.useRef(0), { onToastAdd: I, onToastRemove: oe } = f, M = Y(() => {
+      var A;
+      (u == null ? void 0 : u.contains(document.activeElement)) && ((A = f.viewport) == null || A.focus()), l();
+    }), O = n.useCallback(
+      (x) => {
+        !x || x === 1 / 0 || (window.clearTimeout(F.current), S.current = (/* @__PURE__ */ new Date()).getTime(), F.current = window.setTimeout(M, x));
       },
-      [L]
+      [M]
     );
     n.useEffect(() => {
-      const v = f.viewport;
-      if (v) {
-        const j = () => {
-          _(A.current), i == null || i();
-        }, k = () => {
-          const M = (/* @__PURE__ */ new Date()).getTime() - N.current;
-          A.current = A.current - M, window.clearTimeout(F.current), u == null || u();
+      const x = f.viewport;
+      if (x) {
+        const A = () => {
+          O(_.current), c == null || c();
+        }, N = () => {
+          const V = (/* @__PURE__ */ new Date()).getTime() - S.current;
+          _.current = _.current - V, window.clearTimeout(F.current), d == null || d();
         };
-        return v.addEventListener(oe, k), v.addEventListener(ne, j), () => {
-          v.removeEventListener(oe, k), v.removeEventListener(ne, j);
+        return x.addEventListener(le, N), x.addEventListener(de, A), () => {
+          x.removeEventListener(le, N), x.removeEventListener(de, A);
         };
       }
-    }, [f.viewport, C, u, i, _]), n.useEffect(() => {
-      c && !f.isClosePausedRef.current && _(C);
-    }, [c, C, f.isClosePausedRef, _]), n.useEffect(() => (O(), () => Z()), [O, Z]);
-    const $ = n.useMemo(() => d ? He(d) : null, [d]);
+    }, [f.viewport, C, d, c, O]), n.useEffect(() => {
+      i && !f.isClosePausedRef.current && O(C);
+    }, [i, C, f.isClosePausedRef, O]), n.useEffect(() => (I(), () => oe()), [I, oe]);
+    const W = n.useMemo(() => u ? Ye(u) : null, [u]);
     return f.viewport ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      $ && /* @__PURE__ */ s.jsx(
-        Mt,
+      W && /* @__PURE__ */ s.jsx(
+        Jt,
         {
           __scopeToast: t,
           role: "status",
           "aria-live": o === "foreground" ? "assertive" : "polite",
           "aria-atomic": !0,
-          children: $
+          children: W
         }
       ),
-      /* @__PURE__ */ s.jsx(Lt, { scope: t, onClose: L, children: ht.createPortal(
-        /* @__PURE__ */ s.jsx(je.ItemSlot, { scope: t, children: /* @__PURE__ */ s.jsx(
-          rt,
+      /* @__PURE__ */ s.jsx(Yt, { scope: t, onClose: M, children: jt.createPortal(
+        /* @__PURE__ */ s.jsx(xe.ItemSlot, { scope: t, children: /* @__PURE__ */ s.jsx(
+          vt,
           {
             asChild: !0,
-            onEscapeKeyDown: R(m, () => {
-              f.isFocusedToastEscapeKeyDownRef.current || L(), f.isFocusedToastEscapeKeyDownRef.current = !1;
+            onEscapeKeyDown: R(v, () => {
+              f.isFocusedToastEscapeKeyDownRef.current || M(), f.isFocusedToastEscapeKeyDownRef.current = !1;
             }),
             children: /* @__PURE__ */ s.jsx(
-              S.li,
+              j.li,
               {
                 role: "status",
                 "aria-live": "off",
                 "aria-atomic": !0,
                 tabIndex: 0,
-                "data-state": c ? "open" : "closed",
+                "data-state": i ? "open" : "closed",
                 "data-swipe-direction": f.swipeDirection,
                 ...y,
-                ref: h,
+                ref: T,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
-                onKeyDown: R(e.onKeyDown, (v) => {
-                  v.key === "Escape" && (m == null || m(v.nativeEvent), v.nativeEvent.defaultPrevented || (f.isFocusedToastEscapeKeyDownRef.current = !0, L()));
+                onKeyDown: R(e.onKeyDown, (x) => {
+                  x.key === "Escape" && (v == null || v(x.nativeEvent), x.nativeEvent.defaultPrevented || (f.isFocusedToastEscapeKeyDownRef.current = !0, M()));
                 }),
-                onPointerDown: R(e.onPointerDown, (v) => {
-                  v.button === 0 && (T.current = { x: v.clientX, y: v.clientY });
+                onPointerDown: R(e.onPointerDown, (x) => {
+                  x.button === 0 && (g.current = { x: x.clientX, y: x.clientY });
                 }),
-                onPointerMove: R(e.onPointerMove, (v) => {
-                  if (!T.current) return;
-                  const j = v.clientX - T.current.x, k = v.clientY - T.current.y, M = !!E.current, V = ["left", "right"].includes(f.swipeDirection), K = ["left", "up"].includes(f.swipeDirection) ? Math.min : Math.max, Qe = V ? K(0, j) : 0, Ze = V ? 0 : K(0, k), ee = v.pointerType === "touch" ? 10 : 2, W = { x: Qe, y: Ze }, we = { originalEvent: v, delta: W };
-                  M ? (E.current = W, z(_t, x, we, {
+                onPointerMove: R(e.onPointerMove, (x) => {
+                  if (!g.current) return;
+                  const A = x.clientX - g.current.x, N = x.clientY - g.current.y, V = !!E.current, $ = ["left", "right"].includes(f.swipeDirection), z = ["left", "up"].includes(f.swipeDirection) ? Math.min : Math.max, dt = $ ? z(0, A) : 0, ut = $ ? 0 : z(0, N), ne = x.pointerType === "touch" ? 10 : 2, U = { x: dt, y: ut }, Re = { originalEvent: x, delta: U };
+                  V ? (E.current = U, q(qt, m, Re, {
                     discrete: !1
-                  })) : ge(W, f.swipeDirection, ee) ? (E.current = W, z(St, p, we, {
+                  })) : Ae(U, f.swipeDirection, ne) ? (E.current = U, q(Ut, p, Re, {
                     discrete: !1
-                  }), v.target.setPointerCapture(v.pointerId)) : (Math.abs(j) > ee || Math.abs(k) > ee) && (T.current = null);
+                  }), x.target.setPointerCapture(x.pointerId)) : (Math.abs(A) > ne || Math.abs(N) > ne) && (g.current = null);
                 }),
-                onPointerUp: R(e.onPointerUp, (v) => {
-                  const j = E.current, k = v.target;
-                  if (k.hasPointerCapture(v.pointerId) && k.releasePointerCapture(v.pointerId), E.current = null, T.current = null, j) {
-                    const M = v.currentTarget, V = { originalEvent: v, delta: j };
-                    ge(j, f.swipeDirection, f.swipeThreshold) ? z(Ot, w, V, {
+                onPointerUp: R(e.onPointerUp, (x) => {
+                  const A = E.current, N = x.target;
+                  if (N.hasPointerCapture(x.pointerId) && N.releasePointerCapture(x.pointerId), E.current = null, g.current = null, A) {
+                    const V = x.currentTarget, $ = { originalEvent: x, delta: A };
+                    Ae(A, f.swipeDirection, f.swipeThreshold) ? q(Xt, h, $, {
                       discrete: !0
-                    }) : z(
-                      Dt,
-                      g,
-                      V,
+                    }) : q(
+                      Gt,
+                      w,
+                      $,
                       {
                         discrete: !0
                       }
-                    ), M.addEventListener("click", (K) => K.preventDefault(), {
+                    ), V.addEventListener("click", (z) => z.preventDefault(), {
                       once: !0
                     });
                   }
@@ -311,44 +343,44 @@ var [Lt, It] = Ae(Y, {
       ) })
     ] }) : null;
   }
-), Mt = (e) => {
-  const { __scopeToast: r, children: t, ...o } = e, a = X(Y, r), [c, l] = n.useState(!1), [m, u] = n.useState(!1);
-  return $t(() => l(!0)), n.useEffect(() => {
-    const i = window.setTimeout(() => u(!0), 1e3);
-    return () => window.clearTimeout(i);
-  }, []), m ? null : /* @__PURE__ */ s.jsx(Re, { asChild: !0, children: /* @__PURE__ */ s.jsx(G, { ...o, children: c && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+), Jt = (e) => {
+  const { __scopeToast: r, children: t, ...o } = e, a = J(Z, r), [i, l] = n.useState(!1), [v, d] = n.useState(!1);
+  return tr(() => l(!0)), n.useEffect(() => {
+    const c = window.setTimeout(() => d(!0), 1e3);
+    return () => window.clearTimeout(c);
+  }, []), v ? null : /* @__PURE__ */ s.jsx(Ie, { asChild: !0, children: /* @__PURE__ */ s.jsx(Q, { ...o, children: i && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     a.label,
     " ",
     t
   ] }) }) });
-}, Vt = "ToastTitle", Oe = n.forwardRef(
+}, Zt = "ToastTitle", We = n.forwardRef(
   (e, r) => {
     const { __scopeToast: t, ...o } = e;
-    return /* @__PURE__ */ s.jsx(S.div, { ...o, ref: r });
+    return /* @__PURE__ */ s.jsx(j.div, { ...o, ref: r });
   }
 );
-Oe.displayName = Vt;
-var Ht = "ToastDescription", Le = n.forwardRef(
+We.displayName = Zt;
+var er = "ToastDescription", ze = n.forwardRef(
   (e, r) => {
     const { __scopeToast: t, ...o } = e;
-    return /* @__PURE__ */ s.jsx(S.div, { ...o, ref: r });
+    return /* @__PURE__ */ s.jsx(j.div, { ...o, ref: r });
   }
 );
-Le.displayName = Ht;
-var Ie = "ToastAction", Fe = n.forwardRef(
+ze.displayName = er;
+var Ue = "ToastAction", qe = n.forwardRef(
   (e, r) => {
     const { altText: t, ...o } = e;
-    return t.trim() ? /* @__PURE__ */ s.jsx(Ve, { altText: t, asChild: !0, children: /* @__PURE__ */ s.jsx(le, { ...o, ref: r }) }) : (console.error(
-      `Invalid prop \`altText\` supplied to \`${Ie}\`. Expected non-empty \`string\`.`
+    return t.trim() ? /* @__PURE__ */ s.jsx(Xe, { altText: t, asChild: !0, children: /* @__PURE__ */ s.jsx(Te, { ...o, ref: r }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${Ue}\`. Expected non-empty \`string\`.`
     ), null);
   }
 );
-Fe.displayName = Ie;
-var Me = "ToastClose", le = n.forwardRef(
+qe.displayName = Ue;
+var Ge = "ToastClose", Te = n.forwardRef(
   (e, r) => {
-    const { __scopeToast: t, ...o } = e, a = It(Me, t);
-    return /* @__PURE__ */ s.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ s.jsx(
-      S.button,
+    const { __scopeToast: t, ...o } = e, a = Bt(Ge, t);
+    return /* @__PURE__ */ s.jsx(Xe, { asChild: !0, children: /* @__PURE__ */ s.jsx(
+      j.button,
       {
         type: "button",
         ...o,
@@ -358,11 +390,11 @@ var Me = "ToastClose", le = n.forwardRef(
     ) });
   }
 );
-le.displayName = Me;
-var Ve = n.forwardRef((e, r) => {
+Te.displayName = Ge;
+var Xe = n.forwardRef((e, r) => {
   const { __scopeToast: t, altText: o, ...a } = e;
   return /* @__PURE__ */ s.jsx(
-    S.div,
+    j.div,
     {
       "data-radix-toast-announce-exclude": "",
       "data-radix-toast-announce-alt": o || void 0,
@@ -371,42 +403,42 @@ var Ve = n.forwardRef((e, r) => {
     }
   );
 });
-function He(e) {
+function Ye(e) {
   const r = [];
   return Array.from(e.childNodes).forEach((o) => {
-    if (o.nodeType === o.TEXT_NODE && o.textContent && r.push(o.textContent), Kt(o)) {
-      const a = o.ariaHidden || o.hidden || o.style.display === "none", c = o.dataset.radixToastAnnounceExclude === "";
+    if (o.nodeType === o.TEXT_NODE && o.textContent && r.push(o.textContent), rr(o)) {
+      const a = o.ariaHidden || o.hidden || o.style.display === "none", i = o.dataset.radixToastAnnounceExclude === "";
       if (!a)
-        if (c) {
+        if (i) {
           const l = o.dataset.radixToastAnnounceAlt;
           l && r.push(l);
         } else
-          r.push(...He(o));
+          r.push(...Ye(o));
     }
   }), r;
 }
-function z(e, r, t, { discrete: o }) {
-  const a = t.originalEvent.currentTarget, c = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: t });
-  r && a.addEventListener(e, r, { once: !0 }), o ? ot(a, c) : a.dispatchEvent(c);
+function q(e, r, t, { discrete: o }) {
+  const a = t.originalEvent.currentTarget, i = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: t });
+  r && a.addEventListener(e, r, { once: !0 }), o ? mt(a, i) : a.dispatchEvent(i);
 }
-var ge = (e, r, t = 0) => {
-  const o = Math.abs(e.x), a = Math.abs(e.y), c = o > a;
-  return r === "left" || r === "right" ? c && o > t : !c && a > t;
+var Ae = (e, r, t = 0) => {
+  const o = Math.abs(e.x), a = Math.abs(e.y), i = o > a;
+  return r === "left" || r === "right" ? i && o > t : !i && a > t;
 };
-function $t(e = () => {
+function tr(e = () => {
 }) {
-  const r = q(e);
-  nt(() => {
+  const r = Y(e);
+  xt(() => {
     let t = 0, o = 0;
     return t = window.requestAnimationFrame(() => o = window.requestAnimationFrame(r)), () => {
       window.cancelAnimationFrame(t), window.cancelAnimationFrame(o);
     };
   }, [r]);
 }
-function Kt(e) {
+function rr(e) {
   return e.nodeType === e.ELEMENT_NODE;
 }
-function Wt(e) {
+function or(e) {
   const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -416,54 +448,142 @@ function Wt(e) {
   for (; t.nextNode(); ) r.push(t.currentNode);
   return r;
 }
-function te(e) {
+function se(e) {
   const r = document.activeElement;
   return e.some((t) => t === r ? !0 : (t.focus(), document.activeElement !== r));
 }
-var $e = Se, Ke = De, We = Oe, ze = Le, qe = Fe, Ue = le;
-const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, be = wt, zt = (e, r) => (t) => {
+var nr = Fe, Be = $e, Qe = Ke, Je = We, Ze = ze, et = qe, tt = Te;
+const _e = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ne = Ot, sr = (e, r) => (t) => {
   var o;
-  if ((r == null ? void 0 : r.variants) == null) return be(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: a, defaultVariants: c } = r, l = Object.keys(a).map((i) => {
-    const p = t == null ? void 0 : t[i], x = c == null ? void 0 : c[i];
+  if ((r == null ? void 0 : r.variants) == null) return Ne(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: a, defaultVariants: i } = r, l = Object.keys(a).map((c) => {
+    const p = t == null ? void 0 : t[c], m = i == null ? void 0 : i[c];
     if (p === null) return null;
-    const g = ye(p) || ye(x);
-    return a[i][g];
-  }), m = t && Object.entries(t).reduce((i, p) => {
-    let [x, g] = p;
-    return g === void 0 || (i[x] = g), i;
-  }, {}), u = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((i, p) => {
-    let { class: x, className: g, ...w } = p;
-    return Object.entries(w).every((y) => {
-      let [f, d] = y;
-      return Array.isArray(d) ? d.includes({
-        ...c,
-        ...m
+    const w = _e(p) || _e(m);
+    return a[c][w];
+  }), v = t && Object.entries(t).reduce((c, p) => {
+    let [m, w] = p;
+    return w === void 0 || (c[m] = w), c;
+  }, {}), d = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
+    let { class: m, className: w, ...h } = p;
+    return Object.entries(h).every((y) => {
+      let [f, u] = y;
+      return Array.isArray(u) ? u.includes({
+        ...i,
+        ...v
       }[f]) : {
-        ...c,
-        ...m
-      }[f] === d;
+        ...i,
+        ...v
+      }[f] === u;
     }) ? [
-      ...i,
-      x,
-      g
-    ] : i;
+      ...c,
+      m,
+      w
+    ] : c;
   }, []);
-  return be(e, l, u, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-}, qt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
-  $e,
+  return Ne(e, l, d, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+}, ar = 1, ir = 1e6;
+var k = /* @__PURE__ */ ((e) => (e.ADD_TOAST = "ADD_TOAST", e.UPDATE_TOAST = "UPDATE_TOAST", e.DISMISS_TOAST = "DISMISS_TOAST", e.REMOVE_TOAST = "REMOVE_TOAST", e))(k || {});
+let ae = 0;
+const cr = () => (ae = (ae + 1) % Number.MAX_SAFE_INTEGER, ae.toString()), ie = /* @__PURE__ */ new Map(), je = (e) => {
+  if (ie.has(e))
+    return;
+  const r = setTimeout(() => {
+    ie.delete(e), H({
+      type: k.REMOVE_TOAST,
+      toastId: e
+    });
+  }, ir);
+  ie.set(e, r);
+}, lr = (e, r) => {
+  switch (r.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [r.toast, ...e.toasts].slice(0, ar)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map(
+          (t) => t.id === r.toast.id ? { ...t, ...r.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: t } = r;
+      return t ? je(t) : e.toasts.forEach((o) => {
+        je(o.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (o) => o.id === t || t === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case k.REMOVE_TOAST:
+      return r.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((t) => t.id !== r.toastId)
+      };
+    default:
+      return e;
+  }
+}, G = [];
+let X = { toasts: [] };
+const H = (e) => {
+  X = lr(X, e), G.forEach((r) => {
+    r(X);
+  });
+}, dr = ({ ...e }) => {
+  const r = cr(), t = (a) => H({
+    type: k.UPDATE_TOAST,
+    toast: { ...a, id: r }
+  }), o = () => H({ type: k.DISMISS_TOAST, toastId: r });
+  return H({
+    type: k.ADD_TOAST,
+    toast: {
+      ...e,
+      id: r,
+      open: !0,
+      onOpenChange: (a) => {
+        a || o();
+      }
+    }
+  }), {
+    id: r,
+    dismiss: o,
+    update: t
+  };
+}, ur = () => {
+  const [e, r] = _t(X);
+  return Nt(() => (G.push(r), () => {
+    const t = G.indexOf(r);
+    t > -1 && G.splice(t, 1);
+  }), [e]), {
+    ...e,
+    toast: dr,
+    dismiss: (t) => H({ type: k.DISMISS_TOAST, toastId: t })
+  };
+}, pr = nr, rt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Be,
   {
     ref: t,
     className: P(
-      "fixed top-0 z-[100] flex max-h-screen flex-col-reverse sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col min-w-64 max-w-[420px]",
+      "fixed top-0 z-[100] flex flex-col-reverse sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col m-5 max-h-screen min-w-[250px]",
       e
     ),
     ...r
   }
 ));
-qt.displayName = $e.displayName;
-const Ut = zt(
-  "group pointer-events-auto rounded-[10px] relative border-l-2 flex w-full items-center justify-between space-x-2 overflow-hidden  py-3 px-5 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 dark:border-neutral-800",
+rt.displayName = Be.displayName;
+const fr = sr(
+  "group pointer-events-auto rounded-[10px] relative border-l-2 flex w-full items-center justify-between space-x-2 overflow-hidden py-3 px-[15px] 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 dark:border-neutral-800",
   {
     variants: {
       variant: {
@@ -478,17 +598,17 @@ const Ut = zt(
       variant: "default"
     }
   }
-), Gt = n.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ s.jsx(
-  Ke,
+), ot = n.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ s.jsx(
+  Qe,
   {
     ref: o,
-    className: P(Ut({ variant: r }), e),
+    className: P(fr({ variant: r }), e),
     ...t
   }
 ));
-Gt.displayName = Ke.displayName;
-const Xt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
-  qe,
+ot.displayName = Qe.displayName;
+const vr = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  et,
   {
     ref: t,
     className: P(
@@ -498,40 +618,58 @@ const Xt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
     ...r
   }
 ));
-Xt.displayName = qe.displayName;
-const Yt = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
-  Ue,
+vr.displayName = et.displayName;
+const nt = n.forwardRef(({ className: e, variant: r, ...t }, o) => /* @__PURE__ */ s.jsx(
+  tt,
   {
-    ref: t,
+    ref: o,
     className: P(
       "absolute right-3 top-2 rounded-md p-1 text-neutral-950/50 opacity-0 transition-opacity hover:text-neutral-950 focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-neutral-50/50 dark:hover:text-neutral-50",
       e
     ),
     "toast-close": "",
-    ...r,
-    children: /* @__PURE__ */ s.jsx(st, { className: "h-4 w-4" })
+    ...t,
+    children: /* @__PURE__ */ s.jsx(Tt, { className: P(`size-4 text-${r}-10`) })
   }
 ));
-Yt.displayName = Ue.displayName;
-const Ge = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
-  We,
+nt.displayName = tt.displayName;
+const st = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Je,
   {
     ref: t,
     className: P("text-base font-semibold [&+div]:text-xs", e),
     ...r
   }
 ));
-Ge.displayName = We.displayName;
-const Xe = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
-  ze,
+st.displayName = Je.displayName;
+const at = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
+  Ze,
   {
     ref: t,
     className: P("text-xs font-normal opacity-90", e),
     ...r
   }
 ));
-Xe.displayName = ze.displayName;
-const kr = ({
+at.displayName = Ze.displayName;
+const Br = ({ duration: e = 5 }) => {
+  const { toasts: r } = ur();
+  return /* @__PURE__ */ s.jsxs(pr, { children: [
+    r.map(({ id: t, title: o, description: a, action: i, ...l }) => /* @__PURE__ */ s.jsxs(ot, { duration: e * 1e3, ...l, children: [
+      /* @__PURE__ */ s.jsx("div", { className: "grid gap-1", children: /* @__PURE__ */ s.jsx(
+        mr,
+        {
+          withIcon: l.withIcon,
+          type: l.variant,
+          title: o,
+          description: a
+        }
+      ) }),
+      i,
+      /* @__PURE__ */ s.jsx(nt, { variant: l.variant })
+    ] }, t)),
+    /* @__PURE__ */ s.jsx(rt, {})
+  ] });
+}, mr = ({
   type: e = "info",
   title: r,
   description: t,
@@ -544,16 +682,16 @@ const kr = ({
       "flex items-center gap-1.5"
     ),
     children: [
-      o && /* @__PURE__ */ s.jsx("div", { "data-testid": "notification-icon", children: e && Ct[e] }),
+      o && /* @__PURE__ */ s.jsx("div", { "data-testid": "notification-icon", children: e && Ft[e] }),
       /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ s.jsx(Ge, { className: o ? "text-left" : "text-center", children: r }),
-        /* @__PURE__ */ s.jsx(Xe, { className: o ? "text-left" : "text-center", children: t })
+        /* @__PURE__ */ s.jsx(st, { className: o ? "text-left" : "text-center", children: r }),
+        /* @__PURE__ */ s.jsx(at, { className: o ? "text-left" : "text-center", children: t })
       ] })
     ]
   }
-), { Root: Bt, Thumb: Jt } = at, Sr = n.forwardRef(({ classNames: e, ...r }, t) => {
+), { Root: xr, Thumb: Tr } = ht, Qr = n.forwardRef(({ classNames: e, ...r }, t) => {
   const o = r.checked ?? !1;
-  return /* @__PURE__ */ s.jsxs(Bt, { ref: t, className: P(D.base, e == null ? void 0 : e.root), ...r, children: [
+  return /* @__PURE__ */ s.jsxs(xr, { ref: t, className: P(D.base, e == null ? void 0 : e.root), ...r, children: [
     /* @__PURE__ */ s.jsx(
       "div",
       {
@@ -563,7 +701,7 @@ const kr = ({
           !o && D.iconWrapper.checked
         ),
         children: /* @__PURE__ */ s.jsx(
-          gt,
+          kt,
           {
             "data-testid": "list-icon",
             className: P(o ? "fill-dark-30/25" : "fill-dark-30/[.80]")
@@ -580,7 +718,7 @@ const kr = ({
           o && D.iconWrapper.checked
         ),
         children: /* @__PURE__ */ s.jsx(
-          Tt,
+          Dt,
           {
             "data-testid": "grid-icon",
             className: P(o ? "fill-dark-30/[.80]" : "fill-dark-30/25")
@@ -589,7 +727,7 @@ const kr = ({
       }
     ),
     /* @__PURE__ */ s.jsx("div", { className: P(D.borderLine) }),
-    /* @__PURE__ */ s.jsx(Jt, { tabIndex: 1, className: P(D.thumb, e == null ? void 0 : e.thumb) })
+    /* @__PURE__ */ s.jsx(Tr, { tabIndex: 1, className: P(D.thumb, e == null ? void 0 : e.thumb) })
   ] });
 }), D = {
   base: "group relative inline-flex w-20 h-[38px] shrink-0 cursor-pointer items-center bg-gray-50 rounded-[10px] transition-colors duration-200 transition-colors",
@@ -600,84 +738,84 @@ const kr = ({
   },
   borderLine: "pointer-events-none absolute z-0 left-0 top-0 w-full h-full group-hover:border group-hover:border-primary-20/[.30] rounded-[10px] transition-colors duration-200"
 };
-var [B, Qt] = Ce("Tooltip", [
-  Ne
-]), J = Ne(), Ye = "TooltipProvider", Zt = 700, ae = "tooltip.open", [er, de] = B(Ye), ue = (e) => {
+var [ee, hr] = De("Tooltip", [
+  Me
+]), te = Me(), it = "TooltipProvider", wr = 700, pe = "tooltip.open", [gr, he] = ee(it), we = (e) => {
   const {
     __scopeTooltip: r,
-    delayDuration: t = Zt,
+    delayDuration: t = wr,
     skipDelayDuration: o = 300,
     disableHoverableContent: a = !1,
-    children: c
-  } = e, [l, m] = n.useState(!0), u = n.useRef(!1), i = n.useRef(0);
+    children: i
+  } = e, [l, v] = n.useState(!0), d = n.useRef(!1), c = n.useRef(0);
   return n.useEffect(() => {
-    const p = i.current;
+    const p = c.current;
     return () => window.clearTimeout(p);
   }, []), /* @__PURE__ */ s.jsx(
-    er,
+    gr,
     {
       scope: r,
       isOpenDelayed: l,
       delayDuration: t,
       onOpen: n.useCallback(() => {
-        window.clearTimeout(i.current), m(!1);
+        window.clearTimeout(c.current), v(!1);
       }, []),
       onClose: n.useCallback(() => {
-        window.clearTimeout(i.current), i.current = window.setTimeout(
-          () => m(!0),
+        window.clearTimeout(c.current), c.current = window.setTimeout(
+          () => v(!0),
           o
         );
       }, [o]),
-      isPointerInTransitRef: u,
+      isPointerInTransitRef: d,
       onPointerInTransitChange: n.useCallback((p) => {
-        u.current = p;
+        d.current = p;
       }, []),
       disableHoverableContent: a,
-      children: c
+      children: i
     }
   );
 };
-ue.displayName = Ye;
-var Q = "Tooltip", [tr, H] = B(Q), pe = (e) => {
+we.displayName = it;
+var re = "Tooltip", [yr, K] = ee(re), ge = (e) => {
   const {
     __scopeTooltip: r,
     children: t,
     open: o,
     defaultOpen: a = !1,
-    onOpenChange: c,
+    onOpenChange: i,
     disableHoverableContent: l,
-    delayDuration: m
-  } = e, u = de(Q, e.__scopeTooltip), i = J(r), [p, x] = n.useState(null), g = ct(), w = n.useRef(0), y = l ?? u.disableHoverableContent, f = m ?? u.delayDuration, d = n.useRef(!1), [b = !1, h] = Pe({
+    delayDuration: v
+  } = e, d = he(re, e.__scopeTooltip), c = te(r), [p, m] = n.useState(null), w = gt(), h = n.useRef(0), y = l ?? d.disableHoverableContent, f = v ?? d.delayDuration, u = n.useRef(!1), [b = !1, T] = ke({
     prop: o,
     defaultProp: a,
-    onChange: (A) => {
-      A ? (u.onOpen(), document.dispatchEvent(new CustomEvent(ae))) : u.onClose(), c == null || c(A);
+    onChange: (_) => {
+      _ ? (d.onOpen(), document.dispatchEvent(new CustomEvent(pe))) : d.onClose(), i == null || i(_);
     }
-  }), T = n.useMemo(() => b ? d.current ? "delayed-open" : "instant-open" : "closed", [b]), E = n.useCallback(() => {
-    window.clearTimeout(w.current), w.current = 0, d.current = !1, h(!0);
-  }, [h]), C = n.useCallback(() => {
-    window.clearTimeout(w.current), w.current = 0, h(!1);
-  }, [h]), N = n.useCallback(() => {
-    window.clearTimeout(w.current), w.current = window.setTimeout(() => {
-      d.current = !0, h(!0), w.current = 0;
+  }), g = n.useMemo(() => b ? u.current ? "delayed-open" : "instant-open" : "closed", [b]), E = n.useCallback(() => {
+    window.clearTimeout(h.current), h.current = 0, u.current = !1, T(!0);
+  }, [T]), C = n.useCallback(() => {
+    window.clearTimeout(h.current), h.current = 0, T(!1);
+  }, [T]), S = n.useCallback(() => {
+    window.clearTimeout(h.current), h.current = window.setTimeout(() => {
+      u.current = !0, T(!0), h.current = 0;
     }, f);
-  }, [f, h]);
+  }, [f, T]);
   return n.useEffect(() => () => {
-    w.current && (window.clearTimeout(w.current), w.current = 0);
-  }, []), /* @__PURE__ */ s.jsx(lt, { ...i, children: /* @__PURE__ */ s.jsx(
-    tr,
+    h.current && (window.clearTimeout(h.current), h.current = 0);
+  }, []), /* @__PURE__ */ s.jsx(yt, { ...c, children: /* @__PURE__ */ s.jsx(
+    yr,
     {
       scope: r,
-      contentId: g,
+      contentId: w,
       open: b,
-      stateAttribute: T,
+      stateAttribute: g,
       trigger: p,
-      onTriggerChange: x,
+      onTriggerChange: m,
       onTriggerEnter: n.useCallback(() => {
-        u.isOpenDelayed ? N() : E();
-      }, [u.isOpenDelayed, N, E]),
+        d.isOpenDelayed ? S() : E();
+      }, [d.isOpenDelayed, S, E]),
       onTriggerLeave: n.useCallback(() => {
-        y ? C() : (window.clearTimeout(w.current), w.current = 0);
+        y ? C() : (window.clearTimeout(h.current), h.current = 0);
       }, [C, y]),
       onOpen: E,
       onClose: C,
@@ -686,28 +824,28 @@ var Q = "Tooltip", [tr, H] = B(Q), pe = (e) => {
     }
   ) });
 };
-pe.displayName = Q;
-var ie = "TooltipTrigger", fe = n.forwardRef(
+ge.displayName = re;
+var fe = "TooltipTrigger", ye = n.forwardRef(
   (e, r) => {
-    const { __scopeTooltip: t, ...o } = e, a = H(ie, t), c = de(ie, t), l = J(t), m = n.useRef(null), u = U(r, m, a.onTriggerChange), i = n.useRef(!1), p = n.useRef(!1), x = n.useCallback(() => i.current = !1, []);
-    return n.useEffect(() => () => document.removeEventListener("pointerup", x), [x]), /* @__PURE__ */ s.jsx(dt, { asChild: !0, ...l, children: /* @__PURE__ */ s.jsx(
-      S.button,
+    const { __scopeTooltip: t, ...o } = e, a = K(fe, t), i = he(fe, t), l = te(t), v = n.useRef(null), d = B(r, v, a.onTriggerChange), c = n.useRef(!1), p = n.useRef(!1), m = n.useCallback(() => c.current = !1, []);
+    return n.useEffect(() => () => document.removeEventListener("pointerup", m), [m]), /* @__PURE__ */ s.jsx(bt, { asChild: !0, ...l, children: /* @__PURE__ */ s.jsx(
+      j.button,
       {
         "aria-describedby": a.open ? a.contentId : void 0,
         "data-state": a.stateAttribute,
         ...o,
-        ref: u,
-        onPointerMove: R(e.onPointerMove, (g) => {
-          g.pointerType !== "touch" && !p.current && !c.isPointerInTransitRef.current && (a.onTriggerEnter(), p.current = !0);
+        ref: d,
+        onPointerMove: R(e.onPointerMove, (w) => {
+          w.pointerType !== "touch" && !p.current && !i.isPointerInTransitRef.current && (a.onTriggerEnter(), p.current = !0);
         }),
         onPointerLeave: R(e.onPointerLeave, () => {
           a.onTriggerLeave(), p.current = !1;
         }),
         onPointerDown: R(e.onPointerDown, () => {
-          i.current = !0, document.addEventListener("pointerup", x, { once: !0 });
+          c.current = !0, document.addEventListener("pointerup", m, { once: !0 });
         }),
         onFocus: R(e.onFocus, () => {
-          i.current || a.onOpen();
+          c.current || a.onOpen();
         }),
         onBlur: R(e.onBlur, a.onClose),
         onClick: R(e.onClick, a.onClose)
@@ -715,81 +853,81 @@ var ie = "TooltipTrigger", fe = n.forwardRef(
     ) });
   }
 );
-fe.displayName = ie;
-var ve = "TooltipPortal", [rr, or] = B(ve, {
+ye.displayName = fe;
+var be = "TooltipPortal", [br, Er] = ee(be, {
   forceMount: void 0
-}), me = (e) => {
-  const { __scopeTooltip: r, forceMount: t, children: o, container: a } = e, c = H(ve, r);
-  return /* @__PURE__ */ s.jsx(rr, { scope: r, forceMount: t, children: /* @__PURE__ */ s.jsx(ce, { present: t || c.open, children: /* @__PURE__ */ s.jsx(Re, { asChild: !0, container: a, children: o }) }) });
+}), Ee = (e) => {
+  const { __scopeTooltip: r, forceMount: t, children: o, container: a } = e, i = K(be, r);
+  return /* @__PURE__ */ s.jsx(br, { scope: r, forceMount: t, children: /* @__PURE__ */ s.jsx(ve, { present: t || i.open, children: /* @__PURE__ */ s.jsx(Ie, { asChild: !0, container: a, children: o }) }) });
 };
-me.displayName = ve;
-var I = "TooltipContent", xe = n.forwardRef(
+Ee.displayName = be;
+var L = "TooltipContent", Ce = n.forwardRef(
   (e, r) => {
-    const t = or(I, e.__scopeTooltip), { forceMount: o = t.forceMount, side: a = "top", ...c } = e, l = H(I, e.__scopeTooltip);
-    return /* @__PURE__ */ s.jsx(ce, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ s.jsx(Be, { side: a, ...c, ref: r }) : /* @__PURE__ */ s.jsx(nr, { side: a, ...c, ref: r }) });
+    const t = Er(L, e.__scopeTooltip), { forceMount: o = t.forceMount, side: a = "top", ...i } = e, l = K(L, e.__scopeTooltip);
+    return /* @__PURE__ */ s.jsx(ve, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ s.jsx(ct, { side: a, ...i, ref: r }) : /* @__PURE__ */ s.jsx(Cr, { side: a, ...i, ref: r }) });
   }
-), nr = n.forwardRef((e, r) => {
-  const t = H(I, e.__scopeTooltip), o = de(I, e.__scopeTooltip), a = n.useRef(null), c = U(r, a), [l, m] = n.useState(null), { trigger: u, onClose: i } = t, p = a.current, { onPointerInTransitChange: x } = o, g = n.useCallback(() => {
-    m(null), x(!1);
-  }, [x]), w = n.useCallback(
+), Cr = n.forwardRef((e, r) => {
+  const t = K(L, e.__scopeTooltip), o = he(L, e.__scopeTooltip), a = n.useRef(null), i = B(r, a), [l, v] = n.useState(null), { trigger: d, onClose: c } = t, p = a.current, { onPointerInTransitChange: m } = o, w = n.useCallback(() => {
+    v(null), m(!1);
+  }, [m]), h = n.useCallback(
     (y, f) => {
-      const d = y.currentTarget, b = { x: y.clientX, y: y.clientY }, h = ir(b, d.getBoundingClientRect()), T = cr(b, h), E = lr(f.getBoundingClientRect()), C = ur([...T, ...E]);
-      m(C), x(!0);
+      const u = y.currentTarget, b = { x: y.clientX, y: y.clientY }, T = Sr(b, u.getBoundingClientRect()), g = Ar(b, T), E = _r(f.getBoundingClientRect()), C = jr([...g, ...E]);
+      v(C), m(!0);
     },
-    [x]
+    [m]
   );
-  return n.useEffect(() => () => g(), [g]), n.useEffect(() => {
-    if (u && p) {
-      const y = (d) => w(d, p), f = (d) => w(d, u);
-      return u.addEventListener("pointerleave", y), p.addEventListener("pointerleave", f), () => {
-        u.removeEventListener("pointerleave", y), p.removeEventListener("pointerleave", f);
+  return n.useEffect(() => () => w(), [w]), n.useEffect(() => {
+    if (d && p) {
+      const y = (u) => h(u, p), f = (u) => h(u, d);
+      return d.addEventListener("pointerleave", y), p.addEventListener("pointerleave", f), () => {
+        d.removeEventListener("pointerleave", y), p.removeEventListener("pointerleave", f);
       };
     }
-  }, [u, p, w, g]), n.useEffect(() => {
+  }, [d, p, h, w]), n.useEffect(() => {
     if (l) {
       const y = (f) => {
-        const d = f.target, b = { x: f.clientX, y: f.clientY }, h = (u == null ? void 0 : u.contains(d)) || (p == null ? void 0 : p.contains(d)), T = !dr(b, l);
-        h ? g() : T && (g(), i());
+        const u = f.target, b = { x: f.clientX, y: f.clientY }, T = (d == null ? void 0 : d.contains(u)) || (p == null ? void 0 : p.contains(u)), g = !Nr(b, l);
+        T ? w() : g && (w(), c());
       };
       return document.addEventListener("pointermove", y), () => document.removeEventListener("pointermove", y);
     }
-  }, [u, p, l, i, g]), /* @__PURE__ */ s.jsx(Be, { ...e, ref: c });
-}), [sr, ar] = B(Q, { isInside: !1 }), Be = n.forwardRef(
+  }, [d, p, l, c, w]), /* @__PURE__ */ s.jsx(ct, { ...e, ref: i });
+}), [Pr, Rr] = ee(re, { isInside: !1 }), ct = n.forwardRef(
   (e, r) => {
     const {
       __scopeTooltip: t,
       children: o,
       "aria-label": a,
-      onEscapeKeyDown: c,
+      onEscapeKeyDown: i,
       onPointerDownOutside: l,
-      ...m
-    } = e, u = H(I, t), i = J(t), { onClose: p } = u;
-    return n.useEffect(() => (document.addEventListener(ae, p), () => document.removeEventListener(ae, p)), [p]), n.useEffect(() => {
-      if (u.trigger) {
-        const x = (g) => {
-          const w = g.target;
-          w != null && w.contains(u.trigger) && p();
+      ...v
+    } = e, d = K(L, t), c = te(t), { onClose: p } = d;
+    return n.useEffect(() => (document.addEventListener(pe, p), () => document.removeEventListener(pe, p)), [p]), n.useEffect(() => {
+      if (d.trigger) {
+        const m = (w) => {
+          const h = w.target;
+          h != null && h.contains(d.trigger) && p();
         };
-        return window.addEventListener("scroll", x, { capture: !0 }), () => window.removeEventListener("scroll", x, { capture: !0 });
+        return window.addEventListener("scroll", m, { capture: !0 }), () => window.removeEventListener("scroll", m, { capture: !0 });
       }
-    }, [u.trigger, p]), /* @__PURE__ */ s.jsx(
-      ut,
+    }, [d.trigger, p]), /* @__PURE__ */ s.jsx(
+      Et,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
-        onEscapeKeyDown: c,
+        onEscapeKeyDown: i,
         onPointerDownOutside: l,
-        onFocusOutside: (x) => x.preventDefault(),
+        onFocusOutside: (m) => m.preventDefault(),
         onDismiss: p,
         children: /* @__PURE__ */ s.jsxs(
-          pt,
+          Ct,
           {
-            "data-state": u.stateAttribute,
-            ...i,
-            ...m,
+            "data-state": d.stateAttribute,
+            ...c,
+            ...v,
             ref: r,
             style: {
-              ...m.style,
+              ...v.style,
               "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
               "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
               "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
@@ -797,8 +935,8 @@ var I = "TooltipContent", xe = n.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ s.jsx(ft, { children: o }),
-              /* @__PURE__ */ s.jsx(sr, { scope: t, isInside: !0, children: /* @__PURE__ */ s.jsx(Rt, { id: u.contentId, role: "tooltip", children: a || o }) })
+              /* @__PURE__ */ s.jsx(Pt, { children: o }),
+              /* @__PURE__ */ s.jsx(Pr, { scope: t, isInside: !0, children: /* @__PURE__ */ s.jsx($t, { id: d.contentId, role: "tooltip", children: a || o }) })
             ]
           }
         )
@@ -806,21 +944,21 @@ var I = "TooltipContent", xe = n.forwardRef(
     );
   }
 );
-xe.displayName = I;
-var Je = "TooltipArrow", he = n.forwardRef(
+Ce.displayName = L;
+var lt = "TooltipArrow", Pe = n.forwardRef(
   (e, r) => {
-    const { __scopeTooltip: t, ...o } = e, a = J(t);
-    return ar(
-      Je,
+    const { __scopeTooltip: t, ...o } = e, a = te(t);
+    return Rr(
+      lt,
       t
-    ).isInside ? null : /* @__PURE__ */ s.jsx(it, { ...a, ...o, ref: r });
+    ).isInside ? null : /* @__PURE__ */ s.jsx(wt, { ...a, ...o, ref: r });
   }
 );
-he.displayName = Je;
-function ir(e, r) {
-  const t = Math.abs(r.top - e.y), o = Math.abs(r.bottom - e.y), a = Math.abs(r.right - e.x), c = Math.abs(r.left - e.x);
-  switch (Math.min(t, o, a, c)) {
-    case c:
+Pe.displayName = lt;
+function Sr(e, r) {
+  const t = Math.abs(r.top - e.y), o = Math.abs(r.bottom - e.y), a = Math.abs(r.right - e.x), i = Math.abs(r.left - e.x);
+  switch (Math.min(t, o, a, i)) {
+    case i:
       return "left";
     case a:
       return "right";
@@ -832,7 +970,7 @@ function ir(e, r) {
       throw new Error("unreachable");
   }
 }
-function cr(e, r, t = 5) {
+function Ar(e, r, t = 5) {
   const o = [];
   switch (r) {
     case "top":
@@ -862,7 +1000,7 @@ function cr(e, r, t = 5) {
   }
   return o;
 }
-function lr(e) {
+function _r(e) {
   const { top: r, right: t, bottom: o, left: a } = e;
   return [
     { x: a, y: r },
@@ -871,27 +1009,27 @@ function lr(e) {
     { x: a, y: o }
   ];
 }
-function dr(e, r) {
+function Nr(e, r) {
   const { x: t, y: o } = e;
   let a = !1;
-  for (let c = 0, l = r.length - 1; c < r.length; l = c++) {
-    const m = r[c].x, u = r[c].y, i = r[l].x, p = r[l].y;
-    u > o != p > o && t < (i - m) * (o - u) / (p - u) + m && (a = !a);
+  for (let i = 0, l = r.length - 1; i < r.length; l = i++) {
+    const v = r[i].x, d = r[i].y, c = r[l].x, p = r[l].y;
+    d > o != p > o && t < (c - v) * (o - d) / (p - d) + v && (a = !a);
   }
   return a;
 }
-function ur(e) {
+function jr(e) {
   const r = e.slice();
-  return r.sort((t, o) => t.x < o.x ? -1 : t.x > o.x ? 1 : t.y < o.y ? -1 : t.y > o.y ? 1 : 0), pr(r);
+  return r.sort((t, o) => t.x < o.x ? -1 : t.x > o.x ? 1 : t.y < o.y ? -1 : t.y > o.y ? 1 : 0), Or(r);
 }
-function pr(e) {
+function Or(e) {
   if (e.length <= 1) return e.slice();
   const r = [];
   for (let o = 0; o < e.length; o++) {
     const a = e[o];
     for (; r.length >= 2; ) {
-      const c = r[r.length - 1], l = r[r.length - 2];
-      if ((c.x - l.x) * (a.y - l.y) >= (c.y - l.y) * (a.x - l.x)) r.pop();
+      const i = r[r.length - 1], l = r[r.length - 2];
+      if ((i.x - l.x) * (a.y - l.y) >= (i.y - l.y) * (a.x - l.x)) r.pop();
       else break;
     }
     r.push(a);
@@ -901,53 +1039,53 @@ function pr(e) {
   for (let o = e.length - 1; o >= 0; o--) {
     const a = e[o];
     for (; t.length >= 2; ) {
-      const c = t[t.length - 1], l = t[t.length - 2];
-      if ((c.x - l.x) * (a.y - l.y) >= (c.y - l.y) * (a.x - l.x)) t.pop();
+      const i = t[t.length - 1], l = t[t.length - 2];
+      if ((i.x - l.x) * (a.y - l.y) >= (i.y - l.y) * (a.x - l.x)) t.pop();
       else break;
     }
     t.push(a);
   }
   return t.pop(), r.length === 1 && t.length === 1 && r[0].x === t[0].x && r[0].y === t[0].y ? r : r.concat(t);
 }
-var fr = ue, vr = pe, mr = fe, xr = me, hr = xe, wr = he;
-const Tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var Dr = we, kr = ge, Ir = ye, Mr = Ee, Lr = Ce, Fr = Pe;
+const Vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Arrow: wr,
-  Content: hr,
-  Portal: xr,
-  Provider: fr,
-  Root: vr,
-  Tooltip: pe,
-  TooltipArrow: he,
-  TooltipContent: xe,
-  TooltipPortal: me,
-  TooltipProvider: ue,
-  TooltipTrigger: fe,
-  Trigger: mr,
-  createTooltipScope: Qt
-}, Symbol.toStringTag, { value: "Module" })), { Provider: gr, Root: yr, Trigger: br, Portal: Er, Content: Cr, Arrow: Pr } = Tr, _r = ({
+  Arrow: Fr,
+  Content: Lr,
+  Portal: Mr,
+  Provider: Dr,
+  Root: kr,
+  Tooltip: ge,
+  TooltipArrow: Pe,
+  TooltipContent: Ce,
+  TooltipPortal: Ee,
+  TooltipProvider: we,
+  TooltipTrigger: ye,
+  Trigger: Ir,
+  createTooltipScope: hr
+}, Symbol.toStringTag, { value: "Module" })), { Provider: $r, Root: Hr, Trigger: Kr, Portal: Wr, Content: zr, Arrow: Ur } = Vr, Jr = ({
   children: e,
   className: r,
   defaultOpen: t,
   side: o,
   content: a,
-  delayDuration: c = 0,
+  delayDuration: i = 0,
   isDisabled: l = !1
-}) => /* @__PURE__ */ s.jsx(gr, { children: /* @__PURE__ */ s.jsxs(yr, { defaultOpen: t, delayDuration: c, children: [
-  /* @__PURE__ */ s.jsx(br, { asChild: !0, children: /* @__PURE__ */ s.jsx("div", { children: e }) }),
-  !l && /* @__PURE__ */ s.jsx(Er, { children: /* @__PURE__ */ s.jsxs(
-    Cr,
+}) => /* @__PURE__ */ s.jsx($r, { children: /* @__PURE__ */ s.jsxs(Hr, { defaultOpen: t, delayDuration: i, children: [
+  /* @__PURE__ */ s.jsx(Kr, { asChild: !0, children: /* @__PURE__ */ s.jsx("div", { children: e }) }),
+  !l && /* @__PURE__ */ s.jsx(Wr, { children: /* @__PURE__ */ s.jsxs(
+    zr,
     {
       side: o,
       sideOffset: 5,
-      className: P(Ee.content, r),
+      className: P(Oe.content, r),
       children: [
         a,
-        /* @__PURE__ */ s.jsx(Pr, { className: Ee.arrow })
+        /* @__PURE__ */ s.jsx(Ur, { className: Oe.arrow })
       ]
     }
   ) })
-] }) }), Ee = {
+] }) }), Oe = {
   content: P(
     "font-mono select-none w-auto h-auto max-size-32 rounded-[5px] bg-dark-30 px-4 py-2 text-[10px] text-start leading-none text-sidebar-10 z-50",
     "animate-tooltipFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
@@ -956,41 +1094,42 @@ const Tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade"
   ),
   arrow: "fill-dark-30"
-}, Dr = ({
+}, Zr = ({
   value: e,
   onValueChange: r,
   classNames: t = {},
   count: o = 3,
   ...a
-}) => /* @__PURE__ */ s.jsx(vt, { value: e, onValueChange: r, children: /* @__PURE__ */ s.jsx(
-  mt,
+}) => /* @__PURE__ */ s.jsx(Rt, { value: e, onValueChange: r, children: /* @__PURE__ */ s.jsx(
+  St,
   {
-    className: P(re.container, t.container),
+    className: P(ce.container, t.container),
     ...a,
-    children: Array.from({ length: o }).map((c, l) => /* @__PURE__ */ s.jsx(
-      xt,
+    children: Array.from({ length: o }).map((i, l) => /* @__PURE__ */ s.jsx(
+      At,
       {
         value: String(l),
         className: P(
-          re.dot,
-          l <= Number(e) && re.dotActive,
+          ce.dot,
+          l <= Number(e) && ce.dotActive,
           t.trigger
         )
       },
       l
     ))
   }
-) }), re = {
+) }), ce = {
   container: "flex items-center gap-1",
   dot: "size-2 rounded-full bg-dark-30/[.20] transition-colors focus:outline-none focus:ring-offset-0 focus:ring-primary-10",
   dotActive: "bg-primary-10"
 };
 export {
-  kr as N,
-  Sr as S,
-  _r as T,
-  Dr as a,
-  re as b,
+  mr as N,
+  Qr as S,
+  Br as T,
+  Jr as a,
+  Zr as b,
+  ce as c,
   D as s,
-  Ee as t
+  Oe as t
 };