@ck-ui/component-library 0.2.0 → 0.3.0

package/dist/index-C8cPPHJD.js

@@ -0,0 +1,1196 @@
+import b, { useState as Q, useRef as N, useEffect as U, useLayoutEffect as at, useSyncExternalStore as yt, isValidElement as H, cloneElement as J } from "react";
+import { c as D } from "./clsx-OuTLNxxd.js";
+var M = (t) => typeof t == "number" && !isNaN(t), A = (t) => typeof t == "string", $ = (t) => typeof t == "function", ut = (t) => A(t) || M(t), W = (t) => A(t) || $(t) ? t : null, mt = (t, e) => t === !1 || M(t) && t > 0 ? t : e, j = (t) => H(t) || A(t) || $(t) || M(t);
+function pt(t, e, o = 300) {
+  let { scrollHeight: s, style: i } = t;
+  requestAnimationFrame(() => {
+    i.minHeight = "initial", i.height = s + "px", i.transition = `all ${o}ms`, requestAnimationFrame(() => {
+      i.height = "0", i.padding = "0", i.margin = "0", setTimeout(e, o);
+    });
+  });
+}
+function _t({ enter: t, exit: e, appendPosition: o = !1, collapse: s = !0, collapseDuration: i = 300 }) {
+  return function({ children: l, position: a, preventExitTransition: d, done: f, nodeRef: u, isIn: _, playToast: x }) {
+    let w = o ? `${t}--${a}` : t, k = o ? `${e}--${a}` : e, I = N(0);
+    return at(() => {
+      let T = u.current, p = w.split(" "), m = (r) => {
+        r.target === u.current && (x(), T.removeEventListener("animationend", m), T.removeEventListener("animationcancel", m), I.current === 0 && r.type !== "animationcancel" && T.classList.remove(...p));
+      };
+      T.classList.add(...p), T.addEventListener("animationend", m), T.addEventListener("animationcancel", m);
+    }, []), U(() => {
+      let T = u.current, p = () => {
+        T.removeEventListener("animationend", p), s ? pt(T, f, i) : f();
+      };
+      _ || (d ? p() : (I.current = 1, T.className += ` ${k}`, T.addEventListener("animationend", p)));
+    }, [_]), b.createElement(b.Fragment, null, l);
+  };
+}
+function et(t, e) {
+  return { content: rt(t.content, t.props), containerId: t.props.containerId, id: t.props.toastId, theme: t.props.theme, type: t.props.type, data: t.props.data || {}, isLoading: t.props.isLoading, icon: t.props.icon, reason: t.removalReason, status: e };
+}
+function rt(t, e, o = !1) {
+  return H(t) && !A(t.type) ? J(t, { closeToast: e.closeToast, toastProps: e, data: e.data, isPaused: o }) : $(t) ? t({ closeToast: e.closeToast, toastProps: e, data: e.data, isPaused: o }) : t;
+}
+function gt({ closeToast: t, theme: e, ariaLabel: o = "close" }) {
+  return b.createElement("button", { className: `Toastify__close-button Toastify__close-button--${e}`, type: "button", onClick: (s) => {
+    s.stopPropagation(), t(!0);
+  }, "aria-label": o }, b.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, b.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
+}
+function vt({ delay: t, isRunning: e, closeToast: o, type: s = "default", hide: i, className: l, controlledProgress: a, progress: d, rtl: f, isIn: u, theme: _ }) {
+  let x = i || a && d === 0, w = { animationDuration: `${t}ms`, animationPlayState: e ? "running" : "paused" };
+  a && (w.transform = `scaleX(${d})`);
+  let k = D("Toastify__progress-bar", a ? "Toastify__progress-bar--controlled" : "Toastify__progress-bar--animated", `Toastify__progress-bar-theme--${_}`, `Toastify__progress-bar--${s}`, { "Toastify__progress-bar--rtl": f }), I = $(l) ? l({ rtl: f, type: s, defaultClassName: k }) : D(k, l), T = { [a && d >= 1 ? "onTransitionEnd" : "onAnimationEnd"]: a && d < 1 ? null : () => {
+    u && o();
+  } };
+  return b.createElement("div", { className: "Toastify__progress-bar--wrp", "data-hidden": x }, b.createElement("div", { className: `Toastify__progress-bar--bg Toastify__progress-bar-theme--${_} Toastify__progress-bar--${s}` }), b.createElement("div", { role: "progressbar", "aria-hidden": x ? "true" : "false", "aria-label": "notification timer", "aria-valuenow": a ? Math.round(d * 100) : void 0, "aria-valuemin": 0, "aria-valuemax": 100, className: I, style: w, ...T }));
+}
+var bt = 1, st = () => `${bt++}`;
+function Tt(t, e, o) {
+  let s = 1, i = 0, l = [], a = [], d = e, f = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), _ = (r) => (u.add(r), () => u.delete(r)), x = () => {
+    a = Array.from(f.values()), u.forEach((r) => r());
+  }, w = ({ containerId: r, toastId: n, updateId: c }) => {
+    let h = r ? r !== t : t !== 1, C = f.has(n) && c == null;
+    return h || C;
+  }, k = (r, n) => {
+    f.forEach((c) => {
+      var h;
+      (n == null || n === c.props.toastId) && ((h = c.toggle) == null || h.call(c, r));
+    });
+  }, I = (r) => {
+    var n, c;
+    r.isActive && ((c = (n = r.props) == null ? void 0 : n.onClose) == null || c.call(n, r.removalReason), r.isActive = !1, o(et(r, "removed")));
+  }, T = (r) => {
+    if (r == null) f.forEach(I);
+    else {
+      let n = f.get(r);
+      n && I(n);
+    }
+    x();
+  }, p = () => {
+    i -= l.length, l = [];
+  }, m = (r) => {
+    var n, c;
+    let { toastId: h, updateId: C } = r.props, y = C == null;
+    r.staleId && f.delete(r.staleId), r.isActive = !0, f.set(h, r), x(), o(et(r, y ? "added" : "updated")), y && ((c = (n = r.props).onOpen) == null || c.call(n));
+  };
+  return { id: t, props: d, observe: _, toggle: k, removeToast: T, toasts: f, clearQueue: p, buildToast: (r, n) => {
+    if (w(n)) return;
+    let { toastId: c, updateId: h, data: C, staleId: y, delay: v } = n, L = h == null;
+    L && i++;
+    let O = { ...d, style: d.toastStyle, key: s++, ...Object.fromEntries(Object.entries(n).filter(([S, P]) => P != null)), toastId: c, updateId: h, data: C, isIn: !1, className: W(n.className || d.toastClassName), progressClassName: W(n.progressClassName || d.progressClassName), autoClose: n.isLoading ? !1 : mt(n.autoClose, d.autoClose), closeToast(S) {
+      let P = f.get(c);
+      P && (P.removalReason = S, T(c));
+    }, deleteToast() {
+      if (f.get(c) != null) {
+        if (f.delete(c), i--, i < 0 && (i = 0), l.length > 0) {
+          m(l.shift());
+          return;
+        }
+        x();
+      }
+    } };
+    O.closeButton = d.closeButton, n.closeButton === !1 || j(n.closeButton) ? O.closeButton = n.closeButton : n.closeButton === !0 && (O.closeButton = j(d.closeButton) ? d.closeButton : !0);
+    let z = { content: r, props: O, staleId: y };
+    d.limit && d.limit > 0 && i > d.limit && L ? l.push(z) : M(v) ? setTimeout(() => {
+      m(z);
+    }, v) : m(z);
+  }, setProps(r) {
+    d = r;
+  }, setToggle: (r, n) => {
+    let c = f.get(r);
+    c && (c.toggle = n);
+  }, isToastActive: (r) => {
+    var n;
+    return (n = f.get(r)) == null ? void 0 : n.isActive;
+  }, getSnapshot: () => a };
+}
+var E = /* @__PURE__ */ new Map(), R = [], G = /* @__PURE__ */ new Set(), ht = (t) => G.forEach((e) => e(t)), it = () => E.size > 0;
+function xt() {
+  R.forEach((t) => lt(t.content, t.options)), R = [];
+}
+var kt = (t, { containerId: e }) => {
+  var o;
+  return (o = E.get(e || 1)) == null ? void 0 : o.toasts.get(t);
+};
+function nt(t, e) {
+  var o;
+  if (e) return !!((o = E.get(e)) != null && o.isToastActive(t));
+  let s = !1;
+  return E.forEach((i) => {
+    i.isToastActive(t) && (s = !0);
+  }), s;
+}
+function wt(t) {
+  if (!it()) {
+    R = R.filter((e) => t != null && e.options.toastId !== t);
+    return;
+  }
+  if (t == null || ut(t)) E.forEach((e) => {
+    e.removeToast(t);
+  });
+  else if (t && ("containerId" in t || "id" in t)) {
+    let e = E.get(t.containerId);
+    e ? e.removeToast(t.id) : E.forEach((o) => {
+      o.removeToast(t.id);
+    });
+  }
+}
+var Et = (t = {}) => {
+  E.forEach((e) => {
+    e.props.limit && (!t.containerId || e.id === t.containerId) && e.clearQueue();
+  });
+};
+function lt(t, e) {
+  j(t) && (it() || R.push({ content: t, options: e }), E.forEach((o) => {
+    o.buildToast(t, e);
+  }));
+}
+function It(t) {
+  var e;
+  (e = E.get(t.containerId || 1)) == null || e.setToggle(t.id, t.fn);
+}
+function ft(t, e) {
+  E.forEach((o) => {
+    (e == null || !(e != null && e.containerId) || e?.containerId === o.id) && o.toggle(t, e?.id);
+  });
+}
+function Ct(t) {
+  let e = t.containerId || 1;
+  return { subscribe(o) {
+    let s = Tt(e, t, ht);
+    E.set(e, s);
+    let i = s.observe(o);
+    return xt(), () => {
+      i(), E.delete(e);
+    };
+  }, setProps(o) {
+    var s;
+    (s = E.get(e)) == null || s.setProps(o);
+  }, getSnapshot() {
+    var o;
+    return (o = E.get(e)) == null ? void 0 : o.getSnapshot();
+  } };
+}
+function Lt(t) {
+  return G.add(t), () => {
+    G.delete(t);
+  };
+}
+function Ot(t) {
+  return t && (A(t.toastId) || M(t.toastId)) ? t.toastId : st();
+}
+function B(t, e) {
+  return lt(t, e), e.toastId;
+}
+function F(t, e) {
+  return { ...e, type: e && e.type || t, toastId: Ot(e) };
+}
+function q(t) {
+  return (e, o) => B(e, F(t, o));
+}
+function g(t, e) {
+  return B(t, F("default", e));
+}
+g.loading = (t, e) => B(t, F("default", { isLoading: !0, autoClose: !1, closeOnClick: !1, closeButton: !1, draggable: !1, ...e }));
+function zt(t, { pending: e, error: o, success: s }, i) {
+  let l;
+  e && (l = A(e) ? g.loading(e, i) : g.loading(e.render, { ...i, ...e }));
+  let a = { isLoading: null, autoClose: null, closeOnClick: null, closeButton: null, draggable: null }, d = (u, _, x) => {
+    if (_ == null) {
+      g.dismiss(l);
+      return;
+    }
+    let w = { type: u, ...a, ...i, data: x }, k = A(_) ? { render: _ } : _;
+    return l ? g.update(l, { ...w, ...k }) : g(k.render, { ...w, ...k }), x;
+  }, f = $(t) ? t() : t;
+  return f.then((u) => d("success", s, u)).catch((u) => d("error", o, u)), f;
+}
+g.promise = zt;
+g.success = q("success");
+g.info = q("info");
+g.error = q("error");
+g.warning = q("warning");
+g.warn = g.warning;
+g.dark = (t, e) => B(t, F("default", { theme: "dark", ...e }));
+function $t(t) {
+  wt(t);
+}
+g.dismiss = $t;
+g.clearWaitingQueue = Et;
+g.isActive = nt;
+g.update = (t, e = {}) => {
+  let o = kt(t, e);
+  if (o) {
+    let { props: s, content: i } = o, l = { delay: 100, ...s, ...e, toastId: e.toastId || t, updateId: st() };
+    l.toastId !== t && (l.staleId = t);
+    let a = l.render || i;
+    delete l.render, B(a, l);
+  }
+};
+g.done = (t) => {
+  g.update(t, { progress: 1 });
+};
+g.onChange = Lt;
+g.play = (t) => ft(!0, t);
+g.pause = (t) => ft(!1, t);
+function Pt(t) {
+  var e;
+  let { subscribe: o, getSnapshot: s, setProps: i } = N(Ct(t)).current;
+  i(t);
+  let l = (e = yt(o, s, s)) == null ? void 0 : e.slice();
+  function a(d) {
+    if (!l) return [];
+    let f = /* @__PURE__ */ new Map();
+    return t.newestOnTop && l.reverse(), l.forEach((u) => {
+      let { position: _ } = u.props;
+      f.has(_) || f.set(_, []), f.get(_).push(u);
+    }), Array.from(f, (u) => d(u[0], u[1]));
+  }
+  return { getToastToRender: a, isToastActive: nt, count: l?.length };
+}
+function Dt(t) {
+  let [e, o] = Q(!1), [s, i] = Q(!1), l = N(null), a = N({ start: 0, delta: 0, removalDistance: 0, canCloseOnClick: !0, canDrag: !1, didMove: !1 }).current, { autoClose: d, pauseOnHover: f, closeToast: u, onClick: _, closeOnClick: x } = t;
+  It({ id: t.toastId, containerId: t.containerId, fn: o }), U(() => {
+    if (t.pauseOnFocusLoss) return w(), () => {
+      k();
+    };
+  }, [t.pauseOnFocusLoss]);
+  function w() {
+    document.hasFocus() || m(), window.addEventListener("focus", p), window.addEventListener("blur", m);
+  }
+  function k() {
+    window.removeEventListener("focus", p), window.removeEventListener("blur", m);
+  }
+  function I(y) {
+    if (t.draggable === !0 || t.draggable === y.pointerType) {
+      r();
+      let v = l.current;
+      a.canCloseOnClick = !0, a.canDrag = !0, v.style.transition = "none", t.draggableDirection === "x" ? (a.start = y.clientX, a.removalDistance = v.offsetWidth * (t.draggablePercent / 100)) : (a.start = y.clientY, a.removalDistance = v.offsetHeight * (t.draggablePercent === 80 ? t.draggablePercent * 1.5 : t.draggablePercent) / 100);
+    }
+  }
+  function T(y) {
+    let { top: v, bottom: L, left: O, right: z } = l.current.getBoundingClientRect();
+    y.pointerType === "mouse" && t.pauseOnHover && y.clientX >= O && y.clientX <= z && y.clientY >= v && y.clientY <= L ? m() : p();
+  }
+  function p() {
+    o(!0);
+  }
+  function m() {
+    o(!1);
+  }
+  function r() {
+    a.didMove = !1, document.addEventListener("pointermove", c), document.addEventListener("pointerup", h);
+  }
+  function n() {
+    document.removeEventListener("pointermove", c), document.removeEventListener("pointerup", h);
+  }
+  function c(y) {
+    let v = l.current;
+    if (a.canDrag && v) {
+      a.didMove = !0, e && m(), t.draggableDirection === "x" ? a.delta = y.clientX - a.start : a.delta = y.clientY - a.start, a.start !== y.clientX && (a.canCloseOnClick = !1);
+      let L = t.draggableDirection === "x" ? `${a.delta}px, var(--y)` : `0, calc(${a.delta}px + var(--y))`;
+      v.style.transform = `translate3d(${L},0)`, v.style.opacity = `${1 - Math.abs(a.delta / a.removalDistance)}`;
+    }
+  }
+  function h() {
+    n();
+    let y = l.current;
+    if (a.canDrag && a.didMove && y) {
+      if (a.canDrag = !1, Math.abs(a.delta) > a.removalDistance) {
+        i(!0), t.closeToast(!0), t.collapseAll();
+        return;
+      }
+      y.style.transition = "transform 0.2s, opacity 0.2s", y.style.removeProperty("transform"), y.style.removeProperty("opacity");
+    }
+  }
+  let C = { onPointerDown: I, onPointerUp: T };
+  return d && f && (C.onMouseEnter = m, t.stacked || (C.onMouseLeave = p)), x && (C.onClick = (y) => {
+    _ && _(y), a.canCloseOnClick && u(!0);
+  }), { playToast: p, pauseToast: m, isRunning: e, preventExitTransition: s, toastRef: l, eventHandlers: C };
+}
+var ct = typeof window < "u" ? at : U, K = ({ theme: t, type: e, isLoading: o, ...s }) => b.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: t === "colored" ? "currentColor" : `var(--toastify-icon-color-${e})`, ...s });
+function At(t) {
+  return b.createElement(K, { ...t }, b.createElement("path", { d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z" }));
+}
+function Nt(t) {
+  return b.createElement(K, { ...t }, b.createElement("path", { d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z" }));
+}
+function Rt(t) {
+  return b.createElement(K, { ...t }, b.createElement("path", { d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z" }));
+}
+function Mt(t) {
+  return b.createElement(K, { ...t }, b.createElement("path", { d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" }));
+}
+function Bt() {
+  return b.createElement("div", { className: "Toastify__spinner" });
+}
+var V = { info: Nt, warning: At, success: Rt, error: Mt, spinner: Bt }, St = (t) => t in V;
+function Xt({ theme: t, type: e, isLoading: o, icon: s }) {
+  let i = null, l = { theme: t, type: e };
+  return s === !1 || ($(s) ? i = s({ ...l, isLoading: o }) : H(s) ? i = J(s, l) : o ? i = V.spinner() : St(e) && (i = V[e](l))), i;
+}
+var Ut = (t) => {
+  let { isRunning: e, preventExitTransition: o, toastRef: s, eventHandlers: i, playToast: l } = Dt(t), { closeButton: a, children: d, autoClose: f, onClick: u, type: _, hideProgressBar: x, closeToast: w, transition: k, position: I, className: T, style: p, progressClassName: m, updateId: r, role: n, progress: c, rtl: h, toastId: C, deleteToast: y, isIn: v, isLoading: L, closeOnClick: O, theme: z, ariaLabel: S } = t, P = D("Toastify__toast", `Toastify__toast-theme--${z}`, `Toastify__toast--${_}`, { "Toastify__toast--rtl": h }, { "Toastify__toast--close-on-click": O }), dt = $(T) ? T({ rtl: h, position: I, type: _, defaultClassName: P }) : D(P, T), Z = Xt(t), tt = !!c || !f, Y = { closeToast: w, type: _, theme: z }, X = null;
+  return a === !1 || ($(a) ? X = a(Y) : H(a) ? X = J(a, Y) : X = gt(Y)), b.createElement(k, { isIn: v, done: y, position: I, preventExitTransition: o, nodeRef: s, playToast: l }, b.createElement("div", { id: C, tabIndex: 0, onClick: u, "data-in": v, className: dt, ...i, style: p, ref: s, ...v && { role: n, "aria-label": S } }, Z != null && b.createElement("div", { className: D("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !L }) }, Z), rt(d, t, !e), X, !t.customProgressBar && b.createElement(vt, { ...r && !tt ? { key: `p-${r}` } : {}, rtl: h, theme: z, delay: f, isRunning: e, isIn: v, closeToast: w, hide: x, type: _, className: m, controlledProgress: tt, progress: c || 0 })));
+}, Ht = (t, e = !1) => ({ enter: `Toastify--animate Toastify__${t}-enter`, exit: `Toastify--animate Toastify__${t}-exit`, appendPosition: e }), Ft = _t(Ht("bounce", !0)), qt = { position: "top-right", transition: Ft, autoClose: 5e3, closeButton: !0, pauseOnHover: !0, pauseOnFocusLoss: !0, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light", "aria-label": "Notifications Alt+T", hotKeys: (t) => t.altKey && t.code === "KeyT" };
+function Kt(t) {
+  let e = { ...qt, ...t }, o = t.stacked, [s, i] = Q(!0), l = N(null), { getToastToRender: a, isToastActive: d, count: f } = Pt(e), { className: u, style: _, rtl: x, containerId: w, hotKeys: k } = e;
+  function I(p) {
+    let m = D("Toastify__toast-container", `Toastify__toast-container--${p}`, { "Toastify__toast-container--rtl": x });
+    return $(u) ? u({ position: p, rtl: x, defaultClassName: m }) : D(m, W(u));
+  }
+  function T() {
+    o && (i(!0), g.play());
+  }
+  return ct(() => {
+    var p;
+    if (o) {
+      let m = l.current.querySelectorAll('[data-in="true"]'), r = 12, n = (p = e.position) == null ? void 0 : p.includes("top"), c = 0, h = 0;
+      Array.from(m).reverse().forEach((C, y) => {
+        let v = C;
+        v.classList.add("Toastify__toast--stacked"), y > 0 && (v.dataset.collapsed = `${s}`), v.dataset.pos || (v.dataset.pos = n ? "top" : "bot");
+        let L = c * (s ? 0.2 : 1) + (s ? 0 : r * y), O = Math.max(0.5, 1 - (s ? h : 0));
+        v.style.setProperty("--y", `${n ? L : L * -1}px`), v.style.setProperty("--g", `${r}`), v.style.setProperty("--s", `${O}`), c += v.offsetHeight, h += 0.025;
+      });
+    }
+  }, [s, f, o]), U(() => {
+    function p(m) {
+      var r;
+      let n = l.current;
+      k(m) && ((r = n?.querySelector('[tabIndex="0"]')) == null || r.focus(), i(!1), g.pause()), m.key === "Escape" && (document.activeElement === n || n != null && n.contains(document.activeElement)) && (i(!0), g.play());
+    }
+    return document.addEventListener("keydown", p), () => {
+      document.removeEventListener("keydown", p);
+    };
+  }, [k]), b.createElement("section", { ref: l, className: "Toastify", id: w, onMouseEnter: () => {
+    o && (i(!1), g.pause());
+  }, onMouseLeave: T, "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text", "aria-label": e["aria-label"] }, a((p, m) => {
+    let r = m.length ? { ..._ } : { ..._, pointerEvents: "none" };
+    return b.createElement("div", { tabIndex: -1, className: I(p), "data-stacked": o, style: r, key: `c-${p}` }, m.map(({ content: n, props: c }) => b.createElement(Ut, { ...c, stacked: o, collapseAll: T, isIn: d(c.toastId, c.containerId), key: `t-${c.key}` }, n)));
+  }));
+}
+var Yt = `:root {
+  --toastify-color-light: #fff;
+  --toastify-color-dark: #121212;
+  --toastify-color-info: #3498db;
+  --toastify-color-success: #07bc0c;
+  --toastify-color-warning: #f1c40f;
+  --toastify-color-error: hsl(6, 78%, 57%);
+  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
+
+  --toastify-icon-color-info: var(--toastify-color-info);
+  --toastify-icon-color-success: var(--toastify-color-success);
+  --toastify-icon-color-warning: var(--toastify-color-warning);
+  --toastify-icon-color-error: var(--toastify-color-error);
+
+  --toastify-container-width: fit-content;
+  --toastify-toast-width: 320px;
+  --toastify-toast-offset: 16px;
+  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
+  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
+  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
+  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
+  --toastify-toast-background: #fff;
+  --toastify-toast-padding: 14px;
+  --toastify-toast-min-height: 64px;
+  --toastify-toast-max-height: 800px;
+  --toastify-toast-bd-radius: 6px;
+  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+  --toastify-font-family: sans-serif;
+  --toastify-z-index: 9999;
+  --toastify-text-color-light: #757575;
+  --toastify-text-color-dark: #fff;
+
+  /* Used only for colored theme */
+  --toastify-text-color-info: #fff;
+  --toastify-text-color-success: #fff;
+  --toastify-text-color-warning: #fff;
+  --toastify-text-color-error: #fff;
+
+  --toastify-spinner-color: #616161;
+  --toastify-spinner-color-empty-area: #e0e0e0;
+  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
+  --toastify-color-progress-dark: #bb86fc;
+  --toastify-color-progress-info: var(--toastify-color-info);
+  --toastify-color-progress-success: var(--toastify-color-success);
+  --toastify-color-progress-warning: var(--toastify-color-warning);
+  --toastify-color-progress-error: var(--toastify-color-error);
+  /* used to control the opacity of the progress trail */
+  --toastify-color-progress-bgo: 0.2;
+}
+
+.Toastify__toast-container {
+  z-index: var(--toastify-z-index);
+  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
+  position: fixed;
+  width: var(--toastify-container-width);
+  box-sizing: border-box;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+}
+
+.Toastify__toast-container--top-left {
+  top: var(--toastify-toast-top);
+  left: var(--toastify-toast-left);
+}
+.Toastify__toast-container--top-center {
+  top: var(--toastify-toast-top);
+  left: 50%;
+  transform: translateX(-50%);
+  align-items: center;
+}
+.Toastify__toast-container--top-right {
+  top: var(--toastify-toast-top);
+  right: var(--toastify-toast-right);
+  align-items: end;
+}
+.Toastify__toast-container--bottom-left {
+  bottom: var(--toastify-toast-bottom);
+  left: var(--toastify-toast-left);
+}
+.Toastify__toast-container--bottom-center {
+  bottom: var(--toastify-toast-bottom);
+  left: 50%;
+  transform: translateX(-50%);
+  align-items: center;
+}
+.Toastify__toast-container--bottom-right {
+  bottom: var(--toastify-toast-bottom);
+  right: var(--toastify-toast-right);
+  align-items: end;
+}
+
+.Toastify__toast {
+  --y: 0px;
+  position: relative;
+  touch-action: none;
+  width: var(--toastify-toast-width);
+  min-height: var(--toastify-toast-min-height);
+  box-sizing: border-box;
+  margin-bottom: 1rem;
+  padding: var(--toastify-toast-padding);
+  border-radius: var(--toastify-toast-bd-radius);
+  box-shadow: var(--toastify-toast-shadow);
+  max-height: var(--toastify-toast-max-height);
+  font-family: var(--toastify-font-family);
+  /* webkit only issue #791 */
+  z-index: 0;
+  /* inner swag */
+  display: flex;
+  flex: 1 auto;
+  align-items: center;
+  word-break: break-word;
+}
+
+@media only screen and (max-width: 480px) {
+  .Toastify__toast-container {
+    width: 100vw;
+    left: env(safe-area-inset-left);
+    margin: 0;
+  }
+  .Toastify__toast-container--top-left,
+  .Toastify__toast-container--top-center,
+  .Toastify__toast-container--top-right {
+    top: env(safe-area-inset-top);
+    transform: translateX(0);
+  }
+  .Toastify__toast-container--bottom-left,
+  .Toastify__toast-container--bottom-center,
+  .Toastify__toast-container--bottom-right {
+    bottom: env(safe-area-inset-bottom);
+    transform: translateX(0);
+  }
+  .Toastify__toast-container--rtl {
+    right: env(safe-area-inset-right);
+    left: initial;
+  }
+  .Toastify__toast {
+    --toastify-toast-width: 100%;
+    margin-bottom: 0;
+    border-radius: 0;
+  }
+}
+
+.Toastify__toast-container[data-stacked='true'] {
+  width: var(--toastify-toast-width);
+}
+
+@media only screen and (max-width: 480px) {
+  .Toastify__toast-container[data-stacked='true'] {
+    width: 100vw;
+  }
+}
+
+.Toastify__toast--stacked {
+  position: absolute;
+  width: 100%;
+  transform: translate3d(0, var(--y), 0) scale(var(--s));
+  transition: transform 0.3s;
+}
+
+.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
+.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
+  transition: opacity 0.1s;
+}
+
+.Toastify__toast--stacked[data-collapsed='false'] {
+  overflow: visible;
+}
+
+.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
+  opacity: 0;
+}
+
+.Toastify__toast--stacked:after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: calc(var(--g) * 1px);
+  bottom: 100%;
+}
+
+.Toastify__toast--stacked[data-pos='top'] {
+  top: 0;
+}
+
+.Toastify__toast--stacked[data-pos='bot'] {
+  bottom: 0;
+}
+
+.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
+  transform-origin: top;
+}
+
+.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
+  transform-origin: bottom;
+}
+
+.Toastify__toast--stacked:before {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+  transform: scaleY(3);
+  z-index: -1;
+}
+
+.Toastify__toast--rtl {
+  direction: rtl;
+}
+
+.Toastify__toast--close-on-click {
+  cursor: pointer;
+}
+
+.Toastify__toast-icon {
+  margin-inline-end: 10px;
+  width: 22px;
+  flex-shrink: 0;
+  display: flex;
+}
+
+.Toastify--animate {
+  animation-fill-mode: both;
+  animation-duration: 0.5s;
+}
+
+.Toastify--animate-icon {
+  animation-fill-mode: both;
+  animation-duration: 0.3s;
+}
+
+.Toastify__toast-theme--dark {
+  background: var(--toastify-color-dark);
+  color: var(--toastify-text-color-dark);
+}
+
+.Toastify__toast-theme--light {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--default {
+  background: var(--toastify-color-light);
+  color: var(--toastify-text-color-light);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--info {
+  color: var(--toastify-text-color-info);
+  background: var(--toastify-color-info);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--success {
+  color: var(--toastify-text-color-success);
+  background: var(--toastify-color-success);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--warning {
+  color: var(--toastify-text-color-warning);
+  background: var(--toastify-color-warning);
+}
+
+.Toastify__toast-theme--colored.Toastify__toast--error {
+  color: var(--toastify-text-color-error);
+  background: var(--toastify-color-error);
+}
+
+.Toastify__progress-bar-theme--light {
+  background: var(--toastify-color-progress-light);
+}
+
+.Toastify__progress-bar-theme--dark {
+  background: var(--toastify-color-progress-dark);
+}
+
+.Toastify__progress-bar--info {
+  background: var(--toastify-color-progress-info);
+}
+
+.Toastify__progress-bar--success {
+  background: var(--toastify-color-progress-success);
+}
+
+.Toastify__progress-bar--warning {
+  background: var(--toastify-color-progress-warning);
+}
+
+.Toastify__progress-bar--error {
+  background: var(--toastify-color-progress-error);
+}
+
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
+  background: var(--toastify-color-transparent);
+}
+
+.Toastify__close-button {
+  color: #fff;
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  background: transparent;
+  outline: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  opacity: 0.7;
+  transition: 0.3s ease;
+  z-index: 1;
+}
+
+.Toastify__toast--rtl .Toastify__close-button {
+  left: 6px;
+  right: unset;
+}
+
+.Toastify__close-button--light {
+  color: #000;
+  opacity: 0.3;
+}
+
+.Toastify__close-button > svg {
+  fill: currentColor;
+  height: 16px;
+  width: 14px;
+}
+
+.Toastify__close-button:hover,
+.Toastify__close-button:focus {
+  opacity: 1;
+}
+
+@keyframes Toastify__trackProgress {
+  0% {
+    transform: scaleX(1);
+  }
+  100% {
+    transform: scaleX(0);
+  }
+}
+
+.Toastify__progress-bar {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  opacity: 0.7;
+  transform-origin: left;
+}
+
+.Toastify__progress-bar--animated {
+  animation: Toastify__trackProgress linear 1 forwards;
+}
+
+.Toastify__progress-bar--controlled {
+  transition: transform 0.2s;
+}
+
+.Toastify__progress-bar--rtl {
+  right: 0;
+  left: initial;
+  transform-origin: right;
+  border-bottom-left-radius: initial;
+}
+
+.Toastify__progress-bar--wrp {
+  position: absolute;
+  overflow: hidden;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 5px;
+  border-bottom-left-radius: var(--toastify-toast-bd-radius);
+  border-bottom-right-radius: var(--toastify-toast-bd-radius);
+}
+
+.Toastify__progress-bar--wrp[data-hidden='true'] {
+  opacity: 0;
+}
+
+.Toastify__progress-bar--bg {
+  opacity: var(--toastify-color-progress-bgo);
+  width: 100%;
+  height: 100%;
+}
+
+.Toastify__spinner {
+  width: 20px;
+  height: 20px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: var(--toastify-spinner-color-empty-area);
+  border-right-color: var(--toastify-spinner-color);
+  animation: Toastify__spin 0.65s linear infinite;
+}
+
+@keyframes Toastify__bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  from {
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+  75% {
+    transform: translate3d(10px, 0, 0);
+  }
+  90% {
+    transform: translate3d(-5px, 0, 0);
+  }
+  to {
+    transform: none;
+  }
+}
+
+@keyframes Toastify__bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, var(--y), 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+  75% {
+    transform: translate3d(-10px, 0, 0);
+  }
+  90% {
+    transform: translate3d(5px, 0, 0);
+  }
+  to {
+    transform: none;
+  }
+}
+
+@keyframes Toastify__bounceOutLeft {
+  20% {
+    opacity: 1;
+    transform: translate3d(20px, var(--y), 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  from {
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  75% {
+    transform: translate3d(0, 10px, 0);
+  }
+  90% {
+    transform: translate3d(0, -5px, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes Toastify__bounceOutUp {
+  20% {
+    transform: translate3d(0, calc(var(--y) - 10px), 0);
+  }
+  40%,
+  45% {
+    opacity: 1;
+    transform: translate3d(0, calc(var(--y) + 20px), 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes Toastify__bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+  75% {
+    transform: translate3d(0, -10px, 0);
+  }
+  90% {
+    transform: translate3d(0, 5px, 0);
+  }
+  to {
+    transform: none;
+  }
+}
+
+@keyframes Toastify__bounceOutDown {
+  20% {
+    transform: translate3d(0, calc(var(--y) - 10px), 0);
+  }
+  40%,
+  45% {
+    opacity: 1;
+    transform: translate3d(0, calc(var(--y) + 20px), 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.Toastify__bounce-enter--top-left,
+.Toastify__bounce-enter--bottom-left {
+  animation-name: Toastify__bounceInLeft;
+}
+
+.Toastify__bounce-enter--top-right,
+.Toastify__bounce-enter--bottom-right {
+  animation-name: Toastify__bounceInRight;
+}
+
+.Toastify__bounce-enter--top-center {
+  animation-name: Toastify__bounceInDown;
+}
+
+.Toastify__bounce-enter--bottom-center {
+  animation-name: Toastify__bounceInUp;
+}
+
+.Toastify__bounce-exit--top-left,
+.Toastify__bounce-exit--bottom-left {
+  animation-name: Toastify__bounceOutLeft;
+}
+
+.Toastify__bounce-exit--top-right,
+.Toastify__bounce-exit--bottom-right {
+  animation-name: Toastify__bounceOutRight;
+}
+
+.Toastify__bounce-exit--top-center {
+  animation-name: Toastify__bounceOutUp;
+}
+
+.Toastify__bounce-exit--bottom-center {
+  animation-name: Toastify__bounceOutDown;
+}
+
+@keyframes Toastify__zoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes Toastify__zoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.Toastify__zoom-enter {
+  animation-name: Toastify__zoomIn;
+}
+
+.Toastify__zoom-exit {
+  animation-name: Toastify__zoomOut;
+}
+
+@keyframes Toastify__flipIn {
+  from {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+  60% {
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+  80% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+  to {
+    transform: perspective(400px);
+  }
+}
+
+@keyframes Toastify__flipOut {
+  from {
+    transform: translate3d(0, var(--y), 0) perspective(400px);
+  }
+  30% {
+    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.Toastify__flip-enter {
+  animation-name: Toastify__flipIn;
+}
+
+.Toastify__flip-exit {
+  animation-name: Toastify__flipOut;
+}
+
+@keyframes Toastify__slideInRight {
+  from {
+    transform: translate3d(110%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__slideInLeft {
+  from {
+    transform: translate3d(-110%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__slideInUp {
+  from {
+    transform: translate3d(0, 110%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__slideInDown {
+  from {
+    transform: translate3d(0, -110%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translate3d(0, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__slideOutRight {
+  from {
+    transform: translate3d(0, var(--y), 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(110%, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__slideOutLeft {
+  from {
+    transform: translate3d(0, var(--y), 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(-110%, var(--y), 0);
+  }
+}
+
+@keyframes Toastify__slideOutDown {
+  from {
+    transform: translate3d(0, var(--y), 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 500px, 0);
+  }
+}
+
+@keyframes Toastify__slideOutUp {
+  from {
+    transform: translate3d(0, var(--y), 0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -500px, 0);
+  }
+}
+
+.Toastify__slide-enter--top-left,
+.Toastify__slide-enter--bottom-left {
+  animation-name: Toastify__slideInLeft;
+}
+
+.Toastify__slide-enter--top-right,
+.Toastify__slide-enter--bottom-right {
+  animation-name: Toastify__slideInRight;
+}
+
+.Toastify__slide-enter--top-center {
+  animation-name: Toastify__slideInDown;
+}
+
+.Toastify__slide-enter--bottom-center {
+  animation-name: Toastify__slideInUp;
+}
+
+.Toastify__slide-exit--top-left,
+.Toastify__slide-exit--bottom-left {
+  animation-name: Toastify__slideOutLeft;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+}
+
+.Toastify__slide-exit--top-right,
+.Toastify__slide-exit--bottom-right {
+  animation-name: Toastify__slideOutRight;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+}
+
+.Toastify__slide-exit--top-center {
+  animation-name: Toastify__slideOutUp;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+}
+
+.Toastify__slide-exit--bottom-center {
+  animation-name: Toastify__slideOutDown;
+  animation-timing-function: ease-in;
+  animation-duration: 0.3s;
+}
+
+@keyframes Toastify__spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+`, ot = /* @__PURE__ */ new Map(), Qt = (t, e) => {
+  ct(() => {
+    if (typeof document > "u") return;
+    let o = document, s = ot.get(o);
+    if (s) {
+      e && s.setAttribute("nonce", e);
+      return;
+    }
+    let i = o.createElement("style");
+    i.textContent = t, e && i.setAttribute("nonce", e), o.head.appendChild(i), ot.set(o, i);
+  }, [e]);
+};
+function Gt(t) {
+  return Qt(Yt, t.nonce), b.createElement(Kt, { ...t });
+}
+export {
+  Gt as x,
+  g as y
+};