welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.3

package/dist/Toast.js

@@ -1,78 +1,80 @@
 "use client";
-import { jsx as k, Fragment as re } from "react/jsx-runtime";
+import { jsxs as N, jsx as y, Fragment as B } from "react/jsx-runtime";
 import * as f from "react";
-import { useRef as U, useCallback as _, useEffect as I, useState as se, forwardRef as W, cloneElement as oe } from "react";
-import { c as P } from "./index-CdiHdiVB.js";
-import { Alert as Y } from "./Alert.js";
-import { Button as ie } from "./Button.js";
-import { f as ne } from "./forwardRefWithAs-8eP3ZN15.js";
-let le = { data: "" }, ce = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || le, de = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, pe = /\/\*[^]*?\*\/|  +/g, H = /\n+/g, x = (e, t) => {
-  let a = "", s = "", i = "";
+import { useRef as Y, useCallback as z, useEffect as S, useState as de, forwardRef as Z, cloneElement as pe } from "react";
+import { c as L } from "./index-PAaZGbyz.js";
+import { Button as K } from "./Button.js";
+import { CloseButton as Q } from "./CloseButton.js";
+import { Icon as V } from "./Icon.js";
+import { Text as P } from "./Text.js";
+import { f as J } from "./forwardRefWithAs-8eP3ZN15.js";
+let me = { data: "" }, ue = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || me, fe = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, ge = /\/\*[^]*?\*\/|  +/g, W = /\n+/g, w = (e, t) => {
+  let r = "", s = "", i = "";
   for (let o in e) {
-    let r = e[o];
-    o[0] == "@" ? o[1] == "i" ? a = o + " " + r + ";" : s += o[1] == "f" ? x(r, o) : o + "{" + x(r, o[1] == "k" ? "" : t) + "}" : typeof r == "object" ? s += x(r, t ? t.replace(/([^,])+/g, (n) => o.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, n) : n ? n + " " + l : l)) : o) : r != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), i += x.p ? x.p(o, r) : o + ":" + r + ";");
+    let a = e[o];
+    o[0] == "@" ? o[1] == "i" ? r = o + " " + a + ";" : s += o[1] == "f" ? w(a, o) : o + "{" + w(a, o[1] == "k" ? "" : t) + "}" : typeof a == "object" ? s += w(a, t ? t.replace(/([^,])+/g, (n) => o.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, n) : n ? n + " " + l : l)) : o) : a != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), i += w.p ? w.p(o, a) : o + ":" + a + ";");
   }
-  return a + (t && i ? t + "{" + i + "}" : i) + s;
-}, b = {}, Z = (e) => {
+  return r + (t && i ? t + "{" + i + "}" : i) + s;
+}, v = {}, X = (e) => {
   if (typeof e == "object") {
     let t = "";
-    for (let a in e) t += a + Z(e[a]);
+    for (let r in e) t += r + X(e[r]);
     return t;
   }
   return e;
-}, ue = (e, t, a, s, i) => {
-  let o = Z(e), r = b[o] || (b[o] = ((l) => {
-    let d = 0, p = 11;
-    for (; d < l.length; ) p = 101 * p + l.charCodeAt(d++) >>> 0;
-    return "go" + p;
+}, ye = (e, t, r, s, i) => {
+  let o = X(e), a = v[o] || (v[o] = ((l) => {
+    let c = 0, d = 11;
+    for (; c < l.length; ) d = 101 * d + l.charCodeAt(c++) >>> 0;
+    return "go" + d;
   })(o));
-  if (!b[r]) {
-    let l = o !== e ? e : ((d) => {
-      let p, c, m = [{}];
-      for (; p = de.exec(d.replace(pe, "")); ) p[4] ? m.shift() : p[3] ? (c = p[3].replace(H, " ").trim(), m.unshift(m[0][c] = m[0][c] || {})) : m[0][p[1]] = p[2].replace(H, " ").trim();
-      return m[0];
+  if (!v[a]) {
+    let l = o !== e ? e : ((c) => {
+      let d, p, u = [{}];
+      for (; d = fe.exec(c.replace(ge, "")); ) d[4] ? u.shift() : d[3] ? (p = d[3].replace(W, " ").trim(), u.unshift(u[0][p] = u[0][p] || {})) : u[0][d[1]] = d[2].replace(W, " ").trim();
+      return u[0];
     })(e);
-    b[r] = x(i ? { ["@keyframes " + r]: l } : l, a ? "" : "." + r);
+    v[a] = w(i ? { ["@keyframes " + a]: l } : l, r ? "" : "." + a);
   }
-  let n = a && b.g ? b.g : null;
-  return a && (b.g = b[r]), ((l, d, p, c) => {
-    c ? d.data = d.data.replace(c, l) : d.data.indexOf(l) === -1 && (d.data = p ? l + d.data : d.data + l);
-  })(b[r], t, s, n), r;
-}, me = (e, t, a) => e.reduce((s, i, o) => {
-  let r = t[o];
-  if (r && r.call) {
-    let n = r(a), l = n && n.props && n.props.className || /^go/.test(n) && n;
-    r = l ? "." + l : n && typeof n == "object" ? n.props ? "" : x(n, "") : n === !1 ? "" : n;
+  let n = r && v.g ? v.g : null;
+  return r && (v.g = v[a]), ((l, c, d, p) => {
+    p ? c.data = c.data.replace(p, l) : c.data.indexOf(l) === -1 && (c.data = d ? l + c.data : c.data + l);
+  })(v[a], t, s, n), a;
+}, be = (e, t, r) => e.reduce((s, i, o) => {
+  let a = t[o];
+  if (a && a.call) {
+    let n = a(r), l = n && n.props && n.props.className || /^go/.test(n) && n;
+    a = l ? "." + l : n && typeof n == "object" ? n.props ? "" : w(n, "") : n === !1 ? "" : n;
   }
-  return s + i + (r ?? "");
+  return s + i + (a ?? "");
 }, "");
-function O(e) {
-  let t = this || {}, a = e.call ? e(t.p) : e;
-  return ue(a.unshift ? a.raw ? me(a, [].slice.call(arguments, 1), t.p) : a.reduce((s, i) => Object.assign(s, i && i.call ? i(t.p) : i), {}) : a, ce(t.target), t.g, t.o, t.k);
+function q(e) {
+  let t = this || {}, r = e.call ? e(t.p) : e;
+  return ye(r.unshift ? r.raw ? be(r, [].slice.call(arguments, 1), t.p) : r.reduce((s, i) => Object.assign(s, i && i.call ? i(t.p) : i), {}) : r, ue(t.target), t.g, t.o, t.k);
 }
-let q, S, T;
-O.bind({ g: 1 });
-let v = O.bind({ k: 1 });
-function fe(e, t, a, s) {
-  x.p = t, q = e, S = a, T = s;
+let ee, R, F;
+q.bind({ g: 1 });
+let x = q.bind({ k: 1 });
+function he(e, t, r, s) {
+  w.p = t, ee = e, R = r, F = s;
 }
-function w(e, t) {
-  let a = this || {};
+function _(e, t) {
+  let r = this || {};
   return function() {
     let s = arguments;
-    function i(o, r) {
+    function i(o, a) {
       let n = Object.assign({}, o), l = n.className || i.className;
-      a.p = Object.assign({ theme: S && S() }, n), a.o = / *go\d+/.test(l), n.className = O.apply(a, s) + (l ? " " + l : "");
-      let d = e;
-      return e[0] && (d = n.as || e, delete n.as), T && d[0] && T(n), q(d, n);
+      r.p = Object.assign({ theme: R && R() }, n), r.o = / *go\d+/.test(l), n.className = q.apply(r, s) + (l ? " " + l : "");
+      let c = e;
+      return e[0] && (c = n.as || e, delete n.as), F && c[0] && F(n), ee(c, n);
     }
     return i;
   };
 }
-var ge = (e) => typeof e == "function", C = (e, t) => ge(e) ? e(t) : e, ye = /* @__PURE__ */ (() => {
+var ve = (e) => typeof e == "function", D = (e, t) => ve(e) ? e(t) : e, xe = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (++e).toString();
-})(), K = /* @__PURE__ */ (() => {
+})(), te = /* @__PURE__ */ (() => {
   let e;
   return () => {
     if (e === void 0 && typeof window < "u") {
@@ -81,115 +83,115 @@ var ge = (e) => typeof e == "function", C = (e, t) => ge(e) ? e(t) : e, ye = /*
     }
     return e;
   };
-})(), he = 20, F = "default", Q = (e, t) => {
-  let { toastLimit: a } = e.settings;
+})(), we = 20, M = "default", re = (e, t) => {
+  let { toastLimit: r } = e.settings;
   switch (t.type) {
     case 0:
-      return { ...e, toasts: [t.toast, ...e.toasts].slice(0, a) };
+      return { ...e, toasts: [t.toast, ...e.toasts].slice(0, r) };
     case 1:
-      return { ...e, toasts: e.toasts.map((r) => r.id === t.toast.id ? { ...r, ...t.toast } : r) };
+      return { ...e, toasts: e.toasts.map((a) => a.id === t.toast.id ? { ...a, ...t.toast } : a) };
     case 2:
       let { toast: s } = t;
-      return Q(e, { type: e.toasts.find((r) => r.id === s.id) ? 1 : 0, toast: s });
+      return re(e, { type: e.toasts.find((a) => a.id === s.id) ? 1 : 0, toast: s });
     case 3:
       let { toastId: i } = t;
-      return { ...e, toasts: e.toasts.map((r) => r.id === i || i === void 0 ? { ...r, dismissed: !0, visible: !1 } : r) };
+      return { ...e, toasts: e.toasts.map((a) => a.id === i || i === void 0 ? { ...a, dismissed: !0, visible: !1 } : a) };
     case 4:
-      return t.toastId === void 0 ? { ...e, toasts: [] } : { ...e, toasts: e.toasts.filter((r) => r.id !== t.toastId) };
+      return t.toastId === void 0 ? { ...e, toasts: [] } : { ...e, toasts: e.toasts.filter((a) => a.id !== t.toastId) };
     case 5:
       return { ...e, pausedAt: t.time };
     case 6:
       let o = t.time - (e.pausedAt || 0);
-      return { ...e, pausedAt: void 0, toasts: e.toasts.map((r) => ({ ...r, pauseDuration: r.pauseDuration + o })) };
+      return { ...e, pausedAt: void 0, toasts: e.toasts.map((a) => ({ ...a, pauseDuration: a.pauseDuration + o })) };
   }
-}, j = [], V = { toasts: [], pausedAt: void 0, settings: { toastLimit: he } }, h = {}, J = (e, t = F) => {
-  h[t] = Q(h[t] || V, e), j.forEach(([a, s]) => {
-    a === t && s(h[t]);
+}, C = [], ae = { toasts: [], pausedAt: void 0, settings: { toastLimit: we } }, h = {}, se = (e, t = M) => {
+  h[t] = re(h[t] || ae, e), C.forEach(([r, s]) => {
+    r === t && s(h[t]);
   });
-}, X = (e) => Object.keys(h).forEach((t) => J(e, t)), be = (e) => Object.keys(h).find((t) => h[t].toasts.some((a) => a.id === e)), D = (e = F) => (t) => {
-  J(t, e);
-}, ve = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, xe = (e = {}, t = F) => {
-  let [a, s] = se(h[t] || V), i = U(h[t]);
-  I(() => (i.current !== h[t] && s(h[t]), j.push([t, s]), () => {
-    let r = j.findIndex(([n]) => n === t);
-    r > -1 && j.splice(r, 1);
+}, oe = (e) => Object.keys(h).forEach((t) => se(e, t)), _e = (e) => Object.keys(h).find((t) => h[t].toasts.some((r) => r.id === e)), A = (e = M) => (t) => {
+  se(t, e);
+}, je = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, ze = (e = {}, t = M) => {
+  let [r, s] = de(h[t] || ae), i = Y(h[t]);
+  S(() => (i.current !== h[t] && s(h[t]), C.push([t, s]), () => {
+    let a = C.findIndex(([n]) => n === t);
+    a > -1 && C.splice(a, 1);
   }), [t]);
-  let o = a.toasts.map((r) => {
-    var n, l, d;
-    return { ...e, ...e[r.type], ...r, removeDelay: r.removeDelay || ((n = e[r.type]) == null ? void 0 : n.removeDelay) || (e == null ? void 0 : e.removeDelay), duration: r.duration || ((l = e[r.type]) == null ? void 0 : l.duration) || (e == null ? void 0 : e.duration) || ve[r.type], style: { ...e.style, ...(d = e[r.type]) == null ? void 0 : d.style, ...r.style } };
+  let o = r.toasts.map((a) => {
+    var n, l, c;
+    return { ...e, ...e[a.type], ...a, removeDelay: a.removeDelay || ((n = e[a.type]) == null ? void 0 : n.removeDelay) || (e == null ? void 0 : e.removeDelay), duration: a.duration || ((l = e[a.type]) == null ? void 0 : l.duration) || (e == null ? void 0 : e.duration) || je[a.type], style: { ...e.style, ...(c = e[a.type]) == null ? void 0 : c.style, ...a.style } };
   });
-  return { ...a, toasts: o };
-}, we = (e, t = "blank", a) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: t, ariaProps: { role: "status", "aria-live": "polite" }, message: e, pauseDuration: 0, ...a, id: (a == null ? void 0 : a.id) || ye() }), $ = (e) => (t, a) => {
-  let s = we(t, e, a);
-  return D(s.toasterId || be(s.id))({ type: 2, toast: s }), s.id;
-}, u = (e, t) => $("blank")(e, t);
-u.error = $("error");
-u.success = $("success");
-u.loading = $("loading");
-u.custom = $("custom");
-u.dismiss = (e, t) => {
-  let a = { type: 3, toastId: e };
-  t ? D(t)(a) : X(a);
+  return { ...r, toasts: o };
+}, Ne = (e, t = "blank", r) => ({ createdAt: Date.now(), visible: !0, dismissed: !1, type: t, ariaProps: { role: "status", "aria-live": "polite" }, message: e, pauseDuration: 0, ...r, id: (r == null ? void 0 : r.id) || xe() }), $ = (e) => (t, r) => {
+  let s = Ne(t, e, r);
+  return A(s.toasterId || _e(s.id))({ type: 2, toast: s }), s.id;
+}, m = (e, t) => $("blank")(e, t);
+m.error = $("error");
+m.success = $("success");
+m.loading = $("loading");
+m.custom = $("custom");
+m.dismiss = (e, t) => {
+  let r = { type: 3, toastId: e };
+  t ? A(t)(r) : oe(r);
 };
-u.dismissAll = (e) => u.dismiss(void 0, e);
-u.remove = (e, t) => {
-  let a = { type: 4, toastId: e };
-  t ? D(t)(a) : X(a);
+m.dismissAll = (e) => m.dismiss(void 0, e);
+m.remove = (e, t) => {
+  let r = { type: 4, toastId: e };
+  t ? A(t)(r) : oe(r);
 };
-u.removeAll = (e) => u.remove(void 0, e);
-u.promise = (e, t, a) => {
-  let s = u.loading(t.loading, { ...a, ...a == null ? void 0 : a.loading });
+m.removeAll = (e) => m.remove(void 0, e);
+m.promise = (e, t, r) => {
+  let s = m.loading(t.loading, { ...r, ...r == null ? void 0 : r.loading });
   return typeof e == "function" && (e = e()), e.then((i) => {
-    let o = t.success ? C(t.success, i) : void 0;
-    return o ? u.success(o, { id: s, ...a, ...a == null ? void 0 : a.success }) : u.dismiss(s), i;
+    let o = t.success ? D(t.success, i) : void 0;
+    return o ? m.success(o, { id: s, ...r, ...r == null ? void 0 : r.success }) : m.dismiss(s), i;
   }).catch((i) => {
-    let o = t.error ? C(t.error, i) : void 0;
-    o ? u.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : u.dismiss(s);
+    let o = t.error ? D(t.error, i) : void 0;
+    o ? m.error(o, { id: s, ...r, ...r == null ? void 0 : r.error }) : m.dismiss(s);
   }), e;
 };
-var ke = 1e3, _e = (e, t = "default") => {
-  let { toasts: a, pausedAt: s } = xe(e, t), i = U(/* @__PURE__ */ new Map()).current, o = _((c, m = ke) => {
-    if (i.has(c)) return;
+var ke = 1e3, $e = (e, t = "default") => {
+  let { toasts: r, pausedAt: s } = ze(e, t), i = Y(/* @__PURE__ */ new Map()).current, o = z((p, u = ke) => {
+    if (i.has(p)) return;
     let g = setTimeout(() => {
-      i.delete(c), r({ type: 4, toastId: c });
-    }, m);
-    i.set(c, g);
+      i.delete(p), a({ type: 4, toastId: p });
+    }, u);
+    i.set(p, g);
   }, []);
-  I(() => {
+  S(() => {
     if (s) return;
-    let c = Date.now(), m = a.map((g) => {
+    let p = Date.now(), u = r.map((g) => {
       if (g.duration === 1 / 0) return;
-      let E = (g.duration || 0) + g.pauseDuration - (c - g.createdAt);
+      let E = (g.duration || 0) + g.pauseDuration - (p - g.createdAt);
       if (E < 0) {
-        g.visible && u.dismiss(g.id);
+        g.visible && m.dismiss(g.id);
         return;
       }
-      return setTimeout(() => u.dismiss(g.id, t), E);
+      return setTimeout(() => m.dismiss(g.id, t), E);
     });
     return () => {
-      m.forEach((g) => g && clearTimeout(g));
+      u.forEach((g) => g && clearTimeout(g));
     };
-  }, [a, s, t]);
-  let r = _(D(t), [t]), n = _(() => {
-    r({ type: 5, time: Date.now() });
-  }, [r]), l = _((c, m) => {
-    r({ type: 1, toast: { id: c, height: m } });
-  }, [r]), d = _(() => {
-    s && r({ type: 6, time: Date.now() });
-  }, [s, r]), p = _((c, m) => {
-    let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: L } = m || {}, A = a.filter((y) => (y.position || L) === (c.position || L) && y.height), ae = A.findIndex((y) => y.id === c.id), M = A.filter((y, z) => z < ae && y.visible).length;
-    return A.filter((y) => y.visible).slice(...g ? [M + 1] : [0, M]).reduce((y, z) => y + (z.height || 0) + E, 0);
-  }, [a]);
-  return I(() => {
-    a.forEach((c) => {
-      if (c.dismissed) o(c.id, c.removeDelay);
+  }, [r, s, t]);
+  let a = z(A(t), [t]), n = z(() => {
+    a({ type: 5, time: Date.now() });
+  }, [a]), l = z((p, u) => {
+    a({ type: 1, toast: { id: p, height: u } });
+  }, [a]), c = z(() => {
+    s && a({ type: 6, time: Date.now() });
+  }, [s, a]), d = z((p, u) => {
+    let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: G } = u || {}, I = r.filter((b) => (b.position || G) === (p.position || G) && b.height), ce = I.findIndex((b) => b.id === p.id), U = I.filter((b, T) => T < ce && b.visible).length;
+    return I.filter((b) => b.visible).slice(...g ? [U + 1] : [0, U]).reduce((b, T) => b + (T.height || 0) + E, 0);
+  }, [r]);
+  return S(() => {
+    r.forEach((p) => {
+      if (p.dismissed) o(p.id, p.removeDelay);
       else {
-        let m = i.get(c.id);
-        m && (clearTimeout(m), i.delete(c.id));
+        let u = i.get(p.id);
+        u && (clearTimeout(u), i.delete(p.id));
       }
     });
-  }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: d, calculateOffset: p } };
-}, $e = v`
+  }, [r, o]), { toasts: r, handlers: { updateHeight: l, startPause: n, endPause: c, calculateOffset: d } };
+}, Ee = x`
 from {
   transform: scale(0) rotate(45deg);
 	opacity: 0;
@@ -197,7 +199,7 @@ from {
 to {
  transform: scale(1) rotate(45deg);
   opacity: 1;
-}`, Ee = v`
+}`, Oe = x`
 from {
   transform: scale(0);
   opacity: 0;
@@ -205,7 +207,7 @@ from {
 to {
   transform: scale(1);
   opacity: 1;
-}`, Ne = v`
+}`, Ce = x`
 from {
   transform: scale(0) rotate(90deg);
 	opacity: 0;
@@ -213,7 +215,7 @@ from {
 to {
   transform: scale(1) rotate(90deg);
 	opacity: 1;
-}`, je = w("div")`
+}`, De = _("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -222,14 +224,14 @@ to {
   position: relative;
   transform: rotate(45deg);
 
-  animation: ${$e} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+  animation: ${Ee} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
     forwards;
   animation-delay: 100ms;
 
   &:after,
   &:before {
     content: '';
-    animation: ${Ee} 0.15s ease-out forwards;
+    animation: ${Oe} 0.15s ease-out forwards;
     animation-delay: 150ms;
     position: absolute;
     border-radius: 3px;
@@ -242,18 +244,18 @@ to {
   }
 
   &:before {
-    animation: ${Ne} 0.15s ease-out forwards;
+    animation: ${Ce} 0.15s ease-out forwards;
     animation-delay: 180ms;
     transform: rotate(90deg);
   }
-`, Ce = v`
+`, qe = x`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Oe = w("div")`
+`, Ae = _("div")`
   width: 12px;
   height: 12px;
   box-sizing: border-box;
@@ -261,8 +263,8 @@ to {
   border-radius: 100%;
   border-color: ${(e) => e.secondary || "#e0e0e0"};
   border-right-color: ${(e) => e.primary || "#616161"};
-  animation: ${Ce} 1s linear infinite;
-`, De = v`
+  animation: ${qe} 1s linear infinite;
+`, Ie = x`
 from {
   transform: scale(0) rotate(45deg);
 	opacity: 0;
@@ -270,7 +272,7 @@ from {
 to {
   transform: scale(1) rotate(45deg);
 	opacity: 1;
-}`, Ae = v`
+}`, Te = x`
 0% {
 	height: 0;
 	width: 0;
@@ -284,7 +286,7 @@ to {
 100% {
   opacity: 1;
   height: 10px;
-}`, ze = w("div")`
+}`, Se = _("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -293,13 +295,13 @@ to {
   position: relative;
   transform: rotate(45deg);
 
-  animation: ${De} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+  animation: ${Ie} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
     forwards;
   animation-delay: 100ms;
   &:after {
     content: '';
     box-sizing: border-box;
-    animation: ${Ae} 0.2s ease-out forwards;
+    animation: ${Te} 0.2s ease-out forwards;
     opacity: 0;
     animation-delay: 200ms;
     position: absolute;
@@ -311,16 +313,16 @@ to {
     height: 10px;
     width: 6px;
   }
-`, Ie = w("div")`
+`, Pe = _("div")`
   position: absolute;
-`, Se = w("div")`
+`, Re = _("div")`
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   min-width: 20px;
   min-height: 20px;
-`, Te = v`
+`, Fe = x`
 from {
   transform: scale(0.6);
   opacity: 0.4;
@@ -328,23 +330,23 @@ from {
 to {
   transform: scale(1);
   opacity: 1;
-}`, Pe = w("div")`
+}`, Le = _("div")`
   position: relative;
   transform: scale(0.6);
   opacity: 0.4;
   min-width: 20px;
-  animation: ${Te} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+  animation: ${Fe} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
     forwards;
-`, Fe = ({ toast: e }) => {
-  let { icon: t, type: a, iconTheme: s } = e;
-  return t !== void 0 ? typeof t == "string" ? f.createElement(Pe, null, t) : t : a === "blank" ? null : f.createElement(Se, null, f.createElement(Oe, { ...s }), a !== "loading" && f.createElement(Ie, null, a === "error" ? f.createElement(je, { ...s }) : f.createElement(ze, { ...s })));
-}, Re = (e) => `
+`, Me = ({ toast: e }) => {
+  let { icon: t, type: r, iconTheme: s } = e;
+  return t !== void 0 ? typeof t == "string" ? f.createElement(Le, null, t) : t : r === "blank" ? null : f.createElement(Re, null, f.createElement(Ae, { ...s }), r !== "loading" && f.createElement(Pe, null, r === "error" ? f.createElement(De, { ...s }) : f.createElement(Se, { ...s })));
+}, He = (e) => `
 0% {transform: translate3d(0,${e * -200}%,0) scale(.6); opacity:.5;}
 100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
-`, Le = (e) => `
+`, Ge = (e) => `
 0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
 100% {transform: translate3d(0,${e * -150}%,-1px) scale(.6); opacity:0;}
-`, Me = "0%{opacity:0;} 100%{opacity:1;}", He = "0%{opacity:1;} 100%{opacity:0;}", Be = w("div")`
+`, Ue = "0%{opacity:0;} 100%{opacity:1;}", We = "0%{opacity:1;} 100%{opacity:0;}", Be = _("div")`
   display: flex;
   align-items: center;
   background: #fff;
@@ -356,106 +358,168 @@ to {
   pointer-events: auto;
   padding: 8px 10px;
   border-radius: 8px;
-`, Ge = w("div")`
+`, Ye = _("div")`
   display: flex;
   justify-content: center;
   margin: 4px 10px;
   color: inherit;
   flex: 1 1 auto;
   white-space: pre-line;
-`, Ue = (e, t) => {
-  let a = e.includes("top") ? 1 : -1, [s, i] = K() ? [Me, He] : [Re(a), Le(a)];
-  return { animation: t ? `${v(s)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${v(i)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
-}, We = f.memo(({ toast: e, position: t, style: a, children: s }) => {
-  let i = e.height ? Ue(e.position || t || "top-center", e.visible) : { opacity: 0 }, o = f.createElement(Fe, { toast: e }), r = f.createElement(Ge, { ...e.ariaProps }, C(e.message, e));
-  return f.createElement(Be, { className: e.className, style: { ...i, ...a, ...e.style } }, typeof s == "function" ? s({ icon: o, message: r }) : f.createElement(f.Fragment, null, o, r));
+`, Ze = (e, t) => {
+  let r = e.includes("top") ? 1 : -1, [s, i] = te() ? [Ue, We] : [He(r), Ge(r)];
+  return { animation: t ? `${x(s)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${x(i)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
+}, Ke = f.memo(({ toast: e, position: t, style: r, children: s }) => {
+  let i = e.height ? Ze(e.position || t || "top-center", e.visible) : { opacity: 0 }, o = f.createElement(Me, { toast: e }), a = f.createElement(Ye, { ...e.ariaProps }, D(e.message, e));
+  return f.createElement(Be, { className: e.className, style: { ...i, ...r, ...e.style } }, typeof s == "function" ? s({ icon: o, message: a }) : f.createElement(f.Fragment, null, o, a));
 });
-fe(f.createElement);
-var Ye = ({ id: e, className: t, style: a, onHeightUpdate: s, children: i }) => {
-  let o = f.useCallback((r) => {
-    if (r) {
+he(f.createElement);
+var Qe = ({ id: e, className: t, style: r, onHeightUpdate: s, children: i }) => {
+  let o = f.useCallback((a) => {
+    if (a) {
       let n = () => {
-        let l = r.getBoundingClientRect().height;
+        let l = a.getBoundingClientRect().height;
         s(e, l);
       };
-      n(), new MutationObserver(n).observe(r, { subtree: !0, childList: !0, characterData: !0 });
+      n(), new MutationObserver(n).observe(a, { subtree: !0, childList: !0, characterData: !0 });
     }
   }, [e, s]);
-  return f.createElement("div", { ref: o, className: t, style: a }, i);
-}, Ze = (e, t) => {
-  let a = e.includes("top"), s = a ? { top: 0 } : { bottom: 0 }, i = e.includes("center") ? { justifyContent: "center" } : e.includes("right") ? { justifyContent: "flex-end" } : {};
-  return { left: 0, right: 0, display: "flex", position: "absolute", transition: K() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)", transform: `translateY(${t * (a ? 1 : -1)}px)`, ...s, ...i };
-}, qe = O`
+  return f.createElement("div", { ref: o, className: t, style: r }, i);
+}, Ve = (e, t) => {
+  let r = e.includes("top"), s = r ? { top: 0 } : { bottom: 0 }, i = e.includes("center") ? { justifyContent: "center" } : e.includes("right") ? { justifyContent: "flex-end" } : {};
+  return { left: 0, right: 0, display: "flex", position: "absolute", transition: te() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)", transform: `translateY(${t * (r ? 1 : -1)}px)`, ...s, ...i };
+}, Je = q`
   z-index: 9999;
   > * {
     pointer-events: auto;
   }
-`, N = 16, Ke = ({ reverseOrder: e, position: t = "top-center", toastOptions: a, gutter: s, children: i, toasterId: o, containerStyle: r, containerClassName: n }) => {
-  let { toasts: l, handlers: d } = _e(a, o);
-  return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: N, left: N, right: N, bottom: N, pointerEvents: "none", ...r }, className: n, onMouseEnter: d.startPause, onMouseLeave: d.endPause }, l.map((p) => {
-    let c = p.position || t, m = d.calculateOffset(p, { reverseOrder: e, gutter: s, defaultPosition: t }), g = Ze(c, m);
-    return f.createElement(Ye, { id: p.id, key: p.id, onHeightUpdate: d.updateHeight, className: p.visible ? qe : "", style: g }, p.type === "custom" ? C(p.message, p) : i ? i(p) : f.createElement(We, { toast: p, position: c }));
+`, O = 16, Xe = ({ reverseOrder: e, position: t = "top-center", toastOptions: r, gutter: s, children: i, toasterId: o, containerStyle: a, containerClassName: n }) => {
+  let { toasts: l, handlers: c } = $e(r, o);
+  return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: O, left: O, right: O, bottom: O, pointerEvents: "none", ...a }, className: n, onMouseEnter: c.startPause, onMouseLeave: c.endPause }, l.map((d) => {
+    let p = d.position || t, u = c.calculateOffset(d, { reverseOrder: e, gutter: s, defaultPosition: t }), g = Ve(p, u);
+    return f.createElement(Qe, { id: d.id, key: d.id, onHeightUpdate: c.updateHeight, className: d.visible ? Je : "", style: g }, d.type === "custom" ? D(d.message, d) : i ? i(d) : f.createElement(Ke, { toast: d, position: p }));
   }));
 };
-const Qe = "_title_1trg0_2", Ve = "_growl_1trg0_12", Je = "_snackbar_1trg0_27", Xe = "_info_1trg0_48", et = "_success_1trg0_51", tt = "_warning_1trg0_54", at = "_danger_1trg0_57", R = {
-  title: Qe,
-  growl: Ve,
-  snackbar: Je,
-  "snackbar-separator": "_snackbar-separator_1trg0_43",
-  info: Xe,
-  success: et,
-  warning: tt,
-  danger: at
-}, B = P(R), ee = W(
-  ({ children: e, className: t, hasCloseButton: a = !0, onClose: s, variant: i, ...o }, r) => /* @__PURE__ */ k(
-    Y,
-    {
-      className: B("growl", t),
-      handleClose: a ? s : void 0,
-      ref: r,
-      variant: i,
-      ...o,
-      children: /* @__PURE__ */ k("div", { className: B("pr-xl"), children: e })
-    }
-  )
-);
-ee.displayName = "Growl";
-const G = P(R), te = W(
-  ({ children: e, className: t, cta: a, hasCloseButton: s = !0, onClose: i, variant: o, ...r }, n) => /* @__PURE__ */ k(
-    Y,
-    {
-      className: G("snackbar", t),
-      cta: a ? /* @__PURE__ */ k(re, { children: /* @__PURE__ */ k("div", { className: G("snackbar-separator", `${o}`, "pr-xl"), children: a }) }) : null,
-      handleClose: s ? i : void 0,
-      ref: n,
-      variant: o,
-      ...r,
-      children: e
-    }
-  )
-), rt = ne((e, t) => /* @__PURE__ */ k(ie, { ref: t, size: "sm", variant: "tertiary", ...e }));
-te.displayName = "Snackbar";
-const st = P(R), ot = ({ children: e, className: t, ...a }) => /* @__PURE__ */ k("p", { className: st("title", t), ...a, children: e }), ut = (e, t) => {
+const et = "_root_q0jyz_2", tt = "_icon_q0jyz_17", rt = "_progress_q0jyz_40", at = "_snackbar_q0jyz_63", st = "_growl_q0jyz_71", ot = "_content_q0jyz_79", it = "_title_q0jyz_91", H = {
+  root: et,
+  icon: tt,
+  "variant-error": "_variant-error_q0jyz_24",
+  "variant-warning": "_variant-warning_q0jyz_28",
+  "variant-success": "_variant-success_q0jyz_32",
+  "variant-info": "_variant-info_q0jyz_36",
+  progress: rt,
+  "progress-bar": "_progress-bar_q0jyz_45",
+  "toast-progress": "_toast-progress_q0jyz_1",
+  "hide-progress-bar": "_hide-progress-bar_q0jyz_52",
+  snackbar: at,
+  growl: st,
+  content: ot,
+  "close-button": "_close-button_q0jyz_85",
+  title: it
+}, j = L(H), ie = Z(
+  ({
+    children: e,
+    className: t,
+    cta: r,
+    duration: s,
+    hasCloseButton: i = !0,
+    onClose: o,
+    showProgressBar: a = !1,
+    title: n,
+    variant: l = "info",
+    ...c
+  }, d) => /* @__PURE__ */ N("div", { className: j("root", `variant-${l}`, t), ref: d, ...c, children: [
+    /* @__PURE__ */ N("div", { className: j("growl"), children: [
+      l ? /* @__PURE__ */ y(V, { className: j("icon"), name: le[l], size: "lg" }) : null,
+      /* @__PURE__ */ N("div", { className: j("content"), children: [
+        /* @__PURE__ */ N("span", { children: [
+          /* @__PURE__ */ y(P, { variant: "body-md-strong", children: n }),
+          /* @__PURE__ */ y(P, { variant: "body-md", children: e })
+        ] }),
+        r ? /* @__PURE__ */ y(B, { children: r }) : null
+      ] }),
+      i ? /* @__PURE__ */ y(Q, { className: j("close-button"), onClick: o, size: "sm" }) : null
+    ] }),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: j(a && "progress"),
+        style: {
+          "--duration": i ? `${s}ms` : "5000ms"
+        },
+        children: /* @__PURE__ */ y("div", { className: j("progress-bar") })
+      }
+    )
+  ] })
+), nt = J((e, t) => /* @__PURE__ */ y(K, { ref: t, size: "md", variant: "secondary", ...e }));
+ie.displayName = "Growl";
+const k = L(H), ne = Z(
+  ({
+    children: e,
+    className: t,
+    cta: r,
+    duration: s,
+    hasCloseButton: i = !0,
+    hideProgressBar: o = !1,
+    onClose: a,
+    variant: n = "info",
+    ...l
+  }, c) => /* @__PURE__ */ N("div", { className: k("root", `variant-${n}`, t), ref: c, ...l, children: [
+    /* @__PURE__ */ N("div", { className: k("snackbar"), children: [
+      n ? /* @__PURE__ */ y(V, { className: k("icon"), name: le[n], size: "lg" }) : null,
+      /* @__PURE__ */ y(P, { variant: "body-md-strong", children: e }),
+      r ? /* @__PURE__ */ y(B, { children: r }) : null,
+      i ? /* @__PURE__ */ y(Q, { onClick: a, size: "sm" }) : null
+    ] }),
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: k("progress", o && "hide-progress-bar"),
+        style: {
+          "--duration": i ? `${s}ms` : "5000ms"
+        },
+        children: /* @__PURE__ */ y("div", { className: k("progress-bar") })
+      }
+    )
+  ] })
+), lt = J((e, t) => /* @__PURE__ */ y(K, { ref: t, size: "md", variant: "secondary", ...e }));
+ne.displayName = "Snackbar";
+const ct = L(H), le = {
+  error: "exclamation-octagon",
+  info: "info-circle",
+  success: "check-circle",
+  warning: "exclamation-triangle"
+}, dt = {
+  error: 8e3,
+  info: 7e3,
+  success: 7e3,
+  warning: 8e3
+}, pt = ({ children: e, className: t, ...r }) => /* @__PURE__ */ y("p", { className: ct("title", t), ...r, children: e }), xt = (e, t) => {
   const s = ("type" in e ? e.type.displayName || e.type.name : void 0) === "Growl" ? "top-right" : "bottom-center", i = () => {
-    t.onClose && t.onClose(), u.dismiss(t.id);
-  }, o = {
-    duration: 7e3,
+    t.onClose && t.onClose(), m.dismiss(t.id);
+  }, o = e.props.variant || "info", a = {
+    duration: dt[o],
     position: s,
     style: {
       backgroundColor: "transparent",
       boxShadow: "none",
+      maxWidth: "100%",
       padding: 0
     },
     ...t
   };
-  return u(oe(e, { onClose: i }), o);
-}, mt = Object.assign(Ke, {
-  Growl: ee,
-  Snackbar: te,
-  SnackbarAction: rt,
-  Title: ot
+  return m(
+    pe(e, { duration: a.duration, onClose: i }),
+    a
+  );
+}, wt = Object.assign(Xe, {
+  Growl: ie,
+  GrowlAction: nt,
+  Snackbar: ne,
+  SnackbarAction: lt,
+  Title: pt
 });
 export {
-  mt as Toast,
-  ut as toast
+  le as ICON,
+  wt as Toast,
+  xt as toast
 };