tailwind-ux-kit 1.0.75 → 1.0.76

package/lib/tailwind-ux-kit.es.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
-import z, { forwardRef as Y, useState as A, useMemo as P, useId as oe, useRef as F, useCallback as j, useEffect as _, createContext as J, useContext as Q } from "react";
-const K = {
+import { jsxs as S, jsx as i } from "react/jsx-runtime";
+import A, { forwardRef as ee, useState as D, useMemo as I, useId as de, useRef as K, useCallback as z, useEffect as F, createContext as te, useContext as ne } from "react";
+const Y = {
   xs: "text-xs px-2 py-1",
   sm: "text-sm px-3 py-1.5",
   md: "text-sm px-3 py-3",
   lg: "text-lg px-5 py-3"
-}, U = {
+}, J = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, ae = {
+}, ue = {
   filled: "rounded-t-lg px-2.5 pb-2.5 pt-5 bg-gray-50 border-b-2",
   outlined: "rounded-lg px-2.5 pb-2.5 pt-4 bg-transparent border",
   standard: "px-0 py-2.5 bg-transparent border-0 border-b-2"
-}, le = {
+}, fe = {
   filled: "absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   outlined: "absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   standard: "absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"
-}, ie = (e, n, r) => {
-  if (r)
-    return "border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";
+}, pe = (e, r, n) => {
   if (n)
+    return "border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";
+  if (r)
     return "border-green-500 bg-green-50 text-green-900 placeholder-green-700 focus:ring-green-500 focus:border-green-500";
   switch (e) {
     case "error":
@@ -33,9 +33,9 @@ const K = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, ce = Y((e, n) => {
+}, ge = ee((e, r) => {
   const {
-    label: r,
+    label: n,
     id: t,
     inputSize: o = "md",
     shape: c = "rounded",
@@ -49,38 +49,82 @@ const K = {
     isValid: b,
     isInvalid: g,
     feedback: m,
-    iconClasses: C,
-    feedbackType: w = "invalid",
-    labelClasses: N = "",
-    ...S
-  } = e, [v, E] = A("default"), L = z.useCallback(
-    (I) => {
-      const D = I.target.value, T = (d == null ? void 0 : d(D)) ?? "default";
-      E(T), u == null || u(I, T), p == null || p(I);
+    iconClasses: $,
+    feedbackType: v = "invalid",
+    labelClasses: E = "",
+    inputType: L = "string",
+    inputPattern: h,
+    ...y
+  } = e, [O, w] = D("default"), N = A.useCallback(
+    (j) => {
+      const k = j.target.value, H = (d == null ? void 0 : d(k)) ?? "default";
+      w(H), u == null || u(j, H), p == null || p(j);
     },
     [d, u, p]
-  ), x = P(() => t || (typeof r == "string" ? `input-${r.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [t, r]), h = !!a, y = K[o] || K.md, $ = U[c] || U.flat, O = P(
-    () => ie(v, b, g),
-    [v, b, g]
-  ), B = P(() => s === "start" || s === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [s]), M = P(() => l ? s === "start" || s === "left" ? "ps-10" : "pe-10" : "", [l, s]);
-  return /* @__PURE__ */ k(
+  ), x = I(() => t || (typeof n == "string" ? `input-${n.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [t, n]), C = !!a, P = Y[o] || Y.md, R = J[c] || J.flat, T = I(
+    () => pe(O, b, g),
+    [O, b, g]
+  ), M = I(() => s === "start" || s === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [s]), _ = I(() => l ? s === "start" || s === "left" ? "ps-10" : "pe-10" : "", [l, s]), Z = (j) => {
+    var B;
+    const k = j.key;
+    (() => {
+      switch (L) {
+        case "numeric":
+          return !/^\d$/.test(k);
+        case "number":
+          return !/^\d$/.test(k);
+        case "decimal":
+          return !/^\d$/.test(k) && k !== "." && k !== "Backspace" && k !== "Tab";
+        case "alphabetic":
+          return !/^[a-zA-Z]$/.test(k);
+        case "string":
+          return !/^[a-zA-Z0-9]$/.test(k);
+        case "custom":
+          return h ? !h.test(k) : !1;
+        default:
+          return !1;
+      }
+    })() && j.preventDefault(), (B = y.onKeyDown) == null || B.call(y, j);
+  }, ce = (j) => {
+    var B;
+    const k = j.clipboardData.getData("Text");
+    (() => {
+      switch (L) {
+        case "numeric":
+          return !/^\d+$/.test(k);
+        case "number":
+          return !/^\d+$/.test(k);
+        case "decimal":
+          return !/^\d*\.?\d*$/.test(k);
+        case "alphabetic":
+          return !/^[a-zA-Z]+$/.test(k);
+        case "string":
+          return !/^[a-zA-Z0-9]+$/.test(k);
+        case "custom":
+          return h ? !h.test(k) : !1;
+        default:
+          return !1;
+      }
+    })() && j.preventDefault(), (B = y.onPaste) == null || B.call(y, j);
+  };
+  return /* @__PURE__ */ S(
     "div",
     {
-      className: `w-full relative ${h ? "z-0" : ""} tailwind-ux-input`,
+      className: `w-full relative ${C ? "z-0" : ""} tailwind-ux-input`,
       children: [
-        !h && r && /* @__PURE__ */ i(
+        !C && n && /* @__PURE__ */ i(
           "label",
           {
             htmlFor: x,
-            className: `block mb-1 text-sm ${b ? "text-green-700 dark:text-green-500" : g ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${N}`,
-            children: r
+            className: `block mb-1 text-sm ${b ? "text-green-700 dark:text-green-500" : g ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${E}`,
+            children: n
           }
         ),
-        /* @__PURE__ */ k("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ S("div", { className: "relative w-full", children: [
           l && /* @__PURE__ */ i(
             "div",
             {
-              className: `absolute inset-y-0 flex items-center ${B} ${C}`,
+              className: `absolute inset-y-0 flex items-center ${M} ${$}`,
               "aria-hidden": "true",
               children: l
             }
@@ -88,31 +132,33 @@ const K = {
           /* @__PURE__ */ i(
             "input",
             {
-              ...S,
+              ...y,
               id: x,
-              ref: n,
-              placeholder: h ? " " : S.placeholder,
-              onChange: L,
+              ref: r,
+              placeholder: C ? " " : y.placeholder,
+              onChange: N,
+              onKeyDown: Z,
+              onPaste: ce,
               className: `border peer w-full block font-normal appearance-none focus:outline-none focus:ring-0 transition text-gray-900 placeholder-gray-600 border-gray-400
-            ${y}
-            ${h && a && ae[a]}
-            ${M} ${$} ${O} ${f}`
+            ${P}
+            ${C && a && ue[a]}
+            ${_} ${R} ${T} ${f}`
             }
           ),
-          h && r && a && /* @__PURE__ */ i(
+          C && n && a && /* @__PURE__ */ i(
             "label",
             {
               htmlFor: x,
-              className: `ms-1 ${le[a]} ${f}`,
-              children: r
+              className: `ms-1 ${fe[a]} ${f}`,
+              children: n
             }
           )
         ] }),
         m && /* @__PURE__ */ i(
           "p",
           {
-            className: `mt-1 text-xs ${w === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
-            role: w === "invalid" ? "alert" : void 0,
+            className: `mt-1 text-xs ${v === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
+            role: v === "invalid" ? "alert" : void 0,
             children: m
           }
         )
@@ -120,28 +166,28 @@ const K = {
     }
   );
 });
-ce.displayName = "Input";
-const de = {
+ge.displayName = "Input";
+const be = {
   xs: "text-xs px-2 py-1",
   sm: "text-sm px-3 py-1.5",
   md: "text-sm px-3 py-3",
   lg: "text-lg px-5 py-3"
-}, ue = {
+}, me = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, fe = {
+}, xe = {
   filled: "rounded-t-lg px-2.5 pb-2.5 pt-5 bg-gray-50 border-b-2",
   outlined: "rounded-lg px-2.5 pb-2.5 pt-4 bg-transparent border",
   standard: "px-0 py-2.5 bg-transparent border-0 border-b-2"
-}, pe = {
+}, he = {
   filled: "absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   outlined: "absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   standard: "absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"
-}, ge = (e, n, r) => {
-  if (r)
-    return "border-red-500 bg-red-50 text-red-900 focus:ring-red-500 focus:border-red-500";
+}, ye = (e, r, n) => {
   if (n)
+    return "border-red-500 bg-red-50 text-red-900 focus:ring-red-500 focus:border-red-500";
+  if (r)
     return "border-green-500 bg-green-50 text-green-900 focus:ring-green-500 focus:border-green-500";
   const t = "focus:ring focus:border";
   switch (e) {
@@ -154,9 +200,9 @@ const de = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, be = Y((e, n) => {
+}, we = ee((e, r) => {
   const {
-    label: r,
+    label: n,
     id: t,
     inputSize: o = "md",
     shape: c = "rounded",
@@ -170,23 +216,23 @@ const de = {
     isValid: b,
     isInvalid: g,
     feedback: m,
-    feedbackType: C = "invalid",
-    children: w,
-    ...N
-  } = e, [S, v] = A("default"), E = oe(), L = P(() => t || (typeof r == "string" ? `select-${r.toLowerCase().replace(/\s+/g, "-")}` : E), [t, r, E]), x = (I) => {
-    const D = I.target.value, T = (d == null ? void 0 : d(D)) ?? "default";
-    v(T), u == null || u(I, T), p == null || p(I);
-  }, h = !!a, y = de[o], $ = ue[c], O = ge(S, b, g);
-  return /* @__PURE__ */ k("div", { className: `w-full relative ${h ? "z-0" : ""}`, children: [
-    !h && r && /* @__PURE__ */ i(
+    feedbackType: $ = "invalid",
+    children: v,
+    ...E
+  } = e, [L, h] = D("default"), y = de(), O = I(() => t || (typeof n == "string" ? `select-${n.toLowerCase().replace(/\s+/g, "-")}` : y), [t, n, y]), w = (M) => {
+    const _ = M.target.value, Z = (d == null ? void 0 : d(_)) ?? "default";
+    h(Z), u == null || u(M, Z), p == null || p(M);
+  }, N = !!a, x = be[o], C = me[c], P = ye(L, b, g);
+  return /* @__PURE__ */ S("div", { className: `w-full relative ${N ? "z-0" : ""}`, children: [
+    !N && n && /* @__PURE__ */ i(
       "label",
       {
-        htmlFor: L,
+        htmlFor: O,
         className: `block mb-1 text-sm ${b ? "text-green-700" : g ? "text-red-700" : "text-gray-700"}`,
-        children: r
+        children: n
       }
     ),
-    /* @__PURE__ */ k("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ S("div", { className: "relative w-full", children: [
       l && /* @__PURE__ */ i(
         "div",
         {
@@ -197,37 +243,37 @@ const de = {
       /* @__PURE__ */ i(
         "select",
         {
-          ...N,
-          id: L,
-          ref: n,
-          onChange: x,
+          ...E,
+          id: O,
+          ref: r,
+          onChange: w,
           className: `border peer w-full block font-normal appearance-none focus:outline-none focus:ring-0 transition text-gray-600 placeholder-[#798ba5] border-gray-400
-            ${y} ${l && (s === "start" || s === "left") ? "ps-10" : l ? "pe-10" : ""}
-            ${h && a && fe[a]}
-            ${$} ${O} ${f}`,
-          children: w
+            ${x} ${l && (s === "start" || s === "left") ? "ps-10" : l ? "pe-10" : ""}
+            ${N && a && xe[a]}
+            ${C} ${P} ${f}`,
+          children: v
         }
       ),
-      h && r && a && /* @__PURE__ */ i(
+      N && n && a && /* @__PURE__ */ i(
         "label",
         {
-          htmlFor: L,
-          className: `ms-1 ${pe[a]} ${f}`,
-          children: r
+          htmlFor: O,
+          className: `ms-1 ${he[a]} ${f}`,
+          children: n
         }
       )
     ] }),
     m && /* @__PURE__ */ i(
       "p",
       {
-        className: `mt-1 text-xs ${C === "invalid" ? "text-red-600" : "text-green-600"}`,
+        className: `mt-1 text-xs ${$ === "invalid" ? "text-red-600" : "text-green-600"}`,
         children: m
       }
     )
   ] });
 });
-be.displayName = "Select";
-const me = {
+we.displayName = "Select";
+const ve = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   success: "btn-success",
@@ -253,21 +299,21 @@ const me = {
   "soft-info": "btn-soft-info",
   "soft-dark": "btn-soft-dark",
   "soft-light": "btn-soft-light"
-}, xe = {
+}, Ce = {
   xs: "px-3 py-2 text-xs",
   sm: "px-3 py-2 text-sm",
   md: "px-5 py-2.5 text-sm",
   lg: "px-5 py-3 text-base",
   xl: "px-6 py-3.5 text-base"
-}, he = {
+}, ke = {
   flat: "shadow-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full w-10 h-10 p-0 flex items-center justify-center"
-}, He = ({
+}, Ue = ({
   children: e,
-  variant: n = "primary",
-  size: r = "md",
+  variant: r = "primary",
+  size: n = "md",
   type: t = "button",
   shape: o = "rounded",
   className: c = "",
@@ -277,15 +323,15 @@ const me = {
 }) => {
   const l = u || d, s = [
     "inline-flex items-center justify-center font-normal transition duration-150",
-    me[n],
-    xe[r],
-    he[o],
+    ve[r],
+    Ce[n],
+    ke[o],
     o === "flat" ? "shadow-none" : "shadow-sm",
     l ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
     c
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k("button", { type: t, className: s, disabled: l, ...f, children: [
-    d && /* @__PURE__ */ k(
+  return /* @__PURE__ */ S("button", { type: t, className: s, disabled: l, ...f, children: [
+    d && /* @__PURE__ */ S(
       "svg",
       {
         "aria-hidden": "true",
@@ -315,127 +361,127 @@ const me = {
     e
   ] });
 };
-var V = {
+var re = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, q = z.createContext && /* @__PURE__ */ z.createContext(V), ye = ["attr", "size", "title"];
-function we(e, n) {
+}, Q = A.createContext && /* @__PURE__ */ A.createContext(re), $e = ["attr", "size", "title"];
+function Ne(e, r) {
   if (e == null) return {};
-  var r = ve(e, n), t, o;
+  var n = Se(e, r), t, o;
   if (Object.getOwnPropertySymbols) {
     var c = Object.getOwnPropertySymbols(e);
     for (o = 0; o < c.length; o++)
-      t = c[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+      t = c[o], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
   }
-  return r;
+  return n;
 }
-function ve(e, n) {
+function Se(e, r) {
   if (e == null) return {};
-  var r = {};
+  var n = {};
   for (var t in e)
     if (Object.prototype.hasOwnProperty.call(e, t)) {
-      if (n.indexOf(t) >= 0) continue;
-      r[t] = e[t];
+      if (r.indexOf(t) >= 0) continue;
+      n[t] = e[t];
     }
-  return r;
+  return n;
 }
-function R() {
-  return R = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var t in r)
-        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+function W() {
+  return W = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
     }
     return e;
-  }, R.apply(this, arguments);
+  }, W.apply(this, arguments);
 }
-function X(e, n) {
-  var r = Object.keys(e);
+function V(e, r) {
+  var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
-    n && (t = t.filter(function(o) {
+    r && (t = t.filter(function(o) {
       return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), r.push.apply(r, t);
+    })), n.push.apply(n, t);
   }
-  return r;
+  return n;
 }
-function H(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var r = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? X(Object(r), !0).forEach(function(t) {
-      Ce(e, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : X(Object(r)).forEach(function(t) {
-      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+function G(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? V(Object(n), !0).forEach(function(t) {
+      Ee(e, t, n[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : V(Object(n)).forEach(function(t) {
+      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
     });
   }
   return e;
 }
-function Ce(e, n, r) {
-  return n = ke(n), n in e ? Object.defineProperty(e, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = r, e;
+function Ee(e, r, n) {
+  return r = Le(r), r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-function ke(e) {
-  var n = Ne(e, "string");
-  return typeof n == "symbol" ? n : n + "";
+function Le(e) {
+  var r = Oe(e, "string");
+  return typeof r == "symbol" ? r : r + "";
 }
-function Ne(e, n) {
+function Oe(e, r) {
   if (typeof e != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var t = r.call(e, n);
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var t = n.call(e, r);
     if (typeof t != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (n === "string" ? String : Number)(e);
+  return (r === "string" ? String : Number)(e);
 }
-function ee(e) {
-  return e && e.map((n, r) => /* @__PURE__ */ z.createElement(n.tag, H({
-    key: r
-  }, n.attr), ee(n.child)));
+function se(e) {
+  return e && e.map((r, n) => /* @__PURE__ */ A.createElement(r.tag, G({
+    key: n
+  }, r.attr), se(r.child)));
 }
-function G(e) {
-  return (n) => /* @__PURE__ */ z.createElement(Se, R({
-    attr: H({}, e.attr)
-  }, n), ee(e.child));
+function X(e) {
+  return (r) => /* @__PURE__ */ A.createElement(Pe, W({
+    attr: G({}, e.attr)
+  }, r), se(e.child));
 }
-function Se(e) {
-  var n = (r) => {
+function Pe(e) {
+  var r = (n) => {
     var {
       attr: t,
       size: o,
       title: c
-    } = e, d = we(e, ye), u = o || r.size || "1em", f;
-    return r.className && (f = r.className), e.className && (f = (f ? f + " " : "") + e.className), /* @__PURE__ */ z.createElement("svg", R({
+    } = e, d = Ne(e, $e), u = o || n.size || "1em", f;
+    return n.className && (f = n.className), e.className && (f = (f ? f + " " : "") + e.className), /* @__PURE__ */ A.createElement("svg", W({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, r.attr, t, d, {
+    }, n.attr, t, d, {
       className: f,
-      style: H(H({
-        color: e.color || r.color
-      }, r.style), e.style),
+      style: G(G({
+        color: e.color || n.color
+      }, n.style), e.style),
       height: u,
       width: u,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ z.createElement("title", null, c), e.children);
+    }), c && /* @__PURE__ */ A.createElement("title", null, c), e.children);
   };
-  return q !== void 0 ? /* @__PURE__ */ z.createElement(q.Consumer, null, (r) => n(r)) : n(V);
+  return Q !== void 0 ? /* @__PURE__ */ A.createElement(Q.Consumer, null, (n) => r(n)) : r(re);
 }
-function $e(e) {
-  return G({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(e);
+function je(e) {
+  return X({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(e);
 }
-const Ee = {
+const Ie = {
   xs: "w-3 h-3 text-[10px]",
   sm: "w-4 h-4 text-xs",
   md: "w-5 h-5 text-sm",
   lg: "w-6 h-6 text-base"
-}, Le = {
+}, ze = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, Oe = {
+}, Ae = {
   primary: "primary",
   secondary: "secondary",
   success: "success",
@@ -461,11 +507,11 @@ const Ee = {
   "soft-info": "soft-info",
   "soft-dark": "soft-dark",
   "soft-light": "soft-light"
-}, Pe = z.forwardRef(
+}, De = A.forwardRef(
   ({
     label: e,
-    boxSize: n = "md",
-    shape: r = "rounded",
+    boxSize: r = "md",
+    shape: n = "rounded",
     variant: t = "success",
     onSelectionChange: o,
     disabled: c = !1,
@@ -477,15 +523,15 @@ const Ee = {
     checked: a,
     ...p
   }, b) => {
-    const g = (y) => {
-      !c && o && o(y.target.checked), p.onChange && p.onChange(y);
-    }, m = "mr-2 border flex items-center justify-center transition-all", C = Ee[n], w = Le[r], N = Oe[t] ?? "", S = t.startsWith("outline"), v = t.startsWith("soft"), x = `${m} ${C} ${w} ${N} ${a && (S || v || t === "link") ? "peer-checked:bg-current peer-checked:text-white" : a ? "peer-checked:bg-current" : ""}`, h = {
+    const g = (x) => {
+      !c && o && o(x.target.checked), p.onChange && p.onChange(x);
+    }, m = "mr-2 border flex items-center justify-center transition-all", $ = Ie[r], v = ze[n], E = Ae[t] ?? "", L = t.startsWith("outline"), h = t.startsWith("soft"), w = `${m} ${$} ${v} ${E} ${a && (L || h || t === "link") ? "peer-checked:bg-current peer-checked:text-white" : a ? "peer-checked:bg-current" : ""}`, N = {
       xs: "w-2 h-2",
       sm: "w-2.5 h-2.5",
       md: "w-3 h-3",
       lg: "w-3.5 h-3.5"
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ S(
       "label",
       {
         className: `flex items-center ${c ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${d}`,
@@ -504,18 +550,18 @@ const Ee = {
               ...p
             }
           ),
-          /* @__PURE__ */ i("span", { className: x.trim(), children: (a || p.defaultChecked) && (l ?? /* @__PURE__ */ i($e, { className: `${h[n]}` })) }),
+          /* @__PURE__ */ i("span", { className: w.trim(), children: (a || p.defaultChecked) && (l ?? /* @__PURE__ */ i(je, { className: `${N[r]}` })) }),
           e || s ? /* @__PURE__ */ i("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? s }) : null
         ]
       }
     );
   }
 );
-Pe.displayName = "Checkbox";
-const We = ({
+De.displayName = "Checkbox";
+const qe = ({
   label: e,
-  header: n,
-  items: r = [],
+  header: r,
+  items: n = [],
   onSelect: t,
   renderItem: o,
   position: c = "right",
@@ -527,77 +573,77 @@ const We = ({
   ariaLabel: a = "Dropdown menu",
   ...p
 }) => {
-  const [b, g] = A(!1), [m, C] = A(!1), w = F(null), N = F(null), S = P(() => ({
+  const [b, g] = D(!1), [m, $] = D(!1), v = K(null), E = K(null), L = I(() => ({
     left: "left-0",
     center: "left-1/2 transform -translate-x-1/2",
     right: "right-0"
-  })[c], [c]), v = j(() => {
-    const y = N.current, $ = w.current;
-    if (!y || !$) return;
-    const { top: O, bottom: B } = y.getBoundingClientRect(), M = $.offsetHeight, I = window.innerHeight - B, D = O;
-    C(I < M && D > M);
-  }, []), E = j((y) => {
-    var $, O;
-    !(($ = w.current) != null && $.contains(y.target)) && !((O = N.current) != null && O.contains(y.target)) && g(!1);
-  }, []), L = j(() => g((y) => !y), []), x = j(() => g(!1), []);
-  _(() => {
+  })[c], [c]), h = z(() => {
+    const x = E.current, C = v.current;
+    if (!x || !C) return;
+    const { top: P, bottom: R } = x.getBoundingClientRect(), T = C.offsetHeight, M = window.innerHeight - R, _ = P;
+    $(M < T && _ > T);
+  }, []), y = z((x) => {
+    var C, P;
+    !((C = v.current) != null && C.contains(x.target)) && !((P = E.current) != null && P.contains(x.target)) && g(!1);
+  }, []), O = z(() => g((x) => !x), []), w = z(() => g(!1), []);
+  F(() => {
     if (b)
-      return v(), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
-        window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
+      return h(), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
+        window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
       };
-  }, [b, v]), _(() => (document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E)), [E]);
-  const h = P(
+  }, [b, h]), F(() => (document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y)), [y]);
+  const N = I(
     () => [
       "absolute z-50 bg-white rounded shadow-lg overflow-hidden w-auto",
       m ? "bottom-full mb-2" : "top-full mt-2",
-      S,
+      L,
       f,
       s && "transition-all duration-200 ease-out",
       u
     ].filter(Boolean).join(" "),
-    [m, S, f, s, u]
+    [m, L, f, s, u]
   );
-  return /* @__PURE__ */ k("div", { className: `relative inline-block ${d}`, ...p, children: [
+  return /* @__PURE__ */ S("div", { className: `relative inline-block ${d}`, ...p, children: [
     /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        ref: N,
-        onClick: L,
+        ref: E,
+        onClick: O,
         "aria-expanded": b,
         "aria-label": a,
         className: "focus:outline-none",
         children: e
       }
     ),
-    b && /* @__PURE__ */ k("div", { ref: w, role: "menu", className: h, children: [
-      n && n,
-      r.map((y, $) => {
-        const O = () => {
-          t && t(y), l && x();
+    b && /* @__PURE__ */ S("div", { ref: v, role: "menu", className: N, children: [
+      r && r,
+      n.map((x, C) => {
+        const P = () => {
+          t && t(x), l && w();
         };
-        return /* @__PURE__ */ i("div", { children: o ? o(y, O) : /* @__PURE__ */ i(
+        return /* @__PURE__ */ i("div", { children: o ? o(x, P) : /* @__PURE__ */ i(
           "div",
           {
-            onClick: O,
+            onClick: P,
             className: "px-4 py-2 text-sm text-gray-800 hover:bg-gray-100 cursor-pointer",
             role: "menuitem",
-            children: y.label
+            children: x.label
           }
-        ) }, $);
+        ) }, C);
       })
     ] })
   ] });
-}, Ze = ({
+}, Xe = ({
   children: e,
-  content: n,
-  position: r = "top",
+  content: r,
+  position: n = "top",
   className: t = "",
   tooltipClass: o = "",
   tooltipStyle: c = {}
 }) => {
-  const d = F(null), u = F(null);
-  _(() => {
+  const d = K(null), u = K(null);
+  F(() => {
     const l = d.current, s = u.current;
     if (!l || !s) return;
     const a = () => {
@@ -664,7 +710,7 @@ const We = ({
         return s;
     }
   };
-  return /* @__PURE__ */ k("div", { ref: d, className: `relative inline-block ${t}`, children: [
+  return /* @__PURE__ */ S("div", { ref: d, className: `relative inline-block ${t}`, children: [
     e,
     /* @__PURE__ */ i(
       "div",
@@ -673,14 +719,14 @@ const We = ({
         role: "tooltip",
         className: o,
         style: {
-          ...f(r),
+          ...f(n),
           ...c
         },
-        children: n
+        children: r
       }
     )
   ] });
-}, je = {
+}, Me = {
   primary: "bg-blue-500 text-white",
   secondary: "bg-gray-500 text-white",
   success: "bg-green-500 text-white",
@@ -698,21 +744,21 @@ const We = ({
   "outline-info": "border border-cyan-500 text-cyan-500 bg-transparent",
   "outline-dark": "border border-black text-black bg-transparent",
   "outline-light": "border border-gray-100 text-gray-800 bg-transparent"
-}, Ie = {
+}, Te = {
   xs: "text-xs px-2 py-0.5",
   sm: "text-sm px-2.5 py-0.5",
   md: "text-base px-3 py-1",
   lg: "text-lg px-3.5 py-1.5",
   xl: "text-xl px-4 py-2"
-}, ze = {
+}, _e = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full p-2 w-8 h-8 justify-center"
-}, Ge = ({
+}, Ye = ({
   label: e,
-  variant: n = "primary",
-  size: r = "sm",
+  variant: r = "primary",
+  size: n = "sm",
   shape: t = "rounded",
   icon: o,
   dismissible: c,
@@ -720,8 +766,8 @@ const We = ({
   className: u = "",
   ...f
 }) => {
-  const l = !e && !!o, s = `inline-flex items-center font-medium ${je[n] || ""} ${Ie[r] || ""} ${ze[t] || ""} ${l ? "justify-center p-2 w-8 h-8" : ""} ` + u;
-  return /* @__PURE__ */ k("span", { className: s.trim(), ...f, children: [
+  const l = !e && !!o, s = `inline-flex items-center font-medium ${Me[r] || ""} ${Te[n] || ""} ${_e[t] || ""} ${l ? "justify-center p-2 w-8 h-8" : ""} ` + u;
+  return /* @__PURE__ */ S("span", { className: s.trim(), ...f, children: [
     o && /* @__PURE__ */ i("span", { className: e ? "mr-1" : "", children: o }),
     e,
     c && /* @__PURE__ */ i(
@@ -735,13 +781,13 @@ const We = ({
     )
   ] });
 };
-function Ae(e) {
-  return G({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" }, child: [] }] })(e);
+function Be(e) {
+  return X({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" }, child: [] }] })(e);
 }
-const Ke = ({
+const Je = ({
   items: e,
-  allowMultipleOpen: n = !1,
-  className: r = "",
+  allowMultipleOpen: r = !1,
+  className: n = "",
   tileClasses: t = "",
   open: o,
   onChange: c,
@@ -750,47 +796,47 @@ const Ke = ({
   showArrowIcon: f = !0,
   panelClasses: l = ""
 }) => {
-  const [s, a] = A(/* @__PURE__ */ new Set()), p = P(() => o ? new Set(o) : s, [o, s]), b = j(
+  const [s, a] = D(/* @__PURE__ */ new Set()), p = I(() => o ? new Set(o) : s, [o, s]), b = z(
     (g) => {
       const m = new Set(p);
-      m.has(g) ? m.delete(g) : (n || m.clear(), m.add(g)), o && c ? c(Array.from(m)) : a(m);
+      m.has(g) ? m.delete(g) : (r || m.clear(), m.add(g)), o && c ? c(Array.from(m)) : a(m);
     },
-    [p, o, c, n]
+    [p, o, c, r]
   );
   return /* @__PURE__ */ i(
     "div",
     {
       className: "accordion",
       role: "region",
-      "aria-multiselectable": n,
+      "aria-multiselectable": r,
       children: e.map((g) => {
-        const m = p.has(g.id), C = `accordion-heading-${g.id}`, w = `accordion-panel-${g.id}`;
-        return /* @__PURE__ */ k(
+        const m = p.has(g.id), $ = `accordion-heading-${g.id}`, v = `accordion-panel-${g.id}`;
+        return /* @__PURE__ */ S(
           "div",
           {
-            className: `accordion-item border rounded border-gray-300 dark:border-gray-700 ${r}`,
+            className: `accordion-item border rounded border-gray-300 dark:border-gray-700 ${n}`,
             children: [
-              /* @__PURE__ */ k(
+              /* @__PURE__ */ S(
                 "button",
                 {
-                  id: C,
+                  id: $,
                   type: "button",
                   "aria-expanded": m,
-                  "aria-controls": w,
+                  "aria-controls": v,
                   onClick: () => b(g.id),
                   className: `flex justify-between items-center w-full p-1.5 text-left text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none gap-3 ${t}`,
                   children: [
                     d ? d(g, m) : g.title,
-                    f ? /* @__PURE__ */ i(Ae, {}) : null
+                    f ? /* @__PURE__ */ i(Be, {}) : null
                   ]
                 }
               ),
               /* @__PURE__ */ i(
                 "div",
                 {
-                  id: w,
+                  id: v,
                   role: "region",
-                  "aria-labelledby": C,
+                  "aria-labelledby": $,
                   hidden: !m,
                   className: `p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${l}`,
                   children: u ? u(g, m) : g.content
@@ -803,18 +849,18 @@ const Ke = ({
       })
     }
   );
-}, te = J(null), re = () => {
-  const e = Q(te);
+}, oe = te(null), ae = () => {
+  const e = ne(oe);
   if (!e)
     throw new Error(
       "useModalActions must be used within a ModalActionProvider"
     );
   return e;
-}, ne = J(null), se = () => Q(ne);
-function Ue({
+}, le = te(null), ie = () => ne(le);
+function Qe({
   id: e,
-  title: n,
-  children: r,
+  title: r,
+  children: n,
   standalone: t = !1,
   showFloatingClose: o = !1,
   containerClasses: c = "",
@@ -822,150 +868,150 @@ function Ue({
   disableEscapeClose: u = !1,
   closeBtnStyle: f
 }) {
-  const l = se(), s = re(), a = !t && !!l && !!s, [p, b] = A(!1), g = a ? l.isOpen(e) : p, m = a ? l.getModalData(e) : null, C = j(() => {
+  const l = ie(), s = ae(), a = !t && !!l && !!s, [p, b] = D(!1), g = a ? l.isOpen(e) : p, m = a ? l.getModalData(e) : null, $ = z(() => {
     a ? s.closeModal(e) : b(!1), d == null || d();
   }, [a, s, e, d]);
-  return _(() => {
-    const w = document.activeElement, N = document.getElementById(e), S = [
+  return F(() => {
+    const v = document.activeElement, E = document.getElementById(e), L = [
       "a[href]",
       "button:not([disabled])",
       "textarea:not([disabled])",
       "input:not([disabled])",
       "select:not([disabled])",
       '[tabindex]:not([tabindex="-1"])'
-    ], v = () => {
-      if (!N) return [];
-      const x = N.querySelectorAll(
-        S.join(",")
+    ], h = () => {
+      if (!E) return [];
+      const w = E.querySelectorAll(
+        L.join(",")
       );
-      return Array.from(x).filter((h) => h.offsetParent !== null);
-    }, E = (x) => {
-      if (x.key === "Tab") {
-        const h = v();
-        if (h.length === 0) return;
-        const y = h[0], $ = h[h.length - 1];
-        x.shiftKey ? document.activeElement === y && (x.preventDefault(), $.focus()) : document.activeElement === $ && (x.preventDefault(), y.focus());
+      return Array.from(w).filter((N) => N.offsetParent !== null);
+    }, y = (w) => {
+      if (w.key === "Tab") {
+        const N = h();
+        if (N.length === 0) return;
+        const x = N[0], C = N[N.length - 1];
+        w.shiftKey ? document.activeElement === x && (w.preventDefault(), C.focus()) : document.activeElement === C && (w.preventDefault(), x.focus());
       }
-    }, L = (x) => {
-      x.key === "Escape" && !u && C(), E(x);
+    }, O = (w) => {
+      w.key === "Escape" && !u && $(), y(w);
     };
     return g && (document.body.style.overflow = "hidden", setTimeout(() => {
-      const x = v();
-      x.length && x[0].focus();
-    }, 0), window.addEventListener("keydown", L)), () => {
-      document.body.style.overflow = "", w && w.focus(), window.removeEventListener("keydown", L);
+      const w = h();
+      w.length && w[0].focus();
+    }, 0), window.addEventListener("keydown", O)), () => {
+      document.body.style.overflow = "", v && v.focus(), window.removeEventListener("keydown", O);
     };
-  }, [g, u, C, e]), g ? /* @__PURE__ */ i(
+  }, [g, u, $, e]), g ? /* @__PURE__ */ i(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-[2px]",
       id: e,
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ S(
         "div",
         {
           className: `bg-white rounded-lg shadow-lg w-full max-w-md p-4 transform transition-all duration-300 scale-100 ${c}`,
           children: [
-            /* @__PURE__ */ k("div", { className: "flex justify-between items-center relative", children: [
-              n && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold", children: n }),
+            /* @__PURE__ */ S("div", { className: "flex justify-between items-center relative", children: [
+              r && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold", children: r }),
               o && /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: C,
+                  onClick: $,
                   className: `text-gray-500 hover:text-black absolute top-0 right-3 hover:bg-gray-200 rounded-full aspect-square w-8 ${f}`,
                   "aria-label": "Close modal",
                   children: "✕"
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { children: typeof r == "function" ? r({ modalData: m }) : r })
+            /* @__PURE__ */ i("div", { children: typeof n == "function" ? n({ modalData: m }) : n })
           ]
         }
       )
     }
   ) : null;
 }
-function qe({
+function Ve({
   children: e
 }) {
-  const [n, r] = A({}), [t, o] = A({}), c = j((a, p) => {
-    r((b) => ({ ...b, [a]: !0 })), p && o((b) => ({ ...b, [a]: p }));
-  }, []), d = j((a) => {
-    r((p) => ({ ...p, [a]: !1 })), o((p) => {
+  const [r, n] = D({}), [t, o] = D({}), c = z((a, p) => {
+    n((b) => ({ ...b, [a]: !0 })), p && o((b) => ({ ...b, [a]: p }));
+  }, []), d = z((a) => {
+    n((p) => ({ ...p, [a]: !1 })), o((p) => {
       const b = { ...p };
       return delete b[a], b;
     });
-  }, []), u = j((a) => !!n[a], [n]), f = j(
+  }, []), u = z((a) => !!r[a], [r]), f = z(
     (a) => t[a],
     [t]
-  ), l = P(
+  ), l = I(
     () => ({ openModal: c, closeModal: d }),
     [c, d]
-  ), s = P(
+  ), s = I(
     () => ({ isOpen: u, getModalData: f }),
     [u, f]
   );
-  return /* @__PURE__ */ i(te.Provider, { value: l, children: /* @__PURE__ */ i(ne.Provider, { value: s, children: e }) });
+  return /* @__PURE__ */ i(oe.Provider, { value: l, children: /* @__PURE__ */ i(le.Provider, { value: s, children: e }) });
 }
-function Xe(e) {
-  const { openModal: n, closeModal: r } = re(), { isOpen: t, getModalData: o } = se();
+function et(e) {
+  const { openModal: r, closeModal: n } = ae(), { isOpen: t, getModalData: o } = ie();
   return {
-    open: (c) => n(e, c),
-    close: () => r(e),
+    open: (c) => r(e, c),
+    close: () => n(e),
     isOpen: t(e),
     data: o(e)
   };
 }
-let W = null, Z = {};
-function Me(e) {
-  W = e;
+let U = null, q = {};
+function Fe(e) {
+  U = e;
 }
-function Ye(e) {
-  Z = { ...Z, ...e };
+function tt(e) {
+  q = { ...q, ...e };
 }
-function De() {
-  return Z;
+function Re() {
+  return q;
 }
-function Je(e, n, r = 3e3, t) {
-  W ? W(e, n, r, t) : console.warn("Toast system is not mounted");
+function nt(e, r, n = 3e3, t) {
+  U ? U(e, r, n, t) : console.warn("Toast system is not mounted");
 }
-function Te(e) {
-  return G({ attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(e);
+function Ze(e) {
+  return X({ attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(e);
 }
-const _e = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
-  const n = Math.random() * 16 | 0;
-  return (e === "x" ? n : n & 3 | 8).toString(16);
-}), Qe = () => {
-  const [e, n] = A([]);
-  _(() => {
-    Me((t, o, c, d) => {
-      const u = _e();
-      n((f) => [...f, { id: u, type: t, message: o, config: d }]), setTimeout(() => {
-        n((f) => f.filter((l) => l.id !== u));
+const He = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  const r = Math.random() * 16 | 0;
+  return (e === "x" ? r : r & 3 | 8).toString(16);
+}), rt = () => {
+  const [e, r] = D([]);
+  F(() => {
+    Fe((t, o, c, d) => {
+      const u = He();
+      r((f) => [...f, { id: u, type: t, message: o, config: d }]), setTimeout(() => {
+        r((f) => f.filter((l) => l.id !== u));
       }, c);
     });
   }, []);
-  const r = De();
+  const n = Re();
   return /* @__PURE__ */ i("div", { className: "fixed top-5 right-5 z-[9999] flex flex-col gap-2", children: e.map((t) => {
-    var f, l, s, a, p, b, g, m, C, w, N, S, v;
-    const o = ((f = t.config) == null ? void 0 : f.icon) || ((l = r.icons) == null ? void 0 : l[t.type]) || Be(t.type), c = ((s = t.config) == null ? void 0 : s.bgColor) || ((p = (a = r.colors) == null ? void 0 : a[t.type]) == null ? void 0 : p.bg) || "bg-white dark:bg-gray-800", d = ((b = t.config) == null ? void 0 : b.textColor) || ((m = (g = r.colors) == null ? void 0 : g[t.type]) == null ? void 0 : m.text) || "text-gray-700 dark:text-gray-300", u = ((C = t.config) == null ? void 0 : C.iconContainerClass) || "w-8 h-8 mr-3 text-xl flex items-center justify-center";
-    return /* @__PURE__ */ k(
+    var f, l, s, a, p, b, g, m, $, v, E, L, h;
+    const o = ((f = t.config) == null ? void 0 : f.icon) || ((l = n.icons) == null ? void 0 : l[t.type]) || Ke(t.type), c = ((s = t.config) == null ? void 0 : s.bgColor) || ((p = (a = n.colors) == null ? void 0 : a[t.type]) == null ? void 0 : p.bg) || "bg-white dark:bg-gray-800", d = ((b = t.config) == null ? void 0 : b.textColor) || ((m = (g = n.colors) == null ? void 0 : g[t.type]) == null ? void 0 : m.text) || "text-gray-700 dark:text-gray-300", u = (($ = t.config) == null ? void 0 : $.iconContainerClass) || "w-8 h-8 mr-3 text-xl flex items-center justify-center";
+    return /* @__PURE__ */ S(
       "div",
       {
         className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${c} ${d}`,
         children: [
           /* @__PURE__ */ i("div", { className: u, children: o }),
-          /* @__PURE__ */ k("div", { className: "flex-1 me-3", children: [
-            ((w = t.config) == null ? void 0 : w.title) && /* @__PURE__ */ i("div", { className: "font-semibold text-black", children: t.config.title }),
-            ((N = t.config) == null ? void 0 : N.description) && /* @__PURE__ */ i("div", { className: "text-sm text-gray-500", children: t.config.description }),
-            !((S = t.config) != null && S.title) && !((v = t.config) != null && v.description) && /* @__PURE__ */ i("div", { className: "text-sm", children: t.message })
+          /* @__PURE__ */ S("div", { className: "flex-1 me-3", children: [
+            ((v = t.config) == null ? void 0 : v.title) && /* @__PURE__ */ i("div", { className: "font-semibold text-black", children: t.config.title }),
+            ((E = t.config) == null ? void 0 : E.description) && /* @__PURE__ */ i("div", { className: "text-sm text-gray-500", children: t.config.description }),
+            !((L = t.config) != null && L.title) && !((h = t.config) != null && h.description) && /* @__PURE__ */ i("div", { className: "text-sm", children: t.message })
           ] }),
           /* @__PURE__ */ i(
             "button",
             {
-              onClick: () => n((E) => E.filter((L) => L.id !== t.id)),
+              onClick: () => r((y) => y.filter((O) => O.id !== t.id)),
               className: "ml-auto text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white",
               "aria-label": "Close",
-              children: /* @__PURE__ */ i(Te, { size: 18 })
+              children: /* @__PURE__ */ i(Ze, { size: 18 })
             }
           )
         ]
@@ -974,7 +1020,7 @@ const _e = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
     );
   }) });
 };
-function Be(e) {
+function Ke(e) {
   switch (e) {
     case "success":
       return "✅";
@@ -987,20 +1033,20 @@ function Be(e) {
   }
 }
 export {
-  Ke as Accordion,
-  Ge as Badge,
-  He as Button,
-  Pe as Checkbox,
-  We as Dropdown,
-  ce as Input,
-  Ue as Modal,
-  qe as ModalProvider,
-  be as Select,
-  Qe as Toast,
-  Ze as Tooltip,
-  Ye as setToastDefaults,
-  Je as showToast,
-  re as useModalActions,
-  Xe as useModalInstance,
-  se as useModalState
+  Je as Accordion,
+  Ye as Badge,
+  Ue as Button,
+  De as Checkbox,
+  qe as Dropdown,
+  ge as Input,
+  Qe as Modal,
+  Ve as ModalProvider,
+  we as Select,
+  rt as Toast,
+  Xe as Tooltip,
+  tt as setToastDefaults,
+  nt as showToast,
+  ae as useModalActions,
+  et as useModalInstance,
+  ie as useModalState
 };