react-toast-master 2.3.0 → 3.0.1

package/dist/index.es.js

@@ -0,0 +1,774 @@
+import { jsx as o, jsxs as l, Fragment as z } from "react/jsx-runtime";
+import ue, { useContext as U, createContext as Z, forwardRef as Y, createElement as H, useState as _e, useRef as O, useEffect as R, useCallback as x } from "react";
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const J = (...e) => e.filter((n, s, r) => !!n && n.trim() !== "" && r.indexOf(n) === s).join(" ").trim();
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const he = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fe = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (n, s, r) => r ? r.toUpperCase() : s.toLowerCase()
+);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const K = (e) => {
+  const n = fe(e);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+};
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var P = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const me = (e) => {
+  for (const n in e)
+    if (n.startsWith("aria-") || n === "role" || n === "title")
+      return !0;
+  return !1;
+}, ge = Z({}), we = () => U(ge), ye = Y(
+  ({ color: e, size: n, strokeWidth: s, absoluteStrokeWidth: r, className: m = "", children: _, iconNode: y, ...d }, i) => {
+    const {
+      size: g = 24,
+      strokeWidth: h = 2,
+      absoluteStrokeWidth: D = !1,
+      color: F = "currentColor",
+      className: S = ""
+    } = we() ?? {}, t = r ?? D ? Number(s ?? h) * 24 / Number(n ?? g) : s ?? h;
+    return H(
+      "svg",
+      {
+        ref: i,
+        ...P,
+        width: n ?? g ?? P.width,
+        height: n ?? g ?? P.height,
+        stroke: e ?? F,
+        strokeWidth: t,
+        className: J("lucide", S, m),
+        ...!_ && !me(d) && { "aria-hidden": "true" },
+        ...d
+      },
+      [
+        ...y.map(([a, c]) => H(a, c)),
+        ...Array.isArray(_) ? _ : [_]
+      ]
+    );
+  }
+);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const B = (e, n) => {
+  const s = Y(
+    ({ className: r, ...m }, _) => H(ye, {
+      ref: _,
+      iconNode: n,
+      className: J(
+        `lucide-${he(K(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...m
+    })
+  );
+  return s.displayName = K(e), s;
+};
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ke = [
+  ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
+  ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
+], pe = B("check-check", ke);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const be = [
+  ["path", { d: "M10.1 2.182a10 10 0 0 1 3.8 0", key: "5ilxe3" }],
+  ["path", { d: "M13.9 21.818a10 10 0 0 1-3.8 0", key: "11zvb9" }],
+  ["path", { d: "M17.609 3.721a10 10 0 0 1 2.69 2.7", key: "1iw5b2" }],
+  ["path", { d: "M2.182 13.9a10 10 0 0 1 0-3.8", key: "c0bmvh" }],
+  ["path", { d: "M20.279 17.609a10 10 0 0 1-2.7 2.69", key: "1ruxm7" }],
+  ["path", { d: "M21.818 10.1a10 10 0 0 1 0 3.8", key: "qkgqxc" }],
+  ["path", { d: "M3.721 6.391a10 10 0 0 1 2.7-2.69", key: "1mcia2" }],
+  ["path", { d: "M6.391 20.279a10 10 0 0 1-2.69-2.7", key: "1fvljs" }]
+], xe = B("circle-dashed", be);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ce = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+], ve = B("circle-x", Ce);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $e = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], Te = B("info", $e);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ne = [
+  ["path", { d: "M12 17v5", key: "bb1du9" }],
+  [
+    "path",
+    {
+      d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
+      key: "1nkz8b"
+    }
+  ]
+], Me = B("pin", Ne);
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const De = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], V = B("x", De), f = {
+  // Text color classes for different toast types
+  textClasses: {
+    success: "text_success",
+    error: "text_error",
+    loading: "text_warning",
+    warning: "text_warning",
+    warningStay: "text_warning",
+    info: "text_info",
+    infoStay: "text_info",
+    confirm: "text_white",
+    basic: "text_white",
+    successWhite: "text_white",
+    errorWhite: "text_white",
+    loadingWhite: "text_white",
+    warningWhite: "text_white",
+    warningStayWhite: "text_white",
+    infoWhite: "text_white",
+    infoStayWhite: "text_white",
+    successDark: "text_dark",
+    errorDark: "text_dark",
+    loadingDark: "text_dark",
+    warningDark: "text_dark",
+    warningStayDark: "text_dark",
+    infoDark: "text_dark",
+    infoStayDark: "text_dark",
+    confirmDark: "text_dark",
+    basicDark: "text_dark"
+  },
+  // Background classes
+  backgroundClasses: {
+    success: "bg_success",
+    error: "bg_error",
+    warning: "bg_warning",
+    info: "bg_info",
+    glass: "bg_glass",
+    white: "bg_white",
+    dark: "bg_dark",
+    gray: "bg_gray",
+    transparent: "bg_transparent"
+  },
+  // Position classes
+  positionClasses: {
+    top: "top",
+    topFull: "topFull",
+    topLeft: "topLeft",
+    topRight: "topRight",
+    bottom: "bottom",
+    bottomFull: "bottomFull",
+    bottomLeft: "bottomLeft",
+    bottomRight: "bottomRight",
+    center: "middle"
+  },
+  // Animation classes
+  animationClasses: {
+    down: "ani_down",
+    top: "ani_top",
+    left: "ani_left",
+    right: "ani_right",
+    fade: "ani_fade",
+    zoom: "ani_zoom",
+    jelly: "ani_jelly"
+  },
+  // Alignment classes
+  alignmentClasses: {
+    left: "text_start",
+    right: "text_end",
+    center: "text_center"
+  },
+  // Skew classes
+  skewClasses: {
+    three: "right3",
+    six: "right6",
+    twelve: "right12"
+  },
+  // Shadow classes
+  shadowClasses: {
+    none: "",
+    gray: "box_shadow",
+    block: "box_shadow_block",
+    error: "shadow_error",
+    white: "shadow_white",
+    dark: "shadow_dark",
+    success: "shadow_success",
+    info: "shadow_info",
+    warning: "shadow_warning",
+    around: "shadow_around"
+  },
+  // Border radius classes
+  radiusClasses: {
+    none: "rounded_none",
+    sm: "rounded_sm",
+    md: "rounded_md",
+    lg: "rounded_lg",
+    xl: "rounded_xl",
+    twoXl: "rounded_2xl",
+    full: "rounded_full"
+  }
+}, u = {
+  // Types that auto-hide
+  autoHideTypes: [
+    "success",
+    "successWhite",
+    "successDark",
+    "error",
+    "errorWhite",
+    "errorDark",
+    "warning",
+    "warningWhite",
+    "warningDark",
+    "info",
+    "infoWhite",
+    "infoDark",
+    "basic",
+    "basicDark"
+  ],
+  stayTypes: [
+    "infoStay",
+    "infoStayWhite",
+    "infoStayDark",
+    "warningStay",
+    "warningStayWhite",
+    "warningStayDark",
+    "customStay"
+  ],
+  // Types that show an overlay
+  overlayTypes: ["confirm", "confirmDark"],
+  // Types that need special loading handling
+  loadingTypes: ["loading", "loadingWhite", "loadingDark"],
+  // Durations
+  durations: {
+    standard: 4500,
+    afterHover: 1500,
+    animationClose: 300,
+    loadingFooterDelay: 5330,
+    loadingCloseButtonDelay: 5e3
+  }
+}, Fe = ({ footer: e, toastAlignment: n, toastBG: s }) => /* @__PURE__ */ o("div", { className: `_footer toast_width ${n} ${Se[s]}`, children: e }), Se = {
+  dark: "footer_dark",
+  warning: "footer_dark",
+  white: "footer_white",
+  info: "footer_info",
+  error: "footer_error",
+  success: "footer_success",
+  gray: "footer_success",
+  glass: "footer_success",
+  transparent: "footer_success"
+}, X = ({ footer: e, toastAlignment: n, toastBG: s }) => /* @__PURE__ */ o("div", { className: `innerFooter ${n} ${Be[s]}`, children: e }), Be = {
+  dark: "footer_dark",
+  warning: "footer_dark",
+  white: "footer_white",
+  info: "footer_info",
+  error: "footer_error",
+  success: "footer_success",
+  gray: "footer_success",
+  glass: "footer_success",
+  transparent: "footer_success"
+}, Le = ({ toastAlignment: e, toastBG: n, loadFooter: s }) => /* @__PURE__ */ o("div", { className: `_footer toast_width reveal_ani ${e} ${Ae[n]}`, children: s }), Ae = {
+  dark: "footer_dark",
+  warning: "footer_dark",
+  white: "footer_white",
+  info: "footer_info",
+  error: "footer_error",
+  success: "footer_success",
+  gray: "footer_success",
+  glass: "footer_success",
+  transparent: "footer_success"
+}, We = ({ toast: e, onHide: n, onConfirm: s, onCancel: r, onMouseEnter: m, onMouseLeave: _, setToasts: y }) => {
+  const d = Object.keys(f.positionClasses).find(
+    (t) => f.positionClasses[t] === e.position
+  ), i = Object.keys(f.backgroundClasses).find(
+    (t) => f.backgroundClasses[t] === e.background
+  ), g = d === "bottomFull" || d === "topFull", h = u.overlayTypes.includes(e.type), D = e.type === "basic" || e.type === "basicDark", F = e.type === "custom" || e.type === "customStay", S = (t) => t.includes("success") ? /* @__PURE__ */ o(pe, {}) : t.includes("error") ? /* @__PURE__ */ o(ve, {}) : t.includes("loading") ? /* @__PURE__ */ o(xe, { className: "animate_spin" }) : t.includes("warning") ? /* @__PURE__ */ o(Te, {}) : t.includes("info") ? /* @__PURE__ */ o(Me, { className: "rotate_deg" }) : null;
+  return /* @__PURE__ */ l(ue.Fragment, { children: [
+    e.showOverlay && /* @__PURE__ */ o("div", { className: `overlay ${e.showOverlay ? "show" : ""}` }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `
+							outer_container 
+							${e.position} 
+							${e.animation}
+							${e.isExiting ? "exiting" : ""}
+						`,
+        style: { zIndex: 9999 },
+        onAnimationEnd: () => {
+          e.isExiting && y((t) => t.filter((a) => a.id !== e.id));
+        },
+        children: F ? /* @__PURE__ */ o(
+          "div",
+          {
+            className: `inner_container ${g ? "toast_width_full" : "max_width"} ${e.radius}`,
+            onMouseEnter: () => m(e.id, e.type),
+            onMouseLeave: () => _(e.id, e.type),
+            children: e.custom
+          }
+        ) : h ? /* @__PURE__ */ o(
+          "div",
+          {
+            className: `inner_container ${g ? "toast_width_full" : "max_width"} ${f.textClasses[e.type]} ${e.background} ${e.skew} ${e.shadow} ${e.radius}`,
+            onMouseEnter: () => m(e.id, e.type),
+            onMouseLeave: () => _(e.id, e.type),
+            children: /* @__PURE__ */ l("div", { className: h ? "toast_width_confirm" : "toast_width", children: [
+              /* @__PURE__ */ l("div", { className: `confirm_message ${e.alignment}`, children: [
+                !D && /* @__PURE__ */ l("div", { children: [
+                  /* @__PURE__ */ o("span", { className: "sr_only", children: "toast icon" }),
+                  /* @__PURE__ */ o("span", { "aria-hidden": "true", children: S(e.type) })
+                ] }),
+                /* @__PURE__ */ o(z, { children: e.message }),
+                /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: `closeDiv ${e.showCloseButton && e.showButton && !h ? "div_flex" : "div_hidden"}`,
+                    children: /* @__PURE__ */ l(
+                      "button",
+                      {
+                        onClick: () => n(e.id),
+                        id: `close-${e.id}`,
+                        className: `closeButton ${i === "white" ? "bg_whiter" : i === "glass" || i === "transparent" ? "bg_glass_close" : "bg_darker"}`,
+                        children: [
+                          /* @__PURE__ */ o("span", { className: "sr_only", children: "close toast" }),
+                          /* @__PURE__ */ o(
+                            V,
+                            {
+                              "aria-hidden": "true",
+                              size: 18
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                )
+              ] }),
+              e.footer && /* @__PURE__ */ o(
+                X,
+                {
+                  footer: e.footer,
+                  toastBG: i,
+                  toastAlignment: e.alignment
+                }
+              ),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  className: `confirm_div ${e.alignment === "text_start" ? "justify_end" : e.alignment === "text_end" ? "justify_start" : e.alignment === "text_center" ? "justify_center" : null}`,
+                  children: [
+                    /* @__PURE__ */ l(
+                      "button",
+                      {
+                        className: `cancel_button ${i === "white" ? "cancel_button_dark" : i === "success" || i === "warning" || i === "error" || i === "info" || i === "dark" ? "cancel_button_all" : "cancel_button_glass"}`,
+                        onClick: () => r(e.id),
+                        children: [
+                          /* @__PURE__ */ o("span", { className: "sr_only", children: "close toast" }),
+                          "Cancel"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      "button",
+                      {
+                        className: `confirm_button ${i === "dark" ? "confirm_button_dark" : "confirm_button_white"}`,
+                        onClick: () => s(e.id),
+                        children: [
+                          /* @__PURE__ */ o("span", { className: "sr_only", children: "confirm action" }),
+                          "Confirm"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          }
+        ) : /* @__PURE__ */ l(
+          "div",
+          {
+            className: `inner_container ${g ? "toast_width_full" : "max_width"} ${f.textClasses[e.type]} ${e.background} ${e.skew} ${e.shadow} ${e.radius}`,
+            onMouseEnter: () => m(e.id, e.type),
+            onMouseLeave: () => _(e.id, e.type),
+            children: [
+              /* @__PURE__ */ l("div", { className: h ? "toast_width_confirm" : "toast_width", children: [
+                /* @__PURE__ */ l("div", { className: `toast_message ${e.alignment}`, children: [
+                  !h && !D && /* @__PURE__ */ l("div", { children: [
+                    /* @__PURE__ */ o("span", { className: "sr_only", children: "toast icon" }),
+                    /* @__PURE__ */ o("span", { "aria-hidden": "true", children: S(e.type) })
+                  ] }),
+                  /* @__PURE__ */ o(z, { children: e.message }),
+                  /* @__PURE__ */ o(
+                    "div",
+                    {
+                      className: `closeDiv ${e.showCloseButton && e.showButton && !h ? "div_flex" : "div_hidden"}`,
+                      children: /* @__PURE__ */ l(
+                        "button",
+                        {
+                          onClick: () => n(e.id),
+                          id: `close-${e.id}`,
+                          className: `closeButton
+														${i === "white" ? "bg_whiter" : i === "glass" || i === "transparent" ? "bg_glass_close" : "bg_darker"}`,
+                          children: [
+                            /* @__PURE__ */ o("span", { className: "sr_only", children: "close toast" }),
+                            /* @__PURE__ */ o(
+                              V,
+                              {
+                                "aria-hidden": "true",
+                                size: 18
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                h && e.footer && /* @__PURE__ */ o(
+                  X,
+                  {
+                    footer: e.footer,
+                    toastBG: i,
+                    toastAlignment: e.alignment
+                  }
+                ),
+                h && /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: `confirm_div
+													${e.alignment === "text_start" ? "justify_end" : e.alignment === "text_end" ? "justify_start" : e.alignment === "text_center" ? "justify_center" : null}
+													`,
+                    children: [
+                      /* @__PURE__ */ l(
+                        "button",
+                        {
+                          className: `cancel_button ${i === "white" ? "cancel_button_dark" : i === "success" || i === "warning" || i === "error" || i === "info" || i === "dark" ? "cancel_button_all" : "cancel_button_glass"}`,
+                          onClick: () => r(e.id),
+                          children: [
+                            /* @__PURE__ */ o("span", { className: "sr_only", children: "close toast" }),
+                            "Cancel"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ l(
+                        "button",
+                        {
+                          className: `confirm_button
+														${i === "dark" ? "confirm_button_dark" : "confirm_button_white"}`,
+                          onClick: () => s(e.id),
+                          children: [
+                            /* @__PURE__ */ o("span", { className: "sr_only", children: "confirm action" }),
+                            "Confirm"
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l(z, { children: [
+                !h && !g && e.footer && /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+                  Fe,
+                  {
+                    footer: e.footer,
+                    toastBG: i,
+                    toastAlignment: e.alignment
+                  }
+                ) }),
+                !h && !g && e.showLoadFooter && e.loadFooter && /* @__PURE__ */ o(
+                  Le,
+                  {
+                    toastAlignment: e.alignment,
+                    toastBG: i,
+                    loadFooter: e.loadFooter
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] }, e.id);
+}, G = (e, n) => {
+  let r = {
+    ani_top: "ani_slide_out_up",
+    ani_down: "ani_slide_out_down",
+    ani_left: "ani_slide_out_left",
+    ani_right: "ani_slide_out_right",
+    ani_jelly: "ani_jelly_out",
+    ani_zoom: "ani_zoom_out",
+    ani_fade: "ani_fade_out"
+  }[e] || "ani_fade_out";
+  return n && ["bottomFull", "topFull"].includes(n) && (r = "ani_fade_out_full"), r;
+}, Ee = () => {
+  const [e, n] = _e([]), s = O(/* @__PURE__ */ new Map()), r = O(/* @__PURE__ */ new Map()), m = O(e);
+  R(() => {
+    m.current = e;
+  }, [e]);
+  const _ = x(() => `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, []), y = x((t) => {
+    r.current.has(t) && (clearTimeout(r.current.get(t)), r.current.delete(t));
+  }, []), d = x((t) => {
+    var C, v;
+    const a = t ?? ((v = (C = m.current) == null ? void 0 : C[m.current.length - 1]) == null ? void 0 : v.id);
+    if (!a) return;
+    n((k) => {
+      const T = k.findIndex((A) => A.id === a);
+      if (T === -1) return k;
+      const L = k[T], E = Object.keys(f.positionClasses).find(
+        (A) => f.positionClasses[A] === L.position
+      ), I = G(L.animation, E), W = [...k];
+      return W[T] = { ...L, animation: I, isExiting: !0 }, W;
+    });
+    const c = setTimeout(() => {
+      n((k) => k.filter((T) => T.id !== a)), s.current.delete(a);
+    }, u.durations.animationClose);
+    r.current.set(a, c);
+  }, []), i = x(
+    (t) => {
+      n((a) => {
+        const c = a.findIndex((k) => k.id === t);
+        if (c === -1) return a;
+        const C = [...a], v = C[c];
+        return C[c] = {
+          ...v,
+          animation: G(v.animation, v.position)
+        }, C;
+      }), y(t), r.current.set(
+        t,
+        setTimeout(() => {
+          s.current.has(t) && (s.current.get(t)(!0), s.current.delete(t)), n((a) => a.filter((c) => c.id !== t));
+        }, u.durations.animationClose)
+      );
+    },
+    [y]
+  ), g = x(
+    (t) => {
+      s.current.has(t) && (s.current.get(t)(!1), s.current.delete(t)), d(t);
+    },
+    [d]
+  ), h = x(
+    (t, a) => {
+      u.autoHideTypes.includes(a) && y(t);
+    },
+    [y]
+  ), D = x(
+    (t, a) => {
+      u.autoHideTypes.includes(a) && r.current.set(
+        t,
+        setTimeout(() => d(t), u.durations.afterHover)
+      );
+    },
+    [d]
+  ), F = x(
+    (t, a) => {
+      const {
+        type: c = "success",
+        message: C = "",
+        bg: v = "white",
+        position: k = "top",
+        transition: T = "zoom",
+        loadFooter: L = null,
+        footer: E = null,
+        skew: I = "",
+        cancelButton: W = !0,
+        shadow: A = "gray",
+        radius: ee = "lg",
+        align: te = "center",
+        timeout: q = u.durations.standard,
+        custom: ne = null
+      } = t, N = _(), oe = f.backgroundClasses[v] || "", se = f.positionClasses[k] || "", ie = f.animationClasses[T] || "", re = f.skewClasses[I] || "", ae = f.shadowClasses[A] || "", ce = f.radiusClasses[ee] || "", le = f.alignmentClasses[te] || "", j = {
+        id: N,
+        type: c,
+        message: C,
+        position: se,
+        background: oe,
+        animation: ie,
+        skew: re,
+        shadow: ae,
+        radius: ce,
+        alignment: le,
+        footer: E,
+        loadFooter: L,
+        showButton: W,
+        showCloseButton: !0,
+        showLoadFooter: !1,
+        showOverlay: u.overlayTypes.includes(c),
+        timeout: q,
+        custom: ne
+      };
+      return u.loadingTypes.includes(c) && (j.showCloseButton = !1, j.showLoadFooter = !1), n((p) => {
+        const $ = p.filter((w) => !w.isExiting);
+        let b = [...p];
+        if ($.length >= 3) {
+          const w = $[0];
+          b = b.map(
+            (M) => M.id === w.id ? {
+              ...M,
+              isExiting: !0,
+              animation: G(M.animation, M.position)
+            } : M
+          ), setTimeout(() => {
+            n(
+              (M) => M.filter((de) => de.id !== w.id)
+            ), r.current.has(w.id) && (clearTimeout(r.current.get(w.id)), r.current.delete(w.id));
+          }, u.durations.animationClose);
+        }
+        return [...b, j];
+      }), u.loadingTypes.includes(c) && (setTimeout(() => {
+        n((p) => {
+          const $ = p.findIndex((w) => w.id === N);
+          if ($ === -1) return p;
+          const b = [...p];
+          return b[$].showCloseButton = !0, b;
+        });
+      }, u.durations.loadingCloseButtonDelay), setTimeout(() => {
+        n((p) => {
+          const $ = p.findIndex((w) => w.id === N);
+          if ($ === -1) return p;
+          const b = [...p];
+          return b[$].showLoadFooter = !0, b;
+        });
+      }, u.durations.loadingFooterDelay)), u.overlayTypes.includes(c) && a && s.current.set(N, a), !u.stayTypes.includes(c) && !u.loadingTypes.includes(c) && !u.overlayTypes.includes(c) && r.current.set(
+        N,
+        setTimeout(() => d(N), q)
+      ), N;
+    },
+    [_, d]
+  ), S = x(
+    (t) => new Promise((a) => F(t, a)),
+    [F]
+  );
+  return R(() => {
+    const t = (a) => {
+      if (a.key === "Escape" && e.length > 0) {
+        const c = e[e.length - 1];
+        c && d(c.id);
+      }
+    };
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [d, e]), R(() => () => {
+    r.current.forEach((t) => clearTimeout(t)), r.current.clear();
+  }, []), {
+    toasts: e,
+    setToasts: n,
+    toastMaster: S,
+    hideToast: d,
+    handleConfirm: i,
+    handleCancel: g,
+    handleMouseEnter: h,
+    handleMouseLeave: D
+  };
+}, Q = Z(null), ze = ({ children: e }) => {
+  const {
+    toasts: n,
+    setToasts: s,
+    toastMaster: r,
+    hideToast: m,
+    handleConfirm: _,
+    handleCancel: y,
+    handleMouseEnter: d,
+    handleMouseLeave: i
+  } = Ee();
+  return /* @__PURE__ */ l(Q.Provider, { value: { toastMaster: r, hideToast: m }, children: [
+    e,
+    n.map((g) => /* @__PURE__ */ o(
+      We,
+      {
+        toast: g,
+        setToasts: s,
+        onHide: m,
+        onConfirm: _,
+        onCancel: y,
+        onMouseEnter: d,
+        onMouseLeave: i
+      },
+      g.id
+    ))
+  ] });
+}, Oe = () => {
+  const e = U(Q);
+  if (!e)
+    throw new Error("useToast must be used within a ToastProvider");
+  return e;
+};
+export {
+  Q as ToastContext,
+  ze as ToastProvider,
+  Oe as useToast
+};