konsolpro-custom-ui 0.0.327

package/dist/lib/ui/toaster.js

@@ -0,0 +1,1002 @@
+var se = Object.defineProperty, re = Object.defineProperties;
+var oe = Object.getOwnPropertyDescriptors;
+var ht = Object.getOwnPropertySymbols;
+var Ft = Object.prototype.hasOwnProperty, Yt = Object.prototype.propertyIsEnumerable;
+var Lt = (n, t, e) => t in n ? se(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, c = (n, t) => {
+  for (var e in t || (t = {}))
+    Ft.call(t, e) && Lt(n, e, t[e]);
+  if (ht)
+    for (var e of ht(t))
+      Yt.call(t, e) && Lt(n, e, t[e]);
+  return n;
+}, x = (n, t) => re(n, oe(t));
+var pt = (n, t) => {
+  var e = {};
+  for (var s in n)
+    Ft.call(n, s) && t.indexOf(s) < 0 && (e[s] = n[s]);
+  if (n != null && ht)
+    for (var s of ht(n))
+      t.indexOf(s) < 0 && Yt.call(n, s) && (e[s] = n[s]);
+  return e;
+};
+var _t = (n, t, e) => new Promise((s, g) => {
+  var o = (v) => {
+    try {
+      T(e.next(v));
+    } catch (i) {
+      g(i);
+    }
+  }, d = (v) => {
+    try {
+      T(e.throw(v));
+    } catch (i) {
+      g(i);
+    }
+  }, T = (v) => v.done ? s(v.value) : Promise.resolve(v.value).then(o, d);
+  T((e = e.apply(n, t)).next());
+});
+import { jsx as j } from "react/jsx-runtime";
+import r from "react";
+import ie from "react-dom";
+import { Icon as yt } from "../icon/icon.js";
+import { Spinner as le } from "./spinner.js";
+function de(n) {
+  if (typeof document == "undefined") return;
+  let t = document.head || document.getElementsByTagName("head")[0], e = document.createElement("style");
+  e.type = "text/css", t.appendChild(e), e.styleSheet ? e.styleSheet.cssText = n : e.appendChild(document.createTextNode(n));
+}
+const ce = (n) => {
+  switch (n) {
+    case "success":
+      return me;
+    case "info":
+      return he;
+    case "warning":
+      return ge;
+    case "error":
+      return pe;
+    default:
+      return null;
+  }
+}, ue = Array(12).fill(0), fe = ({ visible: n, className: t }) => /* @__PURE__ */ r.createElement("div", {
+  className: [
+    "sonner-loading-wrapper",
+    t
+  ].filter(Boolean).join(" "),
+  "data-visible": n
+}, /* @__PURE__ */ r.createElement("div", {
+  className: "sonner-spinner"
+}, ue.map((e, s) => /* @__PURE__ */ r.createElement("div", {
+  className: "sonner-loading-bar",
+  key: `spinner-bar-${s}`
+})))), me = /* @__PURE__ */ r.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ r.createElement("path", {
+  fillRule: "evenodd",
+  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
+  clipRule: "evenodd"
+})), ge = /* @__PURE__ */ r.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ r.createElement("path", {
+  fillRule: "evenodd",
+  d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
+  clipRule: "evenodd"
+})), he = /* @__PURE__ */ r.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ r.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
+  clipRule: "evenodd"
+})), pe = /* @__PURE__ */ r.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  height: "20",
+  width: "20"
+}, /* @__PURE__ */ r.createElement("path", {
+  fillRule: "evenodd",
+  d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
+  clipRule: "evenodd"
+})), ye = /* @__PURE__ */ r.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "12",
+  height: "12",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}, /* @__PURE__ */ r.createElement("line", {
+  x1: "18",
+  y1: "6",
+  x2: "6",
+  y2: "18"
+}), /* @__PURE__ */ r.createElement("line", {
+  x1: "6",
+  y1: "6",
+  x2: "18",
+  y2: "18"
+})), be = () => {
+  const [n, t] = r.useState(document.hidden);
+  return r.useEffect(() => {
+    const e = () => {
+      t(document.hidden);
+    };
+    return document.addEventListener("visibilitychange", e), () => window.removeEventListener("visibilitychange", e);
+  }, []), n;
+};
+let It = 1;
+class ve {
+  constructor() {
+    this.subscribe = (t) => (this.subscribers.push(t), () => {
+      const e = this.subscribers.indexOf(t);
+      this.subscribers.splice(e, 1);
+    }), this.publish = (t) => {
+      this.subscribers.forEach((e) => e(t));
+    }, this.addToast = (t) => {
+      this.publish(t), this.toasts = [
+        ...this.toasts,
+        t
+      ];
+    }, this.create = (t) => {
+      var e;
+      const v = t, { message: s } = v, g = pt(v, ["message"]), o = typeof (t == null ? void 0 : t.id) == "number" || ((e = t.id) == null ? void 0 : e.length) > 0 ? t.id : It++, d = this.toasts.find((i) => i.id === o), T = t.dismissible === void 0 ? !0 : t.dismissible;
+      return this.dismissedToasts.has(o) && this.dismissedToasts.delete(o), d ? this.toasts = this.toasts.map((i) => i.id === o ? (this.publish(x(c(c({}, i), t), {
+        id: o,
+        title: s
+      })), x(c(c({}, i), t), {
+        id: o,
+        dismissible: T,
+        title: s
+      })) : i) : this.addToast(x(c({
+        title: s
+      }, g), {
+        dismissible: T,
+        id: o
+      })), o;
+    }, this.dismiss = (t) => (t ? (this.dismissedToasts.add(t), requestAnimationFrame(() => this.subscribers.forEach((e) => e({
+      id: t,
+      dismiss: !0
+    })))) : this.toasts.forEach((e) => {
+      this.subscribers.forEach((s) => s({
+        id: e.id,
+        dismiss: !0
+      }));
+    }), t), this.message = (t, e) => this.create(x(c({}, e), {
+      message: t
+    })), this.error = (t, e) => this.create(x(c({}, e), {
+      message: t,
+      type: "error"
+    })), this.success = (t, e) => this.create(x(c({}, e), {
+      type: "success",
+      message: t
+    })), this.info = (t, e) => this.create(x(c({}, e), {
+      type: "info",
+      message: t
+    })), this.warning = (t, e) => this.create(x(c({}, e), {
+      type: "warning",
+      message: t
+    })), this.loading = (t, e) => this.create(x(c({}, e), {
+      type: "loading",
+      message: t
+    })), this.promise = (t, e) => {
+      if (!e)
+        return;
+      let s;
+      e.loading !== void 0 && (s = this.create(x(c({}, e), {
+        promise: t,
+        type: "loading",
+        message: e.loading,
+        description: typeof e.description != "function" ? e.description : void 0
+      })));
+      const g = Promise.resolve(t instanceof Function ? t() : t);
+      let o = s !== void 0, d;
+      const T = g.then((i) => _t(this, null, function* () {
+        if (d = [
+          "resolve",
+          i
+        ], r.isValidElement(i))
+          o = !1, this.create({
+            id: s,
+            type: "default",
+            message: i
+          });
+        else if (we(i) && !i.ok) {
+          o = !1;
+          const a = typeof e.error == "function" ? yield e.error(`HTTP error! status: ${i.status}`) : e.error, z = typeof e.description == "function" ? yield e.description(`HTTP error! status: ${i.status}`) : e.description, S = typeof a == "object" && !r.isValidElement(a) ? a : {
+            message: a
+          };
+          this.create(c({
+            id: s,
+            type: "error",
+            description: z
+          }, S));
+        } else if (i instanceof Error) {
+          o = !1;
+          const a = typeof e.error == "function" ? yield e.error(i) : e.error, z = typeof e.description == "function" ? yield e.description(i) : e.description, S = typeof a == "object" && !r.isValidElement(a) ? a : {
+            message: a
+          };
+          this.create(c({
+            id: s,
+            type: "error",
+            description: z
+          }, S));
+        } else if (e.success !== void 0) {
+          o = !1;
+          const a = typeof e.success == "function" ? yield e.success(i) : e.success, z = typeof e.description == "function" ? yield e.description(i) : e.description, S = typeof a == "object" && !r.isValidElement(a) ? a : {
+            message: a
+          };
+          this.create(c({
+            id: s,
+            type: "success",
+            description: z
+          }, S));
+        }
+      })).catch((i) => _t(this, null, function* () {
+        if (d = [
+          "reject",
+          i
+        ], e.error !== void 0) {
+          o = !1;
+          const N = typeof e.error == "function" ? yield e.error(i) : e.error, a = typeof e.description == "function" ? yield e.description(i) : e.description, F = typeof N == "object" && !r.isValidElement(N) ? N : {
+            message: N
+          };
+          this.create(c({
+            id: s,
+            type: "error",
+            description: a
+          }, F));
+        }
+      })).finally(() => {
+        o && (this.dismiss(s), s = void 0), e.finally == null || e.finally.call(e);
+      }), v = () => new Promise((i, N) => T.then(() => d[0] === "reject" ? N(d[1]) : i(d[1])).catch(N));
+      return typeof s != "string" && typeof s != "number" ? {
+        unwrap: v
+      } : Object.assign(s, {
+        unwrap: v
+      });
+    }, this.custom = (t, e) => {
+      const s = (e == null ? void 0 : e.id) || It++;
+      return this.create(c({
+        jsx: t(s),
+        id: s
+      }, e)), s;
+    }, this.getActiveToasts = () => this.toasts.filter((t) => !this.dismissedToasts.has(t.id)), this.subscribers = [], this.toasts = [], this.dismissedToasts = /* @__PURE__ */ new Set();
+  }
+}
+const _ = new ve(), xe = (n, t) => {
+  const e = (t == null ? void 0 : t.id) || It++;
+  return _.addToast(x(c({
+    title: n
+  }, t), {
+    id: e
+  })), e;
+}, we = (n) => n && typeof n == "object" && "ok" in n && typeof n.ok == "boolean" && "status" in n && typeof n.status == "number", Ee = xe, Te = () => _.toasts, ke = () => _.getActiveToasts(), p = Object.assign(Ee, {
+  success: _.success,
+  info: _.info,
+  warning: _.warning,
+  error: _.error,
+  custom: _.custom,
+  message: _.message,
+  promise: _.promise,
+  dismiss: _.dismiss,
+  loading: _.loading
+}, {
+  getHistory: Te,
+  getToasts: ke
+});
+de("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");
+function bt(n) {
+  return n.label !== void 0;
+}
+const Se = 3, Ne = "24px", _e = "16px", $t = 4e3, Ie = 356, Me = 14, De = 45, Re = 200;
+function L(...n) {
+  return n.filter(Boolean).join(" ");
+}
+function Be(n) {
+  const [t, e] = n.split("-"), s = [];
+  return t && s.push(t), e && s.push(e), s;
+}
+const Ce = (n) => {
+  var t, e, s, g, o, d, T, v, i;
+  const { invert: N, toast: a, unstyled: z, interacting: F, setHeights: S, visibleToasts: vt, heights: m, index: Y, toasts: dt, expanded: et, removeToast: ct, defaultRichColors: H, closeButton: q, style: xt, cancelButtonStyle: ut, actionButtonStyle: wt, className: Et = "", descriptionClassName: $ = "", duration: G, position: at, gap: Tt, expandByDefault: P, classNames: u, icons: B, closeButtonAriaLabel: V = "Close toast" } = n, [C, nt] = r.useState(null), [f, y] = r.useState(null), [h, D] = r.useState(!1), [X, b] = r.useState(!1), [st, Q] = r.useState(!1), [rt, ot] = r.useState(!1), [Kt, Dt] = r.useState(!1), [Ut, kt] = r.useState(0), [Xt, Rt] = r.useState(0), it = r.useRef(a.duration || G || $t), Bt = r.useRef(null), K = r.useRef(null), Wt = Y === 0, qt = Y + 1 <= vt, I = a.type, J = a.dismissible !== !1, Gt = a.className || "", Qt = a.descriptionClassName || "", ft = r.useMemo(() => m.findIndex((l) => l.toastId === a.id) || 0, [
+    m,
+    a.id
+  ]), Jt = r.useMemo(() => {
+    var l;
+    return (l = a.closeButton) != null ? l : q;
+  }, [
+    a.closeButton,
+    q
+  ]), Ct = r.useMemo(() => a.duration || G || $t, [
+    a.duration,
+    G
+  ]), St = r.useRef(0), Z = r.useRef(0), At = r.useRef(0), tt = r.useRef(null), [Zt, te] = at.split("-"), Ot = r.useMemo(() => m.reduce((l, w, k) => k >= ft ? l : l + w.height, 0), [
+    m,
+    ft
+  ]), jt = be(), ee = a.invert || N, Nt = I === "loading";
+  Z.current = r.useMemo(() => ft * Tt + Ot, [
+    ft,
+    Ot
+  ]), r.useEffect(() => {
+    it.current = Ct;
+  }, [
+    Ct
+  ]), r.useEffect(() => {
+    D(!0);
+  }, []), r.useEffect(() => {
+    const l = K.current;
+    if (l) {
+      const w = l.getBoundingClientRect().height;
+      return Rt(w), S((k) => [
+        {
+          toastId: a.id,
+          height: w,
+          position: a.position
+        },
+        ...k
+      ]), () => S((k) => k.filter((M) => M.toastId !== a.id));
+    }
+  }, [
+    S,
+    a.id
+  ]), r.useLayoutEffect(() => {
+    if (!h) return;
+    const l = K.current, w = l.style.height;
+    l.style.height = "auto";
+    const k = l.getBoundingClientRect().height;
+    l.style.height = w, Rt(k), S((M) => M.find((E) => E.toastId === a.id) ? M.map((E) => E.toastId === a.id ? x(c({}, E), {
+      height: k
+    }) : E) : [
+      {
+        toastId: a.id,
+        height: k,
+        position: a.position
+      },
+      ...M
+    ]);
+  }, [
+    h,
+    a.title,
+    a.description,
+    S,
+    a.id,
+    a.jsx,
+    a.action,
+    a.cancel
+  ]);
+  const U = r.useCallback(() => {
+    b(!0), kt(Z.current), S((l) => l.filter((w) => w.toastId !== a.id)), setTimeout(() => {
+      ct(a);
+    }, Re);
+  }, [
+    a,
+    ct,
+    S,
+    Z
+  ]);
+  r.useEffect(() => {
+    if (a.promise && I === "loading" || a.duration === 1 / 0 || a.type === "loading") return;
+    let l;
+    return et || F || jt ? (() => {
+      if (At.current < St.current) {
+        const M = (/* @__PURE__ */ new Date()).getTime() - St.current;
+        it.current = it.current - M;
+      }
+      At.current = (/* @__PURE__ */ new Date()).getTime();
+    })() : (() => {
+      it.current !== 1 / 0 && (St.current = (/* @__PURE__ */ new Date()).getTime(), l = setTimeout(() => {
+        a.onAutoClose == null || a.onAutoClose.call(a, a), U();
+      }, it.current));
+    })(), () => clearTimeout(l);
+  }, [
+    et,
+    F,
+    a,
+    I,
+    jt,
+    U
+  ]), r.useEffect(() => {
+    a.delete && (U(), a.onDismiss == null || a.onDismiss.call(a, a));
+  }, [
+    U,
+    a.delete
+  ]);
+  function ae() {
+    var l;
+    if (B != null && B.loading) {
+      var w;
+      return /* @__PURE__ */ r.createElement("div", {
+        className: L(u == null ? void 0 : u.loader, a == null || (w = a.classNames) == null ? void 0 : w.loader, "sonner-loader"),
+        "data-visible": I === "loading"
+      }, B.loading);
+    }
+    return /* @__PURE__ */ r.createElement(fe, {
+      className: L(u == null ? void 0 : u.loader, a == null || (l = a.classNames) == null ? void 0 : l.loader),
+      visible: I === "loading"
+    });
+  }
+  const ne = a.icon || (B == null ? void 0 : B[I]) || ce(I);
+  var zt, Ht;
+  return /* @__PURE__ */ r.createElement("li", {
+    tabIndex: 0,
+    ref: K,
+    className: L(Et, Gt, u == null ? void 0 : u.toast, a == null || (t = a.classNames) == null ? void 0 : t.toast, u == null ? void 0 : u.default, u == null ? void 0 : u[I], a == null || (e = a.classNames) == null ? void 0 : e[I]),
+    "data-sonner-toast": "",
+    "data-rich-colors": (zt = a.richColors) != null ? zt : H,
+    "data-styled": !(a.jsx || a.unstyled || z),
+    "data-mounted": h,
+    "data-promise": !!a.promise,
+    "data-swiped": Kt,
+    "data-removed": X,
+    "data-visible": qt,
+    "data-y-position": Zt,
+    "data-x-position": te,
+    "data-index": Y,
+    "data-front": Wt,
+    "data-swiping": st,
+    "data-dismissible": J,
+    "data-type": I,
+    "data-invert": ee,
+    "data-swipe-out": rt,
+    "data-swipe-direction": f,
+    "data-expanded": !!(et || P && h),
+    style: c(c({
+      "--index": Y,
+      "--toasts-before": Y,
+      "--z-index": dt.length - Y,
+      "--offset": `${X ? Ut : Z.current}px`,
+      "--initial-height": P ? "auto" : `${Xt}px`
+    }, xt), a.style),
+    onDragEnd: () => {
+      Q(!1), nt(null), tt.current = null;
+    },
+    onPointerDown: (l) => {
+      Nt || !J || (Bt.current = /* @__PURE__ */ new Date(), kt(Z.current), l.target.setPointerCapture(l.pointerId), l.target.tagName !== "BUTTON" && (Q(!0), tt.current = {
+        x: l.clientX,
+        y: l.clientY
+      }));
+    },
+    onPointerUp: () => {
+      var l, w, k;
+      if (rt || !J) return;
+      tt.current = null;
+      const M = Number(((l = K.current) == null ? void 0 : l.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), mt = Number(((w = K.current) == null ? void 0 : w.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), E = (/* @__PURE__ */ new Date()).getTime() - ((k = Bt.current) == null ? void 0 : k.getTime()), R = C === "x" ? M : mt, gt = Math.abs(R) / E;
+      if (Math.abs(R) >= De || gt > 0.11) {
+        kt(Z.current), a.onDismiss == null || a.onDismiss.call(a, a), y(C === "x" ? M > 0 ? "right" : "left" : mt > 0 ? "down" : "up"), U(), ot(!0);
+        return;
+      } else {
+        var A, O;
+        (A = K.current) == null || A.style.setProperty("--swipe-amount-x", "0px"), (O = K.current) == null || O.style.setProperty("--swipe-amount-y", "0px");
+      }
+      Dt(!1), Q(!1), nt(null);
+    },
+    onPointerMove: (l) => {
+      var w, k, M;
+      if (!tt.current || !J || ((w = window.getSelection()) == null ? void 0 : w.toString().length) > 0) return;
+      const E = l.clientY - tt.current.y, R = l.clientX - tt.current.x;
+      var gt;
+      const A = (gt = n.swipeDirections) != null ? gt : Be(at);
+      !C && (Math.abs(R) > 1 || Math.abs(E) > 1) && nt(Math.abs(R) > Math.abs(E) ? "x" : "y");
+      let O = {
+        x: 0,
+        y: 0
+      };
+      const Pt = (W) => 1 / (1.5 + Math.abs(W) / 20);
+      if (C === "y") {
+        if (A.includes("top") || A.includes("bottom"))
+          if (A.includes("top") && E < 0 || A.includes("bottom") && E > 0)
+            O.y = E;
+          else {
+            const W = E * Pt(E);
+            O.y = Math.abs(W) < Math.abs(E) ? W : E;
+          }
+      } else if (C === "x" && (A.includes("left") || A.includes("right")))
+        if (A.includes("left") && R < 0 || A.includes("right") && R > 0)
+          O.x = R;
+        else {
+          const W = R * Pt(R);
+          O.x = Math.abs(W) < Math.abs(R) ? W : R;
+        }
+      (Math.abs(O.x) > 0 || Math.abs(O.y) > 0) && Dt(!0), (k = K.current) == null || k.style.setProperty("--swipe-amount-x", `${O.x}px`), (M = K.current) == null || M.style.setProperty("--swipe-amount-y", `${O.y}px`);
+    }
+  }, Jt && !a.jsx && I !== "loading" ? /* @__PURE__ */ r.createElement("button", {
+    "aria-label": V,
+    "data-disabled": Nt,
+    "data-close-button": !0,
+    onClick: Nt || !J ? () => {
+    } : () => {
+      U(), a.onDismiss == null || a.onDismiss.call(a, a);
+    },
+    className: L(u == null ? void 0 : u.closeButton, a == null || (s = a.classNames) == null ? void 0 : s.closeButton)
+  }, (Ht = B == null ? void 0 : B.close) != null ? Ht : ye) : null, (I || a.icon || a.promise) && a.icon !== null && ((B == null ? void 0 : B[I]) !== null || a.icon) ? /* @__PURE__ */ r.createElement("div", {
+    "data-icon": "",
+    className: L(u == null ? void 0 : u.icon, a == null || (g = a.classNames) == null ? void 0 : g.icon)
+  }, a.promise || a.type === "loading" && !a.icon ? a.icon || ae() : null, a.type !== "loading" ? ne : null) : null, /* @__PURE__ */ r.createElement("div", {
+    "data-content": "",
+    className: L(u == null ? void 0 : u.content, a == null || (o = a.classNames) == null ? void 0 : o.content)
+  }, /* @__PURE__ */ r.createElement("div", {
+    "data-title": "",
+    className: L(u == null ? void 0 : u.title, a == null || (d = a.classNames) == null ? void 0 : d.title)
+  }, a.jsx ? a.jsx : typeof a.title == "function" ? a.title() : a.title), a.description ? /* @__PURE__ */ r.createElement("div", {
+    "data-description": "",
+    className: L($, Qt, u == null ? void 0 : u.description, a == null || (T = a.classNames) == null ? void 0 : T.description)
+  }, typeof a.description == "function" ? a.description() : a.description) : null), /* @__PURE__ */ r.isValidElement(a.cancel) ? a.cancel : a.cancel && bt(a.cancel) ? /* @__PURE__ */ r.createElement("button", {
+    "data-button": !0,
+    "data-cancel": !0,
+    style: a.cancelButtonStyle || ut,
+    onClick: (l) => {
+      bt(a.cancel) && J && (a.cancel.onClick == null || a.cancel.onClick.call(a.cancel, l), U());
+    },
+    className: L(u == null ? void 0 : u.cancelButton, a == null || (v = a.classNames) == null ? void 0 : v.cancelButton)
+  }, a.cancel.label) : null, /* @__PURE__ */ r.isValidElement(a.action) ? a.action : a.action && bt(a.action) ? /* @__PURE__ */ r.createElement("button", {
+    "data-button": !0,
+    "data-action": !0,
+    style: a.actionButtonStyle || wt,
+    onClick: (l) => {
+      bt(a.action) && (a.action.onClick == null || a.action.onClick.call(a.action, l), !l.defaultPrevented && U());
+    },
+    className: L(u == null ? void 0 : u.actionButton, a == null || (i = a.classNames) == null ? void 0 : i.actionButton)
+  }, a.action.label) : null);
+};
+function Vt() {
+  if (typeof window == "undefined" || typeof document == "undefined") return "ltr";
+  const n = document.documentElement.getAttribute("dir");
+  return n === "auto" || !n ? window.getComputedStyle(document.documentElement).direction : n;
+}
+function Ae(n, t) {
+  const e = {};
+  return [
+    n,
+    t
+  ].forEach((s, g) => {
+    const o = g === 1, d = o ? "--mobile-offset" : "--offset", T = o ? _e : Ne;
+    function v(i) {
+      [
+        "top",
+        "right",
+        "bottom",
+        "left"
+      ].forEach((N) => {
+        e[`${d}-${N}`] = typeof i == "number" ? `${i}px` : i;
+      });
+    }
+    typeof s == "number" || typeof s == "string" ? v(s) : typeof s == "object" ? [
+      "top",
+      "right",
+      "bottom",
+      "left"
+    ].forEach((i) => {
+      s[i] === void 0 ? e[`${d}-${i}`] = T : e[`${d}-${i}`] = typeof s[i] == "number" ? `${s[i]}px` : s[i];
+    }) : v(T);
+  }), e;
+}
+const Oe = /* @__PURE__ */ r.forwardRef(function(t, e) {
+  const { invert: s, position: g = "bottom-right", hotkey: o = [
+    "altKey",
+    "KeyT"
+  ], expand: d, closeButton: T, className: v, offset: i, mobileOffset: N, theme: a = "light", richColors: z, duration: F, style: S, visibleToasts: vt = Se, toastOptions: m, dir: Y = Vt(), gap: dt = Me, icons: et, containerAriaLabel: ct = "Notifications" } = t, [H, q] = r.useState([]), xt = r.useMemo(() => Array.from(new Set([
+    g
+  ].concat(H.filter((f) => f.position).map((f) => f.position)))), [
+    H,
+    g
+  ]), [ut, wt] = r.useState([]), [Et, $] = r.useState(!1), [G, at] = r.useState(!1), [Tt, P] = r.useState(a !== "system" ? a : typeof window != "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), u = r.useRef(null), B = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), V = r.useRef(null), C = r.useRef(!1), nt = r.useCallback((f) => {
+    q((y) => {
+      var h;
+      return (h = y.find((D) => D.id === f.id)) != null && h.delete || _.dismiss(f.id), y.filter(({ id: D }) => D !== f.id);
+    });
+  }, []);
+  return r.useEffect(() => _.subscribe((f) => {
+    if (f.dismiss) {
+      requestAnimationFrame(() => {
+        q((y) => y.map((h) => h.id === f.id ? x(c({}, h), {
+          delete: !0
+        }) : h));
+      });
+      return;
+    }
+    setTimeout(() => {
+      ie.flushSync(() => {
+        q((y) => {
+          const h = y.findIndex((D) => D.id === f.id);
+          return h !== -1 ? [
+            ...y.slice(0, h),
+            c(c({}, y[h]), f),
+            ...y.slice(h + 1)
+          ] : [
+            f,
+            ...y
+          ];
+        });
+      });
+    });
+  }), [
+    H
+  ]), r.useEffect(() => {
+    if (a !== "system") {
+      P(a);
+      return;
+    }
+    if (a === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? P("dark") : P("light")), typeof window == "undefined") return;
+    const f = window.matchMedia("(prefers-color-scheme: dark)");
+    try {
+      f.addEventListener("change", ({ matches: y }) => {
+        P(y ? "dark" : "light");
+      });
+    } catch (y) {
+      f.addListener(({ matches: h }) => {
+        try {
+          P(h ? "dark" : "light");
+        } catch (D) {
+          console.error(D);
+        }
+      });
+    }
+  }, [
+    a
+  ]), r.useEffect(() => {
+    H.length <= 1 && $(!1);
+  }, [
+    H
+  ]), r.useEffect(() => {
+    const f = (y) => {
+      var h;
+      if (o.every((b) => y[b] || y.code === b)) {
+        var X;
+        $(!0), (X = u.current) == null || X.focus();
+      }
+      y.code === "Escape" && (document.activeElement === u.current || (h = u.current) != null && h.contains(document.activeElement)) && $(!1);
+    };
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+  }, [
+    o
+  ]), r.useEffect(() => {
+    if (u.current)
+      return () => {
+        V.current && (V.current.focus({
+          preventScroll: !0
+        }), V.current = null, C.current = !1);
+      };
+  }, [
+    u.current
+  ]), // Remove item from normal navigation flow, only available via hotkey
+  /* @__PURE__ */ r.createElement("section", {
+    ref: e,
+    "aria-label": `${ct} ${B}`,
+    tabIndex: -1,
+    "aria-live": "polite",
+    "aria-relevant": "additions text",
+    "aria-atomic": "false",
+    suppressHydrationWarning: !0
+  }, xt.map((f, y) => {
+    var h;
+    const [D, X] = f.split("-");
+    return H.length ? /* @__PURE__ */ r.createElement("ol", {
+      key: f,
+      dir: Y === "auto" ? Vt() : Y,
+      tabIndex: -1,
+      ref: u,
+      className: v,
+      "data-sonner-toaster": !0,
+      "data-sonner-theme": Tt,
+      "data-y-position": D,
+      "data-x-position": X,
+      style: c(c({
+        "--front-toast-height": `${((h = ut[0]) == null ? void 0 : h.height) || 0}px`,
+        "--width": `${Ie}px`,
+        "--gap": `${dt}px`
+      }, S), Ae(i, N)),
+      onBlur: (b) => {
+        C.current && !b.currentTarget.contains(b.relatedTarget) && (C.current = !1, V.current && (V.current.focus({
+          preventScroll: !0
+        }), V.current = null));
+      },
+      onFocus: (b) => {
+        b.target instanceof HTMLElement && b.target.dataset.dismissible === "false" || C.current || (C.current = !0, V.current = b.relatedTarget);
+      },
+      onMouseEnter: () => $(!0),
+      onMouseMove: () => $(!0),
+      onMouseLeave: () => {
+        G || $(!1);
+      },
+      onDragEnd: () => $(!1),
+      onPointerDown: (b) => {
+        b.target instanceof HTMLElement && b.target.dataset.dismissible === "false" || at(!0);
+      },
+      onPointerUp: () => at(!1)
+    }, H.filter((b) => !b.position && y === 0 || b.position === f).map((b, st) => {
+      var Q, rt;
+      return /* @__PURE__ */ r.createElement(Ce, {
+        key: b.id,
+        icons: et,
+        index: st,
+        toast: b,
+        defaultRichColors: z,
+        duration: (Q = m == null ? void 0 : m.duration) != null ? Q : F,
+        className: m == null ? void 0 : m.className,
+        descriptionClassName: m == null ? void 0 : m.descriptionClassName,
+        invert: s,
+        visibleToasts: vt,
+        closeButton: (rt = m == null ? void 0 : m.closeButton) != null ? rt : T,
+        interacting: G,
+        position: f,
+        style: m == null ? void 0 : m.style,
+        unstyled: m == null ? void 0 : m.unstyled,
+        classNames: m == null ? void 0 : m.classNames,
+        cancelButtonStyle: m == null ? void 0 : m.cancelButtonStyle,
+        actionButtonStyle: m == null ? void 0 : m.actionButtonStyle,
+        closeButtonAriaLabel: m == null ? void 0 : m.closeButtonAriaLabel,
+        removeToast: nt,
+        toasts: H.filter((ot) => ot.position == b.position),
+        heights: ut.filter((ot) => ot.position == b.position),
+        setHeights: wt,
+        expandByDefault: d,
+        gap: dt,
+        expanded: Et,
+        swipeDirections: t.swipeDirections
+      });
+    })) : null;
+  }));
+});
+function Mt(n, t = /* @__PURE__ */ new Set()) {
+  const e = [];
+  if (typeof n == "string")
+    return n.trim() !== "" && e.push(n), e;
+  if (n instanceof Error) {
+    const s = n.message || n.name;
+    return s && s.trim() !== "" && e.push(s), e;
+  }
+  if (Array.isArray(n)) {
+    for (const s of n)
+      e.push(...Mt(s, t));
+    return e;
+  }
+  if (n && typeof n == "object" && !t.has(n)) {
+    t.add(n);
+    const s = [
+      "message",
+      "error",
+      "msg",
+      "text",
+      "description",
+      "detail",
+      "errors"
+    ];
+    for (const g of s) {
+      const o = n;
+      g in o && e.push(...Mt(o[g], t));
+    }
+  }
+  if (typeof n != "object" && n !== null && n !== void 0) {
+    const s = String(n);
+    s.trim() !== "" && e.push(s);
+  }
+  return Array.from(new Set(e)).filter(
+    (s) => s !== "[object Object]"
+  );
+}
+function lt(n, t, e) {
+  const s = Mt(n);
+  return s.length === 0 ? (t && t(n), [e || "Произошла ошибка"]) : s;
+}
+function je(n, t) {
+  return p(n, t);
+}
+const Ve = Object.assign(je, {
+  success: (n, t) => {
+    const e = typeof n == "string" ? [(t == null ? void 0 : t.defaultMessage) || n] : lt(
+      n,
+      t == null ? void 0 : t.onExtractError,
+      t == null ? void 0 : t.defaultMessage
+    );
+    return e.length > 1 ? e.map((s) => (() => {
+      const o = p.success(
+        /* @__PURE__ */ j(
+          "div",
+          {
+            onClick: () => p.dismiss(o),
+            onKeyDown: (d) => {
+              (d.key === "Enter" || d.key === " ") && p.dismiss(o);
+            },
+            role: "button",
+            tabIndex: 0,
+            style: { cursor: "pointer", width: "100%" },
+            children: s
+          }
+        ),
+        x(c({}, t), {
+          duration: 1 / 0,
+          unstyled: !1
+        })
+      );
+      return o;
+    })()) : p.success(e[0], t);
+  },
+  error: (n, t) => {
+    const e = typeof n == "string" ? [(t == null ? void 0 : t.defaultMessage) || n] : lt(
+      n,
+      t == null ? void 0 : t.onExtractError,
+      t == null ? void 0 : t.defaultMessage
+    );
+    return e.length > 1 ? e.map((s) => (() => {
+      const o = p.error(
+        /* @__PURE__ */ j(
+          "div",
+          {
+            onClick: () => p.dismiss(o),
+            onKeyDown: (d) => {
+              (d.key === "Enter" || d.key === " ") && p.dismiss(o);
+            },
+            role: "button",
+            tabIndex: 0,
+            style: { cursor: "pointer", width: "100%" },
+            children: s
+          }
+        ),
+        x(c({}, t), {
+          duration: 1 / 0,
+          unstyled: !1
+        })
+      );
+      return o;
+    })()) : p.error(e[0], t);
+  },
+  info: (n, t) => {
+    const e = typeof n == "string" ? [(t == null ? void 0 : t.defaultMessage) || n] : lt(
+      n,
+      t == null ? void 0 : t.onExtractError,
+      t == null ? void 0 : t.defaultMessage
+    );
+    return e.length > 1 ? e.map((s) => (() => {
+      const o = p.info(
+        // Обертка с обработчиком клика для закрытия
+        /* @__PURE__ */ j(
+          "div",
+          {
+            onClick: () => p.dismiss(o),
+            onKeyDown: (d) => {
+              (d.key === "Enter" || d.key === " ") && p.dismiss(o);
+            },
+            role: "button",
+            tabIndex: 0,
+            style: { cursor: "pointer", width: "100%" },
+            children: s
+          }
+        ),
+        x(c({}, t), {
+          duration: 1 / 0,
+          // Не скрываем автоматически
+          unstyled: !1
+        })
+      );
+      return o;
+    })()) : p.info(e[0], t);
+  },
+  warning: (n, t) => {
+    const e = typeof n == "string" ? [(t == null ? void 0 : t.defaultMessage) || n] : lt(
+      n,
+      t == null ? void 0 : t.onExtractError,
+      t == null ? void 0 : t.defaultMessage
+    );
+    return e.length > 1 ? e.map((s) => (() => {
+      const o = p.warning(
+        // Обертка с обработчиком клика для закрытия
+        /* @__PURE__ */ j(
+          "div",
+          {
+            onClick: () => p.dismiss(o),
+            onKeyDown: (d) => {
+              (d.key === "Enter" || d.key === " ") && p.dismiss(o);
+            },
+            role: "button",
+            tabIndex: 0,
+            style: { cursor: "pointer", width: "100%" },
+            children: s
+          }
+        ),
+        x(c({}, t), {
+          duration: 1 / 0,
+          unstyled: !1
+        })
+      );
+      return o;
+    })()) : p.warning(e[0], t);
+  },
+  loading: (n, t) => {
+    const e = typeof n == "string" ? [(t == null ? void 0 : t.defaultMessage) || n] : lt(
+      n,
+      t == null ? void 0 : t.onExtractError,
+      t == null ? void 0 : t.defaultMessage
+    );
+    return e.length > 1 ? e.map((s) => (() => {
+      const o = p.loading(
+        /* @__PURE__ */ j(
+          "div",
+          {
+            onClick: () => p.dismiss(o),
+            onKeyDown: (d) => {
+              (d.key === "Enter" || d.key === " ") && p.dismiss(o);
+            },
+            role: "button",
+            tabIndex: 0,
+            style: { cursor: "pointer", width: "100%" },
+            children: s
+          }
+        ),
+        x(c({}, t), {
+          unstyled: !1
+        })
+      );
+      return o;
+    })()) : p.loading(e[0], t);
+  },
+  dismiss: (n) => {
+    p.dismiss(n);
+  },
+  promise(n, o) {
+    var d = o, {
+      loading: t,
+      success: e,
+      error: s
+    } = d, g = pt(d, [
+      "loading",
+      "success",
+      "error"
+    ]);
+    return p.promise(n, c({
+      loading: t,
+      success: e,
+      error: s
+    }, g));
+  }
+});
+function Ke(t) {
+  var n = pt(t, []);
+  return /* @__PURE__ */ j(
+    Oe,
+    c({
+      visibleToasts: 1 / 0,
+      gap: 4,
+      style: {
+        zIndex: 1020
+      },
+      className: "toaster group left-[0]! mx-auto! flex! w-auto! max-w-[100%]! flex-col! items-center! justify-center! max-sm:right-0! max-sm:w-full! md:left-[50%]! md:w-auto! md:max-w-[356px]! [&_[data-content]]:w-max [&_[data-sonner-toast]]:max-sm:right-auto! [&_[data-sonner-toast]]:max-sm:left-auto! [&_[data-title]]:line-clamp-2 [&_[data-title]]:font-normal!",
+      toastOptions: {
+        className: "text-white! font-graphik font-normal! bg-spotlight-background! border-spotlight-background! rounded-[1000px]! w-fit! md:w-auto! max-w-[92%]! md:max-w-[500px]! py-2.5! px-4! m-0! min-h-10 gap-2! text-center! align-center! cursor-pointer!",
+        style: {
+          // @ts-expect-error CSS custom properties are not typed in React's style object
+          "--z-index": 1020,
+          "z-index": "calc(var(--z-index) - var(--index))",
+          "--toast-icon-margin-start": "0px",
+          "--toast-icon-margin-end": "0px"
+        },
+        dismissible: !0
+      },
+      position: "top-center",
+      icons: {
+        success: /* @__PURE__ */ j(yt, { icon: "CheckCircleFillIcon", className: "text-positive" }),
+        info: /* @__PURE__ */ j(yt, { icon: "InfoFillIcon" }),
+        error: /* @__PURE__ */ j(yt, { icon: "CancelFillIcon", className: "text-destructive" }),
+        loading: /* @__PURE__ */ j(le, { className: "text-white" }),
+        warning: /* @__PURE__ */ j(yt, { icon: "InfoFillIcon", className: "text-warning" })
+      }
+    }, n)
+  );
+}
+export {
+  Ke as Toaster,
+  Ve as toast
+};