welcome-ui 10.0.0-alpha.5 → 10.0.0-alpha.6

package/dist/Toast.js

@@ -1,13 +1,13 @@
 "use client";
 import './Toast.css';
-import { jsxs as z, jsx as y, Fragment as B } from "react/jsx-runtime";
+import { jsxs as k, jsx as y, Fragment as B } from "react/jsx-runtime";
 import * as f from "react";
 import { useRef as Y, useCallback as j, useEffect as S, useState as fe, forwardRef as Z, cloneElement as ge } 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 { Text as C } from "./Text.js";
 import { f as J } from "./forwardRefWithAs-8eP3ZN15.js";
 let ye = { data: "" }, be = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || ye, he = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, ve = /\/\*[^]*?\*\/|  +/g, W = /\n+/g, w = (e, t) => {
   let a = "", s = "", i = "";
@@ -25,21 +25,21 @@ let ye = { data: "" }, be = (e) => typeof window == "object" ? ((e ? e.querySele
   return e;
 }, xe = (e, t, a, s, i) => {
   let o = X(e), r = v[o] || (v[o] = ((l) => {
-    let c = 0, d = 11;
-    for (; c < l.length; ) d = 101 * d + l.charCodeAt(c++) >>> 0;
-    return "go" + d;
+    let p = 0, c = 11;
+    for (; p < l.length; ) c = 101 * c + l.charCodeAt(p++) >>> 0;
+    return "go" + c;
   })(o));
   if (!v[r]) {
-    let l = o !== e ? e : ((c) => {
-      let d, p, u = [{}];
-      for (; d = he.exec(c.replace(ve, "")); ) 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];
+    let l = o !== e ? e : ((p) => {
+      let c, d, m = [{}];
+      for (; c = he.exec(p.replace(ve, "")); ) c[4] ? m.shift() : c[3] ? (d = c[3].replace(W, " ").trim(), m.unshift(m[0][d] = m[0][d] || {})) : m[0][c[1]] = c[2].replace(W, " ").trim();
+      return m[0];
     })(e);
     v[r] = w(i ? { ["@keyframes " + r]: l } : l, a ? "" : "." + r);
   }
   let n = a && v.g ? v.g : null;
-  return a && (v.g = v[r]), ((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);
+  return a && (v.g = v[r]), ((l, p, c, d) => {
+    d ? p.data = p.data.replace(d, l) : p.data.indexOf(l) === -1 && (p.data = c ? l + p.data : p.data + l);
   })(v[r], t, s, n), r;
 }, we = (e, t, a) => e.reduce((s, i, o) => {
   let r = t[o];
@@ -49,13 +49,13 @@ let ye = { data: "" }, be = (e) => typeof window == "object" ? ((e ? e.querySele
   }
   return s + i + (r ?? "");
 }, "");
-function C(e) {
+function A(e) {
   let t = this || {}, a = e.call ? e(t.p) : e;
   return xe(a.unshift ? a.raw ? we(a, [].slice.call(arguments, 1), t.p) : a.reduce((s, i) => Object.assign(s, i && i.call ? i(t.p) : i), {}) : a, be(t.target), t.g, t.o, t.k);
 }
 let ee, R, F;
-C.bind({ g: 1 });
-let x = C.bind({ k: 1 });
+A.bind({ g: 1 });
+let x = A.bind({ k: 1 });
 function _e(e, t, a, s) {
   w.p = t, ee = e, R = a, F = s;
 }
@@ -65,14 +65,14 @@ function _(e, t) {
     let s = arguments;
     function i(o, r) {
       let n = Object.assign({}, o), l = n.className || i.className;
-      a.p = Object.assign({ theme: R && R() }, n), a.o = / *go\d+/.test(l), n.className = C.apply(a, s) + (l ? " " + l : "");
-      let c = e;
-      return e[0] && (c = n.as || e, delete n.as), F && c[0] && F(n), ee(c, n);
+      a.p = Object.assign({ theme: R && R() }, n), a.o = / *go\d+/.test(l), n.className = A.apply(a, s) + (l ? " " + l : "");
+      let p = e;
+      return e[0] && (p = n.as || e, delete n.as), F && p[0] && F(n), ee(p, n);
     }
     return i;
   };
 }
-var Ne = (e) => typeof e == "function", A = (e, t) => Ne(e) ? e(t) : e, je = /* @__PURE__ */ (() => {
+var Ne = (e) => typeof e == "function", D = (e, t) => Ne(e) ? e(t) : e, je = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (++e).toString();
 })(), te = /* @__PURE__ */ (() => {
@@ -84,7 +84,7 @@ var Ne = (e) => typeof e == "function", A = (e, t) => Ne(e) ? e(t) : e, je = /*
     }
     return e;
   };
-})(), ze = 20, M = "default", ae = (e, t) => {
+})(), ke = 20, M = "default", ae = (e, t) => {
   let { toastLimit: a } = e.settings;
   switch (t.type) {
     case 0:
@@ -105,11 +105,11 @@ var Ne = (e) => typeof e == "function", A = (e, t) => Ne(e) ? e(t) : e, je = /*
       let o = t.time - (e.pausedAt || 0);
       return { ...e, pausedAt: void 0, toasts: e.toasts.map((r) => ({ ...r, pauseDuration: r.pauseDuration + o })) };
   }
-}, O = [], re = { toasts: [], pausedAt: void 0, settings: { toastLimit: ze } }, h = {}, se = (e, t = M) => {
+}, O = [], re = { toasts: [], pausedAt: void 0, settings: { toastLimit: ke } }, h = {}, se = (e, t = M) => {
   h[t] = ae(h[t] || re, e), O.forEach(([a, s]) => {
     a === t && s(h[t]);
   });
-}, oe = (e) => Object.keys(h).forEach((t) => se(e, t)), ke = (e) => Object.keys(h).find((t) => h[t].toasts.some((a) => a.id === e)), D = (e = M) => (t) => {
+}, oe = (e) => Object.keys(h).forEach((t) => se(e, t)), ze = (e) => Object.keys(h).find((t) => h[t].toasts.some((a) => a.id === e)), q = (e = M) => (t) => {
   se(t, e);
 }, $e = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, Ee = (e = {}, t = M) => {
   let [a, s] = fe(h[t] || re), i = Y(h[t]);
@@ -118,81 +118,81 @@ var Ne = (e) => typeof e == "function", A = (e, t) => Ne(e) ? e(t) : e, je = /*
     r > -1 && O.splice(r, 1);
   }), [t]);
   let o = a.toasts.map((r) => {
-    var n, l, c;
-    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) || $e[r.type], style: { ...e.style, ...(c = e[r.type]) == null ? void 0 : c.style, ...r.style } };
+    var n, l, p;
+    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) || $e[r.type], style: { ...e.style, ...(p = e[r.type]) == null ? void 0 : p.style, ...r.style } };
   });
   return { ...a, toasts: o };
 }, Te = (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) || je() }), $ = (e) => (t, a) => {
   let s = Te(t, e, a);
-  return D(s.toasterId || ke(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) => {
+  return q(s.toasterId || ze(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) : oe(a);
+  t ? q(t)(a) : oe(a);
 };
-m.dismissAll = (e) => m.dismiss(void 0, e);
-m.remove = (e, t) => {
+u.dismissAll = (e) => u.dismiss(void 0, e);
+u.remove = (e, t) => {
   let a = { type: 4, toastId: e };
-  t ? D(t)(a) : oe(a);
+  t ? q(t)(a) : oe(a);
 };
-m.removeAll = (e) => m.remove(void 0, e);
-m.promise = (e, t, a) => {
-  let s = m.loading(t.loading, { ...a, ...a == null ? void 0 : a.loading });
+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 });
   return typeof e == "function" && (e = e()), e.then((i) => {
-    let o = t.success ? A(t.success, i) : void 0;
-    return o ? m.success(o, { id: s, ...a, ...a == null ? void 0 : a.success }) : m.dismiss(s), i;
+    let o = t.success ? D(t.success, i) : void 0;
+    return o ? u.success(o, { id: s, ...a, ...a == null ? void 0 : a.success }) : u.dismiss(s), i;
   }).catch((i) => {
-    let o = t.error ? A(t.error, i) : void 0;
-    o ? m.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : m.dismiss(s);
+    let o = t.error ? D(t.error, i) : void 0;
+    o ? u.error(o, { id: s, ...a, ...a == null ? void 0 : a.error }) : u.dismiss(s);
   }), e;
 };
-var Oe = 1e3, Ae = (e, t = "default") => {
-  let { toasts: a, pausedAt: s } = Ee(e, t), i = Y(/* @__PURE__ */ new Map()).current, o = j((p, u = Oe) => {
-    if (i.has(p)) return;
+var Oe = 1e3, De = (e, t = "default") => {
+  let { toasts: a, pausedAt: s } = Ee(e, t), i = Y(/* @__PURE__ */ new Map()).current, o = j((d, m = Oe) => {
+    if (i.has(d)) return;
     let g = setTimeout(() => {
-      i.delete(p), r({ type: 4, toastId: p });
-    }, u);
-    i.set(p, g);
+      i.delete(d), r({ type: 4, toastId: d });
+    }, m);
+    i.set(d, g);
   }, []);
   S(() => {
     if (s) return;
-    let p = Date.now(), u = a.map((g) => {
+    let d = Date.now(), m = a.map((g) => {
       if (g.duration === 1 / 0) return;
-      let E = (g.duration || 0) + g.pauseDuration - (p - g.createdAt);
+      let E = (g.duration || 0) + g.pauseDuration - (d - g.createdAt);
       if (E < 0) {
-        g.visible && m.dismiss(g.id);
+        g.visible && u.dismiss(g.id);
         return;
       }
-      return setTimeout(() => m.dismiss(g.id, t), E);
+      return setTimeout(() => u.dismiss(g.id, t), E);
     });
     return () => {
-      u.forEach((g) => g && clearTimeout(g));
+      m.forEach((g) => g && clearTimeout(g));
     };
   }, [a, s, t]);
-  let r = j(D(t), [t]), n = j(() => {
+  let r = j(q(t), [t]), n = j(() => {
     r({ type: 5, time: Date.now() });
-  }, [r]), l = j((p, u) => {
-    r({ type: 1, toast: { id: p, height: u } });
-  }, [r]), c = j(() => {
+  }, [r]), l = j((d, m) => {
+    r({ type: 1, toast: { id: d, height: m } });
+  }, [r]), p = j(() => {
     s && r({ type: 6, time: Date.now() });
-  }, [s, r]), d = j((p, u) => {
-    let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: G } = u || {}, q = a.filter((b) => (b.position || G) === (p.position || G) && b.height), ue = q.findIndex((b) => b.id === p.id), U = q.filter((b, I) => I < ue && b.visible).length;
-    return q.filter((b) => b.visible).slice(...g ? [U + 1] : [0, U]).reduce((b, I) => b + (I.height || 0) + E, 0);
+  }, [s, r]), c = j((d, m) => {
+    let { reverseOrder: g = !1, gutter: E = 8, defaultPosition: G } = m || {}, I = a.filter((b) => (b.position || G) === (d.position || G) && b.height), me = I.findIndex((b) => b.id === d.id), U = I.filter((b, P) => P < me && b.visible).length;
+    return I.filter((b) => b.visible).slice(...g ? [U + 1] : [0, U]).reduce((b, P) => b + (P.height || 0) + E, 0);
   }, [a]);
   return S(() => {
-    a.forEach((p) => {
-      if (p.dismissed) o(p.id, p.removeDelay);
+    a.forEach((d) => {
+      if (d.dismissed) o(d.id, d.removeDelay);
       else {
-        let u = i.get(p.id);
-        u && (clearTimeout(u), i.delete(p.id));
+        let m = i.get(d.id);
+        m && (clearTimeout(m), i.delete(d.id));
       }
     });
-  }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: c, calculateOffset: d } };
-}, Ce = x`
+  }, [a, o]), { toasts: a, handlers: { updateHeight: l, startPause: n, endPause: p, calculateOffset: c } };
+}, Ae = x`
 from {
   transform: scale(0) rotate(45deg);
 	opacity: 0;
@@ -200,7 +200,7 @@ from {
 to {
  transform: scale(1) rotate(45deg);
   opacity: 1;
-}`, De = x`
+}`, qe = x`
 from {
   transform: scale(0);
   opacity: 0;
@@ -208,7 +208,7 @@ from {
 to {
   transform: scale(1);
   opacity: 1;
-}`, qe = x`
+}`, Ie = x`
 from {
   transform: scale(0) rotate(90deg);
 	opacity: 0;
@@ -216,7 +216,7 @@ from {
 to {
   transform: scale(1) rotate(90deg);
 	opacity: 1;
-}`, Ie = _("div")`
+}`, Pe = _("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -225,14 +225,14 @@ to {
   position: relative;
   transform: rotate(45deg);
 
-  animation: ${Ce} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+  animation: ${Ae} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
     forwards;
   animation-delay: 100ms;
 
   &:after,
   &:before {
     content: '';
-    animation: ${De} 0.15s ease-out forwards;
+    animation: ${qe} 0.15s ease-out forwards;
     animation-delay: 150ms;
     position: absolute;
     border-radius: 3px;
@@ -245,7 +245,7 @@ to {
   }
 
   &:before {
-    animation: ${qe} 0.15s ease-out forwards;
+    animation: ${Ie} 0.15s ease-out forwards;
     animation-delay: 180ms;
     transform: rotate(90deg);
   }
@@ -256,7 +256,7 @@ to {
   to {
     transform: rotate(360deg);
   }
-`, Pe = _("div")`
+`, Ce = _("div")`
   width: 12px;
   height: 12px;
   box-sizing: border-box;
@@ -340,7 +340,7 @@ to {
     forwards;
 `, We = ({ toast: e }) => {
   let { icon: t, type: a, iconTheme: s } = e;
-  return t !== void 0 ? typeof t == "string" ? f.createElement(Ue, null, t) : t : a === "blank" ? null : f.createElement(He, null, f.createElement(Pe, { ...s }), a !== "loading" && f.createElement(Me, null, a === "error" ? f.createElement(Ie, { ...s }) : f.createElement(Le, { ...s })));
+  return t !== void 0 ? typeof t == "string" ? f.createElement(Ue, null, t) : t : a === "blank" ? null : f.createElement(He, null, f.createElement(Ce, { ...s }), a !== "loading" && f.createElement(Me, null, a === "error" ? f.createElement(Pe, { ...s }) : f.createElement(Le, { ...s })));
 }, Be = (e) => `
 0% {transform: translate3d(0,${e * -200}%,0) scale(.6); opacity:.5;}
 100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
@@ -370,7 +370,7 @@ to {
   let a = e.includes("top") ? 1 : -1, [s, i] = te() ? [Ze, Ke] : [Be(a), Ye(a)];
   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)` };
 }, Xe = f.memo(({ toast: e, position: t, style: a, children: s }) => {
-  let i = e.height ? Je(e.position || t || "top-center", e.visible) : { opacity: 0 }, o = f.createElement(We, { toast: e }), r = f.createElement(Ve, { ...e.ariaProps }, A(e.message, e));
+  let i = e.height ? Je(e.position || t || "top-center", e.visible) : { opacity: 0 }, o = f.createElement(We, { toast: e }), r = f.createElement(Ve, { ...e.ariaProps }, D(e.message, e));
   return f.createElement(Qe, { className: e.className, style: { ...i, ...a, ...e.style } }, typeof s == "function" ? s({ icon: o, message: r }) : f.createElement(f.Fragment, null, o, r));
 });
 _e(f.createElement);
@@ -388,16 +388,16 @@ var et = ({ id: e, className: t, style: a, onHeightUpdate: s, children: i }) =>
 }, tt = (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: te() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)", transform: `translateY(${t * (a ? 1 : -1)}px)`, ...s, ...i };
-}, at = C`
+}, at = A`
   z-index: 9999;
   > * {
     pointer-events: auto;
   }
 `, T = 16, ie = ({ reverseOrder: e, position: t = "top-center", toastOptions: a, gutter: s, children: i, toasterId: o, containerStyle: r, containerClassName: n }) => {
-  let { toasts: l, handlers: c } = Ae(a, o);
-  return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: T, left: T, right: T, bottom: T, pointerEvents: "none", ...r }, 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 = tt(p, u);
-    return f.createElement(et, { id: d.id, key: d.id, onHeightUpdate: c.updateHeight, className: d.visible ? at : "", style: g }, d.type === "custom" ? A(d.message, d) : i ? i(d) : f.createElement(Xe, { toast: d, position: p }));
+  let { toasts: l, handlers: p } = De(a, o);
+  return f.createElement("div", { "data-rht-toaster": o || "", style: { position: "fixed", zIndex: 9999, top: T, left: T, right: T, bottom: T, pointerEvents: "none", ...r }, className: n, onMouseEnter: p.startPause, onMouseLeave: p.endPause }, l.map((c) => {
+    let d = c.position || t, m = p.calculateOffset(c, { reverseOrder: e, gutter: s, defaultPosition: t }), g = tt(d, m);
+    return f.createElement(et, { id: c.id, key: c.id, onHeightUpdate: p.updateHeight, className: c.visible ? at : "", style: g }, c.type === "custom" ? D(c.message, c) : i ? i(c) : f.createElement(Xe, { toast: c, position: d }));
   }));
 };
 const rt = "_root_q0jyz_2", st = "_icon_q0jyz_17", ot = "_progress_q0jyz_40", it = "_snackbar_q0jyz_63", nt = "_growl_q0jyz_71", lt = "_content_q0jyz_79", ct = "_title_q0jyz_91", H = {
@@ -427,35 +427,54 @@ const rt = "_root_q0jyz_2", st = "_icon_q0jyz_17", ot = "_progress_q0jyz_40", it
     showProgressBar: r = !1,
     title: n,
     variant: l = "info",
-    ...c
-  }, d) => /* @__PURE__ */ z("div", { className: N("root", `variant-${l}`, t), ref: d, ...c, children: [
-    /* @__PURE__ */ z("div", { className: N("growl"), children: [
-      l ? /* @__PURE__ */ y(V, { className: N("icon"), name: pe[l], size: "lg" }) : null,
-      /* @__PURE__ */ z("div", { className: N("content"), children: [
-        /* @__PURE__ */ z("span", { children: [
-          /* @__PURE__ */ y(P, { variant: "body-md-strong", children: n }),
-          /* @__PURE__ */ y(P, { variant: "body-md", children: e })
+    ...p
+  }, c) => /* @__PURE__ */ k(
+    "div",
+    {
+      className: N("root", `variant-${l}`, t),
+      "data-wui-persistent": !0,
+      onClick: (d) => d.stopPropagation(),
+      ref: c,
+      ...p,
+      children: [
+        /* @__PURE__ */ k("div", { className: N("growl"), children: [
+          l ? /* @__PURE__ */ y(V, { className: N("icon"), name: pe[l], size: "lg" }) : null,
+          /* @__PURE__ */ k("div", { className: N("content"), children: [
+            /* @__PURE__ */ k("span", { children: [
+              /* @__PURE__ */ y(C, { variant: "body-md-strong", children: n }),
+              /* @__PURE__ */ y(C, { variant: "body-md", children: e })
+            ] }),
+            a ? /* @__PURE__ */ y(B, { children: a }) : null
+          ] }),
+          i ? /* @__PURE__ */ y(
+            Q,
+            {
+              className: N("close-button"),
+              onClick: (d) => {
+                d.preventDefault(), d.stopPropagation(), o == null || o();
+              },
+              size: "sm"
+            }
+          ) : null
         ] }),
-        a ? /* @__PURE__ */ y(B, { children: a }) : null
-      ] }),
-      i ? /* @__PURE__ */ y(Q, { className: N("close-button"), onClick: o, size: "sm" }) : null
-    ] }),
-    /* @__PURE__ */ y(
-      "div",
-      {
-        className: N(r && "progress"),
-        style: {
-          "--duration": i ? `${s}ms` : "5000ms"
-        },
-        children: /* @__PURE__ */ y("div", { className: N("progress-bar") })
-      }
-    )
-  ] })
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: N(r && "progress"),
+            style: {
+              "--duration": i ? `${s}ms` : "5000ms"
+            },
+            children: /* @__PURE__ */ y("div", { className: N("progress-bar") })
+          }
+        )
+      ]
+    }
+  )
 );
 ne.displayName = "Toast.Growl";
 const le = J((e, t) => /* @__PURE__ */ y(K, { ref: t, size: "md", variant: "secondary", ...e }));
 le.displayName = "Toast.GrowlAction";
-const k = L(H), ce = Z(
+const z = L(H), ce = Z(
   ({
     children: e,
     className: t,
@@ -466,24 +485,42 @@ const k = L(H), ce = Z(
     onClose: r,
     variant: n = "info",
     ...l
-  }, c) => /* @__PURE__ */ z("div", { className: k("root", `variant-${n}`, t), ref: c, ...l, children: [
-    /* @__PURE__ */ z("div", { className: k("snackbar"), children: [
-      n ? /* @__PURE__ */ y(V, { className: k("icon"), name: pe[n], size: "lg" }) : null,
-      /* @__PURE__ */ y(P, { variant: "body-md-strong", children: e }),
-      a ? /* @__PURE__ */ y(B, { children: a }) : null,
-      i ? /* @__PURE__ */ y(Q, { onClick: r, 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") })
-      }
-    )
-  ] })
+  }, p) => /* @__PURE__ */ k(
+    "div",
+    {
+      className: z("root", `variant-${n}`, t),
+      "data-wui-persistent": !0,
+      onClick: (c) => c.stopPropagation(),
+      ref: p,
+      ...l,
+      children: [
+        /* @__PURE__ */ k("div", { className: z("snackbar"), children: [
+          n ? /* @__PURE__ */ y(V, { className: z("icon"), name: pe[n], size: "lg" }) : null,
+          /* @__PURE__ */ y(C, { variant: "body-md-strong", children: e }),
+          a ? /* @__PURE__ */ y(B, { children: a }) : null,
+          i ? /* @__PURE__ */ y(
+            Q,
+            {
+              onClick: (c) => {
+                c.preventDefault(), c.stopPropagation(), r == null || r();
+              },
+              size: "sm"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ y(
+          "div",
+          {
+            className: z("progress", o && "hide-progress-bar"),
+            style: {
+              "--duration": i ? `${s}ms` : "5000ms"
+            },
+            children: /* @__PURE__ */ y("div", { className: z("progress-bar") })
+          }
+        )
+      ]
+    }
+  )
 );
 ce.displayName = "Toast.Snackbar";
 const de = J((e, t) => /* @__PURE__ */ y(K, { ref: t, size: "md", variant: "secondary", ...e }));
@@ -498,11 +535,11 @@ const dt = L(H), pe = {
   info: 7e3,
   success: 7e3,
   warning: 8e3
-}, me = ({ children: e, className: t, ...a }) => /* @__PURE__ */ y("p", { className: dt("title", t), ...a, children: e });
-me.displayName = "Toast.Title";
+}, ue = ({ children: e, className: t, ...a }) => /* @__PURE__ */ y("p", { className: dt("title", t), ...a, children: e });
+ue.displayName = "Toast.Title";
 const 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(), m.dismiss(t.id);
+    t != null && t.onClose && t.onClose(), u.dismiss(t == null ? void 0 : t.id);
   }, o = e.props.variant || "info", r = {
     duration: pt[o],
     position: s,
@@ -514,7 +551,7 @@ const xt = (e, t) => {
     },
     ...t
   };
-  return m(
+  return u(
     ge(e, { duration: r.duration, onClose: i }),
     r
   );
@@ -525,7 +562,7 @@ const wt = Object.assign(ie, {
   GrowlAction: le,
   Snackbar: ce,
   SnackbarAction: de,
-  Title: me
+  Title: ue
 });
 export {
   pe as ICON,

package/dist/types/components/Icon/icons.d.ts

@@ -1,6 +1,7 @@
 export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right"];
-export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
-export declare const miscellaneous: readonly ["music", "sparkles", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
+export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
+export declare const chat: string[];
+export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
 export declare const player: readonly ["play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning"];
 export declare const wtf: readonly ["package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
 export declare const foldersAndFiles: readonly ["folder", "folder-open", "folder-full", "file", "image"];
@@ -8,4 +9,4 @@ export declare const markdown: readonly ["bold", "arrow", "brackets-curly", "ita
 export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier"];
 export declare const welcome: readonly ["symbol", "wttj"];
 export declare const flags: readonly ["flag-fr", "flag-en", "flag-us"];
-export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "sparkles", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
+export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", ...string[], "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "package", "basketball", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];

package/dist/types/components/Textarea/types.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 export interface TextareaOptions {
+    isAdaptative?: boolean;
     minRows?: number;
     variant?: 'danger' | 'success' | 'warning';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.0.0-alpha.5",
+  "version": "10.0.0-alpha.6",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"