tailwind-ux-kit 1.0.80 → 1.0.82

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

@@ -1,24 +1,24 @@
 "use client";
-import { jsxs as S, jsx as i } from "react/jsx-runtime";
-import A, { forwardRef as se, useState as D, useMemo as I, useId as ge, useRef as W, useCallback as z, useEffect as _, createContext as oe, useContext as ae } from "react";
-const ee = {
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import D, { forwardRef as re, useState as A, useMemo as j, useId as pe, useRef as W, useCallback as I, useEffect as B, createContext as se, useContext as oe } from "react";
+const V = {
   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"
-}, te = {
+}, ee = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, be = {
+}, ge = {
   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"
-}, me = {
+}, be = {
   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"
-}, xe = (e, r, n) => {
+}, me = (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)
@@ -33,160 +33,156 @@ const ee = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, he = se((e, r) => {
+}, xe = re((e, r) => {
   const {
     label: n,
     id: t,
-    inputSize: o = "md",
-    shape: c = "rounded",
-    validate: d,
+    inputSize: s = "md",
+    shape: d = "rounded",
+    validate: p,
     onValidatedChange: u,
-    className: f = "",
-    icon: l,
-    iconPosition: s = "left",
+    className: l = "",
+    icon: c,
+    iconPosition: o = "left",
     floatingLabelStyle: a,
-    onChange: p,
-    isValid: b,
-    isInvalid: g,
-    feedback: m,
-    iconClasses: k,
+    onChange: f,
+    isValid: m,
+    isInvalid: b,
+    feedback: x,
+    iconClasses: C,
     feedbackType: v = "invalid",
-    labelClasses: E = "",
-    inputType: L = "",
-    inputPattern: h,
-    ...y
-  } = e, [O, w] = D("default"), $ = A.useCallback(
+    labelClasses: $ = "",
+    inputType: N = "",
+    inputPattern: y,
+    ...w
+  } = e, [E, z] = A("default"), O = D.useCallback(
     (P) => {
-      const N = P.target.value, K = (d == null ? void 0 : d(N)) ?? "default";
-      w(K), u == null || u(P, K), p == null || p(P);
+      const S = P.target.value, K = (p == null ? void 0 : p(S)) ?? "default";
+      z(K), u == null || u(P, K), f == null || f(P);
     },
-    [d, u, p]
-  ), x = I(() => t || (typeof n == "string" ? `input-${n.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [t, n]), C = !!a, j = ee[o] || ee.md, B = te[c] || te.flat, T = I(
-    () => xe(O, b, g),
-    [O, b, g]
-  ), M = I(() => s === "start" || s === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [s]), R = I(() => l ? s === "start" || s === "left" ? "ps-10" : "pe-10" : "", [l, s]), F = (P) => {
+    [p, u, f]
+  ), g = j(() => t || (typeof n == "string" ? `input-${n.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [t, n]), h = !!a, L = V[s] || V.md, M = ee[d] || ee.flat, R = j(
+    () => me(E, m, b),
+    [E, m, b]
+  ), T = j(() => o === "start" || o === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [o]), _ = j(() => c ? o === "start" || o === "left" ? "ps-10" : "pe-10" : "", [c, o]), F = (P) => {
     var Z;
-    const N = P.key;
-    !(P.ctrlKey || P.metaKey || N.length !== 1) && (() => {
-      const H = /^\d$/, X = /^[a-zA-Z]$/, Y = /^[a-zA-Z0-9]$/;
-      switch (L) {
+    const S = P.key;
+    !(P.ctrlKey || P.metaKey || S.length !== 1) && (() => {
+      const H = /^\d$/, X = /^[a-zA-Z]$/;
+      switch (N) {
         case "numeric":
         case "number":
         case "integer":
-          return !H.test(N);
+          return !H.test(S);
         case "decimal":
-          return !H.test(N) && N !== "." && N !== "Backspace" && N !== "Tab";
+          return !H.test(S) && S !== "." && S !== "Backspace" && S !== "Tab";
         case "alphabetic":
-          return !X.test(N);
-        case "string":
-          return !Y.test(N);
+          return !X.test(S);
         case "custom":
-          return h ? !h.test(N) : !1;
+          return y ? !y.test(S) : !1;
         default:
           return !1;
       }
-    })() && P.preventDefault(), (Z = y.onKeyDown) == null || Z.call(y, P);
-  }, pe = (P) => {
+    })() && P.preventDefault(), (Z = w.onKeyDown) == null || Z.call(w, P);
+  }, fe = (P) => {
     var q;
-    const N = P.clipboardData.getData("Text");
+    const S = P.clipboardData.getData("Text");
     (() => {
-      const Z = /^\d+$/, H = /^\d*\.?\d*$/, X = /^[a-zA-Z]+$/, Y = /^[a-zA-Z0-9]+$/;
-      switch (L) {
+      const Z = /^\d+$/, H = /^\d*\.?\d*$/, X = /^[a-zA-Z]+$/;
+      switch (N) {
         case "numeric":
         case "number":
         case "integer":
-          return !Z.test(N);
+          return !Z.test(S);
         case "decimal":
-          return !H.test(N);
+          return !H.test(S);
         case "alphabetic":
-          return !X.test(N);
-        case "string":
-          return !Y.test(N);
+          return !X.test(S);
         case "custom":
-          return h ? !h.test(N) : !1;
+          return y ? !y.test(S) : !1;
         default:
           return !1;
       }
-    })() && P.preventDefault(), (q = y.onPaste) == null || q.call(y, P);
+    })() && P.preventDefault(), (q = w.onPaste) == null || q.call(w, P);
   };
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ k(
     "div",
     {
-      className: `w-full relative ${C ? "z-0" : ""} tailwind-ux-input`,
+      className: `w-full relative ${h ? "z-0" : ""} tailwind-ux-input`,
       children: [
-        !C && n && /* @__PURE__ */ i(
+        !h && 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"} ${E}`,
+            htmlFor: g,
+            className: `block mb-1 text-sm ${m ? "text-green-700 dark:text-green-500" : b ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${$}`,
             children: n
           }
         ),
-        /* @__PURE__ */ S("div", { className: "relative w-full", children: [
-          l && /* @__PURE__ */ i(
+        /* @__PURE__ */ k("div", { className: "relative w-full", children: [
+          c && /* @__PURE__ */ i(
             "div",
             {
-              className: `absolute inset-y-0 flex items-center ${M} ${k}`,
+              className: `absolute inset-y-0 flex items-center ${T} ${C}`,
               "aria-hidden": "true",
-              children: l
+              children: c
             }
           ),
           /* @__PURE__ */ i(
             "input",
             {
-              ...y,
-              id: x,
+              ...w,
+              id: g,
               ref: r,
-              placeholder: C ? " " : y.placeholder,
-              onChange: $,
+              placeholder: h ? " " : w.placeholder,
+              onChange: O,
               onKeyDown: F,
-              onPaste: pe,
+              onPaste: fe,
               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
-            ${j}
-            ${C && a && be[a]}
-            ${R} ${B} ${T} ${f}`
+            ${L}
+            ${h && a && ge[a]}
+            ${_} ${M} ${R} ${l}`
             }
           ),
-          C && n && a && /* @__PURE__ */ i(
+          h && n && a && /* @__PURE__ */ i(
             "label",
             {
-              htmlFor: x,
-              className: `ms-1 ${me[a]} ${f}`,
+              htmlFor: g,
+              className: `ms-1 ${be[a]} ${l}`,
               children: n
             }
           )
         ] }),
-        m && /* @__PURE__ */ i(
+        x && /* @__PURE__ */ i(
           "p",
           {
             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
+            children: x
           }
         )
       ]
     }
   );
 });
-he.displayName = "Input";
-const ye = {
+xe.displayName = "Input";
+const he = {
   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"
-}, we = {
+}, ye = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, ve = {
+}, we = {
   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"
-}, Ce = {
+}, ve = {
   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"
-}, ke = (e, r, n) => {
+}, Ce = (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)
@@ -202,80 +198,80 @@ const ye = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, $e = se((e, r) => {
+}, ke = re((e, r) => {
   const {
     label: n,
     id: t,
-    inputSize: o = "md",
-    shape: c = "rounded",
-    validate: d,
+    inputSize: s = "md",
+    shape: d = "rounded",
+    validate: p,
     onValidatedChange: u,
-    className: f = "",
-    icon: l,
-    iconPosition: s = "left",
+    className: l = "",
+    icon: c,
+    iconPosition: o = "left",
     floatingLabelStyle: a,
-    onChange: p,
-    isValid: b,
-    isInvalid: g,
-    feedback: m,
-    feedbackType: k = "invalid",
+    onChange: f,
+    isValid: m,
+    isInvalid: b,
+    feedback: x,
+    feedbackType: C = "invalid",
     children: v,
-    ...E
-  } = e, [L, h] = D("default"), y = ge(), O = I(() => t || (typeof n == "string" ? `select-${n.toLowerCase().replace(/\s+/g, "-")}` : y), [t, n, y]), w = (M) => {
-    const R = M.target.value, F = (d == null ? void 0 : d(R)) ?? "default";
-    h(F), u == null || u(M, F), p == null || p(M);
-  }, $ = !!a, x = ye[o], C = we[c], j = ke(L, b, g);
-  return /* @__PURE__ */ S("div", { className: `w-full relative ${$ ? "z-0" : ""}`, children: [
-    !$ && n && /* @__PURE__ */ i(
+    ...$
+  } = e, [N, y] = A("default"), w = pe(), E = j(() => t || (typeof n == "string" ? `select-${n.toLowerCase().replace(/\s+/g, "-")}` : w), [t, n, w]), z = (T) => {
+    const _ = T.target.value, F = (p == null ? void 0 : p(_)) ?? "default";
+    y(F), u == null || u(T, F), f == null || f(T);
+  }, O = !!a, g = he[s], h = ye[d], L = Ce(N, m, b);
+  return /* @__PURE__ */ k("div", { className: `w-full relative ${O ? "z-0" : ""}`, children: [
+    !O && n && /* @__PURE__ */ i(
       "label",
       {
-        htmlFor: O,
-        className: `block mb-1 text-sm ${b ? "text-green-700" : g ? "text-red-700" : "text-gray-700"}`,
+        htmlFor: E,
+        className: `block mb-1 text-sm ${m ? "text-green-700" : b ? "text-red-700" : "text-gray-700"}`,
         children: n
       }
     ),
-    /* @__PURE__ */ S("div", { className: "relative w-full", children: [
-      l && /* @__PURE__ */ i(
+    /* @__PURE__ */ k("div", { className: "relative w-full", children: [
+      c && /* @__PURE__ */ i(
         "div",
         {
-          className: `absolute inset-y-0 flex items-center ${s === "start" || s === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5"}`,
-          children: /* @__PURE__ */ i("span", { className: "text-gray-500", children: l })
+          className: `absolute inset-y-0 flex items-center ${o === "start" || o === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5"}`,
+          children: /* @__PURE__ */ i("span", { className: "text-gray-500", children: c })
         }
       ),
       /* @__PURE__ */ i(
         "select",
         {
-          ...E,
-          id: O,
+          ...$,
+          id: E,
           ref: r,
-          onChange: w,
+          onChange: z,
           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
-            ${x} ${l && (s === "start" || s === "left") ? "ps-10" : l ? "pe-10" : ""}
-            ${$ && a && ve[a]}
-            ${C} ${j} ${f}`,
+            ${g} ${c && (o === "start" || o === "left") ? "ps-10" : c ? "pe-10" : ""}
+            ${O && a && we[a]}
+            ${h} ${L} ${l}`,
           children: v
         }
       ),
-      $ && n && a && /* @__PURE__ */ i(
+      O && n && a && /* @__PURE__ */ i(
         "label",
         {
-          htmlFor: O,
-          className: `ms-1 ${Ce[a]} ${f}`,
+          htmlFor: E,
+          className: `ms-1 ${ve[a]} ${l}`,
           children: n
         }
       )
     ] }),
-    m && /* @__PURE__ */ i(
+    x && /* @__PURE__ */ i(
       "p",
       {
-        className: `mt-1 text-xs ${k === "invalid" ? "text-red-600" : "text-green-600"}`,
-        children: m
+        className: `mt-1 text-xs ${C === "invalid" ? "text-red-600" : "text-green-600"}`,
+        children: x
       }
     )
   ] });
 });
-$e.displayName = "Select";
-const Ne = {
+ke.displayName = "Select";
+const $e = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   success: "btn-success",
@@ -301,39 +297,39 @@ const Ne = {
   "soft-info": "btn-soft-info",
   "soft-dark": "btn-soft-dark",
   "soft-light": "btn-soft-light"
-}, Se = {
+}, Ne = {
   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"
-}, Ee = {
+}, Se = {
   flat: "shadow-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full w-10 h-10 p-0 flex items-center justify-center"
-}, Je = ({
+}, Ye = ({
   children: e,
   variant: r = "primary",
   size: n = "md",
   type: t = "button",
-  shape: o = "rounded",
-  className: c = "",
-  isLoading: d = !1,
+  shape: s = "rounded",
+  className: d = "",
+  isLoading: p = !1,
   disabled: u = !1,
-  ...f
+  ...l
 }) => {
-  const l = u || d, s = [
+  const c = u || p, o = [
     "inline-flex items-center justify-center font-normal transition duration-150",
-    Ne[r],
-    Se[n],
-    Ee[o],
-    o === "flat" ? "shadow-none" : "shadow-sm",
-    l ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-    c
+    $e[r],
+    Ne[n],
+    Se[s],
+    s === "flat" ? "shadow-none" : "shadow-sm",
+    c ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+    d
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ S("button", { type: t, className: s, disabled: l, ...f, children: [
-    d && /* @__PURE__ */ S(
+  return /* @__PURE__ */ k("button", { type: t, className: o, disabled: c, ...l, children: [
+    p && /* @__PURE__ */ k(
       "svg",
       {
         "aria-hidden": "true",
@@ -363,24 +359,24 @@ const Ne = {
     e
   ] });
 };
-var le = {
+var ae = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, ne = A.createContext && /* @__PURE__ */ A.createContext(le), Le = ["attr", "size", "title"];
-function Oe(e, r) {
+}, te = D.createContext && /* @__PURE__ */ D.createContext(ae), Ee = ["attr", "size", "title"];
+function Le(e, r) {
   if (e == null) return {};
-  var n = Pe(e, r), t, o;
+  var n = Oe(e, r), t, s;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < c.length; o++)
-      t = c[o], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+    var d = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < d.length; s++)
+      t = d[s], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
   }
   return n;
 }
-function Pe(e, r) {
+function Oe(e, r) {
   if (e == null) return {};
   var n = {};
   for (var t in e)
@@ -400,12 +396,12 @@ function G() {
     return e;
   }, G.apply(this, arguments);
 }
-function re(e, r) {
+function ne(e, r) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
-    r && (t = t.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    r && (t = t.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
     })), n.push.apply(n, t);
   }
   return n;
@@ -413,22 +409,22 @@ function re(e, r) {
 function U(e) {
   for (var r = 1; r < arguments.length; r++) {
     var n = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? re(Object(n), !0).forEach(function(t) {
-      je(e, t, n[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : re(Object(n)).forEach(function(t) {
+    r % 2 ? ne(Object(n), !0).forEach(function(t) {
+      Pe(e, t, n[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ne(Object(n)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
     });
   }
   return e;
 }
-function je(e, r, n) {
-  return r = Ie(r), r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
+function Pe(e, r, n) {
+  return r = je(r), r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
 }
-function Ie(e) {
-  var r = ze(e, "string");
+function je(e) {
+  var r = Ie(e, "string");
   return typeof r == "symbol" ? r : r + "";
 }
-function ze(e, r) {
+function Ie(e, r) {
   if (typeof e != "object" || !e) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -438,52 +434,52 @@ function ze(e, r) {
   }
   return (r === "string" ? String : Number)(e);
 }
-function ie(e) {
-  return e && e.map((r, n) => /* @__PURE__ */ A.createElement(r.tag, U({
+function le(e) {
+  return e && e.map((r, n) => /* @__PURE__ */ D.createElement(r.tag, U({
     key: n
-  }, r.attr), ie(r.child)));
+  }, r.attr), le(r.child)));
 }
-function V(e) {
-  return (r) => /* @__PURE__ */ A.createElement(Ae, G({
+function Q(e) {
+  return (r) => /* @__PURE__ */ D.createElement(ze, G({
     attr: U({}, e.attr)
-  }, r), ie(e.child));
+  }, r), le(e.child));
 }
-function Ae(e) {
+function ze(e) {
   var r = (n) => {
     var {
       attr: t,
-      size: o,
-      title: c
-    } = e, d = Oe(e, Le), u = o || n.size || "1em", f;
-    return n.className && (f = n.className), e.className && (f = (f ? f + " " : "") + e.className), /* @__PURE__ */ A.createElement("svg", G({
+      size: s,
+      title: d
+    } = e, p = Le(e, Ee), u = s || n.size || "1em", l;
+    return n.className && (l = n.className), e.className && (l = (l ? l + " " : "") + e.className), /* @__PURE__ */ D.createElement("svg", G({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, n.attr, t, d, {
-      className: f,
+    }, n.attr, t, p, {
+      className: l,
       style: U(U({
         color: e.color || n.color
       }, n.style), e.style),
       height: u,
       width: u,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ A.createElement("title", null, c), e.children);
+    }), d && /* @__PURE__ */ D.createElement("title", null, d), e.children);
   };
-  return ne !== void 0 ? /* @__PURE__ */ A.createElement(ne.Consumer, null, (n) => r(n)) : r(le);
+  return te !== void 0 ? /* @__PURE__ */ D.createElement(te.Consumer, null, (n) => r(n)) : r(ae);
 }
 function De(e) {
-  return V({ 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);
+  return Q({ 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 Me = {
+const Ae = {
   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"
-}, Te = {
+}, Me = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, Re = {
+}, Te = {
   primary: "primary",
   secondary: "secondary",
   success: "success",
@@ -509,34 +505,34 @@ const Me = {
   "soft-info": "soft-info",
   "soft-dark": "soft-dark",
   "soft-light": "soft-light"
-}, _e = A.forwardRef(
+}, Re = D.forwardRef(
   ({
     label: e,
     boxSize: r = "md",
     shape: n = "rounded",
     variant: t = "success",
-    onSelectionChange: o,
-    disabled: c = !1,
-    className: d = "",
+    onSelectionChange: s,
+    disabled: d = !1,
+    className: p = "",
     id: u,
-    value: f,
-    icon: l,
-    children: s,
+    value: l,
+    icon: c,
+    children: o,
     checked: a,
-    ...p
-  }, b) => {
-    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", k = Me[r], v = Te[n], E = Re[t] ?? "", L = t.startsWith("outline"), h = t.startsWith("soft"), w = `${m} ${k} ${v} ${E} ${a && (L || h || t === "link") ? "peer-checked:bg-current peer-checked:text-white" : a ? "peer-checked:bg-current" : ""}`, $ = {
+    ...f
+  }, m) => {
+    const b = (g) => {
+      !d && s && s(g.target.checked), f.onChange && f.onChange(g);
+    }, x = "mr-2 border flex items-center justify-center transition-all", C = Ae[r], v = Me[n], $ = Te[t] ?? "", N = t.startsWith("outline"), y = t.startsWith("soft"), z = `${x} ${C} ${v} ${$} ${a && (N || y || t === "link") ? "peer-checked:bg-current peer-checked:text-white" : a ? "peer-checked:bg-current" : ""}`, O = {
       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__ */ S(
+    return /* @__PURE__ */ k(
       "label",
       {
-        className: `flex items-center ${c ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${d}`,
+        className: `flex items-center ${d ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${p}`,
         children: [
           /* @__PURE__ */ i(
             "input",
@@ -544,121 +540,121 @@ const Me = {
               type: "checkbox",
               className: "peer hidden",
               checked: a,
-              onChange: g,
-              disabled: c,
+              onChange: b,
+              disabled: d,
               id: u,
-              value: f,
-              ref: b,
-              ...p
+              value: l,
+              ref: m,
+              ...f
             }
           ),
-          /* @__PURE__ */ i("span", { className: w.trim(), children: (a || p.defaultChecked) && (l ?? /* @__PURE__ */ i(De, { className: `${$[r]}` })) }),
-          e || s ? /* @__PURE__ */ i("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? s }) : null
+          /* @__PURE__ */ i("span", { className: z.trim(), children: (a || f.defaultChecked) && (c ?? /* @__PURE__ */ i(De, { className: `${O[r]}` })) }),
+          e || o ? /* @__PURE__ */ i("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? o }) : null
         ]
       }
     );
   }
 );
-_e.displayName = "Checkbox";
-const Qe = ({
+Re.displayName = "Checkbox";
+const Je = ({
   label: e,
   header: r,
   items: n = [],
   onSelect: t,
-  renderItem: o,
-  position: c = "right",
-  className: d = "",
+  renderItem: s,
+  position: d = "right",
+  className: p = "",
   menuClassName: u = "",
-  width: f = "w-48",
-  closeOnSelect: l = !1,
-  transition: s = !0,
+  width: l = "w-48",
+  closeOnSelect: c = !1,
+  transition: o = !0,
   ariaLabel: a = "Dropdown menu",
-  ...p
+  ...f
 }) => {
-  const [b, g] = D(!1), [m, k] = D(!1), v = W(null), E = W(null), L = I(() => ({
+  const [m, b] = A(!1), [x, C] = A(!1), v = W(null), $ = W(null), N = j(() => ({
     left: "left-0",
     center: "left-1/2 transform -translate-x-1/2",
     right: "right-0"
-  })[c], [c]), h = z(() => {
-    const x = E.current, C = v.current;
-    if (!x || !C) return;
-    const { top: j, bottom: B } = x.getBoundingClientRect(), T = C.offsetHeight, M = window.innerHeight - B, R = j;
-    k(M < T && R > T);
-  }, []), y = z((x) => {
-    var C, j;
-    !((C = v.current) != null && C.contains(x.target)) && !((j = E.current) != null && j.contains(x.target)) && g(!1);
-  }, []), O = z(() => g((x) => !x), []), w = z(() => g(!1), []);
-  _(() => {
-    if (b)
-      return h(), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
-        window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
+  })[d], [d]), y = I(() => {
+    const g = $.current, h = v.current;
+    if (!g || !h) return;
+    const { top: L, bottom: M } = g.getBoundingClientRect(), R = h.offsetHeight, T = window.innerHeight - M, _ = L;
+    C(T < R && _ > R);
+  }, []), w = I((g) => {
+    var h, L;
+    !((h = v.current) != null && h.contains(g.target)) && !((L = $.current) != null && L.contains(g.target)) && b(!1);
+  }, []), E = I(() => b((g) => !g), []), z = I(() => b(!1), []);
+  B(() => {
+    if (m)
+      return y(), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0), () => {
+        window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
       };
-  }, [b, h]), _(() => (document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y)), [y]);
-  const $ = I(
+  }, [m, y]), B(() => (document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w)), [w]);
+  const O = j(
     () => [
       "absolute z-50 bg-white rounded shadow-lg overflow-hidden w-auto",
-      m ? "bottom-full mb-2" : "top-full mt-2",
-      L,
-      f,
-      s && "transition-all duration-200 ease-out",
+      x ? "bottom-full mb-2" : "top-full mt-2",
+      N,
+      l,
+      o && "transition-all duration-200 ease-out",
       u
     ].filter(Boolean).join(" "),
-    [m, L, f, s, u]
+    [x, N, l, o, u]
   );
-  return /* @__PURE__ */ S("div", { className: `relative inline-block ${d}`, ...p, children: [
+  return /* @__PURE__ */ k("div", { className: `relative inline-block ${p}`, ...f, children: [
     /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        ref: E,
-        onClick: O,
-        "aria-expanded": b,
+        ref: $,
+        onClick: E,
+        "aria-expanded": m,
         "aria-label": a,
         className: "focus:outline-none",
         children: e
       }
     ),
-    b && /* @__PURE__ */ S("div", { ref: v, role: "menu", className: $, children: [
+    m && /* @__PURE__ */ k("div", { ref: v, role: "menu", className: O, children: [
       r && r,
-      n.map((x, C) => {
-        const j = () => {
-          t && t(x), l && w();
+      n.map((g, h) => {
+        const L = () => {
+          t && t(g), c && z();
         };
-        return /* @__PURE__ */ i("div", { children: o ? o(x, j) : /* @__PURE__ */ i(
+        return /* @__PURE__ */ i("div", { children: s ? s(g, L) : /* @__PURE__ */ i(
           "div",
           {
-            onClick: j,
+            onClick: L,
             className: "px-4 py-2 text-sm text-gray-800 hover:bg-gray-100 cursor-pointer",
             role: "menuitem",
-            children: x.label
+            children: g.label
           }
-        ) }, C);
+        ) }, h);
       })
     ] })
   ] });
-}, Ve = ({
+}, Qe = ({
   children: e,
   content: r,
   position: n = "top",
   className: t = "",
-  tooltipClass: o = "",
-  tooltipStyle: c = {}
+  tooltipClass: s = "",
+  tooltipStyle: d = {}
 }) => {
-  const d = W(null), u = W(null);
-  _(() => {
-    const l = d.current, s = u.current;
-    if (!l || !s) return;
+  const p = W(null), u = W(null);
+  B(() => {
+    const c = p.current, o = u.current;
+    if (!c || !o) return;
     const a = () => {
-      s.style.opacity = "1", s.style.visibility = "visible";
-    }, p = () => {
-      s.style.opacity = "0", s.style.visibility = "hidden";
+      o.style.opacity = "1", o.style.visibility = "visible";
+    }, f = () => {
+      o.style.opacity = "0", o.style.visibility = "hidden";
     };
-    return l.addEventListener("mouseenter", a), l.addEventListener("mouseleave", p), () => {
-      l.removeEventListener("mouseenter", a), l.removeEventListener("mouseleave", p);
+    return c.addEventListener("mouseenter", a), c.addEventListener("mouseleave", f), () => {
+      c.removeEventListener("mouseenter", a), c.removeEventListener("mouseleave", f);
     };
   }, []);
-  const f = (l) => {
-    const s = {
+  const l = (c) => {
+    const o = {
       position: "absolute",
       opacity: 0,
       visibility: "hidden",
@@ -675,10 +671,10 @@ const Qe = ({
       zIndex: 9999,
       width: "max-content"
     };
-    switch (l) {
+    switch (c) {
       case "top":
         return {
-          ...s,
+          ...o,
           bottom: "100%",
           left: "50%",
           transform: "translateX(-50%)",
@@ -686,7 +682,7 @@ const Qe = ({
         };
       case "bottom":
         return {
-          ...s,
+          ...o,
           top: "100%",
           left: "50%",
           transform: "translateX(-50%)",
@@ -694,7 +690,7 @@ const Qe = ({
         };
       case "left":
         return {
-          ...s,
+          ...o,
           right: "100%",
           top: "50%",
           transform: "translateY(-50%)",
@@ -702,33 +698,33 @@ const Qe = ({
         };
       case "right":
         return {
-          ...s,
+          ...o,
           left: "100%",
           top: "50%",
           transform: "translateY(-50%)",
           marginLeft: "8px"
         };
       default:
-        return s;
+        return o;
     }
   };
-  return /* @__PURE__ */ S("div", { ref: d, className: `relative inline-block ${t}`, children: [
+  return /* @__PURE__ */ k("div", { ref: p, className: `relative inline-block ${t}`, children: [
     e,
     /* @__PURE__ */ i(
       "div",
       {
         ref: u,
         role: "tooltip",
-        className: o,
+        className: s,
         style: {
-          ...f(n),
-          ...c
+          ...l(n),
+          ...d
         },
         children: r
       }
     )
   ] });
-}, Be = {
+}, _e = {
   primary: "bg-blue-500 text-white",
   secondary: "bg-gray-500 text-white",
   success: "bg-green-500 text-white",
@@ -746,64 +742,64 @@ const Qe = ({
   "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"
-}, Fe = {
+}, Be = {
   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"
-}, Ke = {
+}, Fe = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full p-2 w-8 h-8 justify-center"
-}, et = ({
+}, Ve = ({
   label: e,
   variant: r = "primary",
   size: n = "sm",
   shape: t = "rounded",
-  icon: o,
-  dismissible: c,
-  onDismiss: d,
+  icon: s,
+  dismissible: d,
+  onDismiss: p,
   className: u = "",
-  ...f
+  ...l
 }) => {
-  const l = !e && !!o, s = `inline-flex items-center font-medium ${Be[r] || ""} ${Fe[n] || ""} ${Ke[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 }),
+  const c = !e && !!s, o = `inline-flex items-center font-medium ${_e[r] || ""} ${Be[n] || ""} ${Fe[t] || ""} ${c ? "justify-center p-2 w-8 h-8" : ""} ` + u;
+  return /* @__PURE__ */ k("span", { className: o.trim(), ...l, children: [
+    s && /* @__PURE__ */ i("span", { className: e ? "mr-1" : "", children: s }),
     e,
-    c && /* @__PURE__ */ i(
+    d && /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        onClick: d,
+        onClick: p,
         className: "ml-2 text-xs font-bold leading-none focus:outline-none",
         children: "×"
       }
     )
   ] });
 };
-function Ze(e) {
-  return V({ 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 Ke(e) {
+  return Q({ 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 tt = ({
+const et = ({
   items: e,
   allowMultipleOpen: r = !1,
   className: n = "",
   tileClasses: t = "",
-  open: o,
-  onChange: c,
-  renderTitle: d,
+  open: s,
+  onChange: d,
+  renderTitle: p,
   renderContent: u,
-  showArrowIcon: f = !0,
-  panelClasses: l = ""
+  showArrowIcon: l = !0,
+  panelClasses: c = ""
 }) => {
-  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) : (r || m.clear(), m.add(g)), o && c ? c(Array.from(m)) : a(m);
+  const [o, a] = A(/* @__PURE__ */ new Set()), f = j(() => s ? new Set(s) : o, [s, o]), m = I(
+    (b) => {
+      const x = new Set(f);
+      x.has(b) ? x.delete(b) : (r || x.clear(), x.add(b)), s && d ? d(Array.from(x)) : a(x);
     },
-    [p, o, c, r]
+    [f, s, d, r]
   );
   return /* @__PURE__ */ i(
     "div",
@@ -811,25 +807,25 @@ const tt = ({
       className: "accordion",
       role: "region",
       "aria-multiselectable": r,
-      children: e.map((g) => {
-        const m = p.has(g.id), k = `accordion-heading-${g.id}`, v = `accordion-panel-${g.id}`;
-        return /* @__PURE__ */ S(
+      children: e.map((b) => {
+        const x = f.has(b.id), C = `accordion-heading-${b.id}`, v = `accordion-panel-${b.id}`;
+        return /* @__PURE__ */ k(
           "div",
           {
             className: `accordion-item border rounded border-gray-300 dark:border-gray-700 ${n}`,
             children: [
-              /* @__PURE__ */ S(
+              /* @__PURE__ */ k(
                 "button",
                 {
-                  id: k,
+                  id: C,
                   type: "button",
-                  "aria-expanded": m,
+                  "aria-expanded": x,
                   "aria-controls": v,
-                  onClick: () => b(g.id),
+                  onClick: () => m(b.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(Ze, {}) : null
+                    p ? p(b, x) : b.title,
+                    l ? /* @__PURE__ */ i(Ke, {}) : null
                   ]
                 }
               ),
@@ -838,182 +834,190 @@ const tt = ({
                 {
                   id: v,
                   role: "region",
-                  "aria-labelledby": k,
-                  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
+                  "aria-labelledby": C,
+                  hidden: !x,
+                  className: `p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${c}`,
+                  children: u ? u(b, x) : b.content
                 }
               )
             ]
           },
-          g.id
+          b.id
         );
       })
     }
   );
-}, ce = oe(null), de = () => {
-  const e = ae(ce);
+}, ie = se(null), ce = () => {
+  const e = oe(ie);
   if (!e)
     throw new Error(
       "useModalActions must be used within a ModalActionProvider"
     );
   return e;
-}, ue = oe(null), fe = () => ae(ue);
-function nt({
+}, de = se(null), ue = () => oe(de);
+function tt({
   id: e,
   title: r,
   children: n,
   standalone: t = !1,
-  showFloatingClose: o = !1,
-  containerClasses: c = "",
-  onClose: d,
-  disableEscapeClose: u = !1,
-  closeBtnStyle: f
+  showFloatingClose: s = !1,
+  containerClasses: d = "",
+  headerClasses: p = "",
+  bodyClasses: u = "",
+  onClose: l,
+  disableEscapeClose: c = !1,
+  closeBtnStyle: o
 }) {
-  const l = fe(), s = de(), a = !t && !!l && !!s, [p, b] = D(!1), g = a ? l.isOpen(e) : p, m = a ? l.getModalData(e) : null, k = z(() => {
-    a ? s.closeModal(e) : b(!1), d == null || d();
-  }, [a, s, e, d]);
-  return _(() => {
-    const v = document.activeElement, E = document.getElementById(e), L = [
+  const a = ue(), f = ce(), m = !t && !!a && !!f, [b, x] = A(!1), C = m ? a.isOpen(e) : b, v = m ? a.getModalData(e) : null, $ = I(() => {
+    m ? f.closeModal(e) : x(!1), l == null || l();
+  }, [m, f, e, l]);
+  return B(() => {
+    const N = document.activeElement, y = document.getElementById(e), w = [
       "a[href]",
       "button:not([disabled])",
       "textarea:not([disabled])",
       "input:not([disabled])",
       "select:not([disabled])",
       '[tabindex]:not([tabindex="-1"])'
-    ], h = () => {
-      if (!E) return [];
-      const w = E.querySelectorAll(
-        L.join(",")
+    ], E = () => {
+      if (!y) return [];
+      const g = y.querySelectorAll(
+        w.join(",")
       );
-      return Array.from(w).filter(($) => $.offsetParent !== null);
-    }, y = (w) => {
-      if (w.key === "Tab") {
-        const $ = h();
-        if ($.length === 0) return;
-        const x = $[0], C = $[$.length - 1];
-        w.shiftKey ? document.activeElement === x && (w.preventDefault(), C.focus()) : document.activeElement === C && (w.preventDefault(), x.focus());
+      return Array.from(g).filter((h) => h.offsetParent !== null);
+    }, z = (g) => {
+      if (g.key === "Tab") {
+        const h = E();
+        if (h.length === 0) return;
+        const L = h[0], M = h[h.length - 1];
+        g.shiftKey ? document.activeElement === L && (g.preventDefault(), M.focus()) : document.activeElement === M && (g.preventDefault(), L.focus());
       }
-    }, O = (w) => {
-      w.key === "Escape" && !u && k(), y(w);
+    }, O = (g) => {
+      g.key === "Escape" && !c && $(), z(g);
     };
-    return g && (document.body.style.overflow = "hidden", setTimeout(() => {
-      const w = h();
-      w.length && w[0].focus();
+    return C && (document.body.style.overflow = "hidden", setTimeout(() => {
+      const g = E();
+      g.length && g[0].focus();
     }, 0), window.addEventListener("keydown", O)), () => {
-      document.body.style.overflow = "", v && v.focus(), window.removeEventListener("keydown", O);
+      document.body.style.overflow = "", N && N.focus(), window.removeEventListener("keydown", O);
     };
-  }, [g, u, k, e]), g ? /* @__PURE__ */ i(
+  }, [C, c, $, e]), C ? /* @__PURE__ */ i(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-[2px]",
       id: e,
-      children: /* @__PURE__ */ S(
+      children: /* @__PURE__ */ k(
         "div",
         {
-          className: `bg-white rounded-lg shadow-lg w-full max-w-md p-4 transform transition-all duration-300 scale-100 ${c}`,
+          className: `bg-white rounded-lg shadow-lg w-full max-w-md p-4 transform transition-all duration-300 scale-100 ${d}`,
           children: [
-            /* @__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: k,
-                  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 n == "function" ? n({ modalData: m }) : n })
+            /* @__PURE__ */ k(
+              "div",
+              {
+                className: `flex justify-between items-center relative ${p}`,
+                children: [
+                  r && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold", children: r }),
+                  s && /* @__PURE__ */ i(
+                    "button",
+                    {
+                      onClick: $,
+                      className: `text-gray-500 hover:text-black absolute top-0 right-3 hover:bg-gray-200 rounded-full aspect-square w-8 ${o}`,
+                      "aria-label": "Close modal",
+                      children: "✕"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: u, children: typeof n == "function" ? n({ modalData: v }) : n })
           ]
         }
       )
     }
   ) : null;
 }
-function rt({
+function nt({
   children: e
 }) {
-  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;
+  const [r, n] = A({}), [t, s] = A({}), d = I((a, f) => {
+    n((m) => ({ ...m, [a]: !0 })), f && s((m) => ({ ...m, [a]: f }));
+  }, []), p = I((a) => {
+    n((f) => ({ ...f, [a]: !1 })), s((f) => {
+      const m = { ...f };
+      return delete m[a], m;
     });
-  }, []), u = z((a) => !!r[a], [r]), f = z(
+  }, []), u = I((a) => !!r[a], [r]), l = I(
     (a) => t[a],
     [t]
-  ), l = I(
-    () => ({ openModal: c, closeModal: d }),
-    [c, d]
-  ), s = I(
-    () => ({ isOpen: u, getModalData: f }),
-    [u, f]
+  ), c = j(
+    () => ({ openModal: d, closeModal: p }),
+    [d, p]
+  ), o = j(
+    () => ({ isOpen: u, getModalData: l }),
+    [u, l]
   );
-  return /* @__PURE__ */ i(ce.Provider, { value: l, children: /* @__PURE__ */ i(ue.Provider, { value: s, children: e }) });
+  return /* @__PURE__ */ i(ie.Provider, { value: c, children: /* @__PURE__ */ i(de.Provider, { value: o, children: e }) });
 }
-function st(e) {
-  const { openModal: r, closeModal: n } = de(), { isOpen: t, getModalData: o } = fe();
+function rt(e) {
+  const { openModal: r, closeModal: n } = ce(), { isOpen: t, getModalData: s } = ue();
   return {
-    open: (c) => r(e, c),
+    open: (d) => r(e, d),
     close: () => n(e),
     isOpen: t(e),
-    data: o(e)
+    data: s(e)
   };
 }
-let J = null, Q = {};
-function He(e) {
-  J = e;
+let Y = null, J = {};
+function Ze(e) {
+  Y = e;
 }
-function ot(e) {
-  Q = { ...Q, ...e };
+function st(e) {
+  J = { ...J, ...e };
 }
-function We() {
-  return Q;
+function He() {
+  return J;
 }
-function at(e, r, n = 3e3, t) {
-  J ? J(e, r, n, t) : console.warn("Toast system is not mounted");
+function ot(e, r, n = 3e3, t) {
+  Y ? Y(e, r, n, t) : console.warn("Toast system is not mounted");
 }
-function Ge(e) {
-  return V({ 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 We(e) {
+  return Q({ 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 Ue = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+const Ge = () => "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);
-}), lt = () => {
-  const [e, r] = D([]);
-  _(() => {
-    He((t, o, c, d) => {
-      const u = Ue();
-      r((f) => [...f, { id: u, type: t, message: o, config: d }]), setTimeout(() => {
-        r((f) => f.filter((l) => l.id !== u));
-      }, c);
+}), at = () => {
+  const [e, r] = A([]);
+  B(() => {
+    Ze((t, s, d, p) => {
+      const u = Ge();
+      r((l) => [...l, { id: u, type: t, message: s, config: p }]), setTimeout(() => {
+        r((l) => l.filter((c) => c.id !== u));
+      }, d);
     });
   }, []);
-  const n = We();
+  const n = He();
   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, k, v, E, L, h;
-    const o = ((f = t.config) == null ? void 0 : f.icon) || ((l = n.icons) == null ? void 0 : l[t.type]) || qe(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 = ((k = t.config) == null ? void 0 : k.iconContainerClass) || "w-8 h-8 mr-3 text-xl flex items-center justify-center";
-    return /* @__PURE__ */ S(
+    var l, c, o, a, f, m, b, x, C, v, $, N, y;
+    const s = ((l = t.config) == null ? void 0 : l.icon) || ((c = n.icons) == null ? void 0 : c[t.type]) || Ue(t.type), d = ((o = t.config) == null ? void 0 : o.bgColor) || ((f = (a = n.colors) == null ? void 0 : a[t.type]) == null ? void 0 : f.bg) || "bg-white dark:bg-gray-800", p = ((m = t.config) == null ? void 0 : m.textColor) || ((x = (b = n.colors) == null ? void 0 : b[t.type]) == null ? void 0 : x.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(
       "div",
       {
-        className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${c} ${d}`,
+        className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${d} ${p}`,
         children: [
-          /* @__PURE__ */ i("div", { className: u, children: o }),
-          /* @__PURE__ */ S("div", { className: "flex-1 me-3", children: [
+          /* @__PURE__ */ i("div", { className: u, children: s }),
+          /* @__PURE__ */ k("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 })
+            (($ = t.config) == null ? void 0 : $.description) && /* @__PURE__ */ i("div", { className: "text-sm text-gray-500", children: t.config.description }),
+            !((N = t.config) != null && N.title) && !((y = t.config) != null && y.description) && /* @__PURE__ */ i("div", { className: "text-sm", children: t.message })
           ] }),
           /* @__PURE__ */ i(
             "button",
             {
-              onClick: () => r((y) => y.filter((O) => O.id !== t.id)),
+              onClick: () => r((w) => w.filter((E) => E.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(Ge, { size: 18 })
+              children: /* @__PURE__ */ i(We, { size: 18 })
             }
           )
         ]
@@ -1022,7 +1026,7 @@ const Ue = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
     );
   }) });
 };
-function qe(e) {
+function Ue(e) {
   switch (e) {
     case "success":
       return "✅";
@@ -1035,20 +1039,20 @@ function qe(e) {
   }
 }
 export {
-  tt as Accordion,
-  et as Badge,
-  Je as Button,
-  _e as Checkbox,
-  Qe as Dropdown,
-  he as Input,
-  nt as Modal,
-  rt as ModalProvider,
-  $e as Select,
-  lt as Toast,
-  Ve as Tooltip,
-  ot as setToastDefaults,
-  at as showToast,
-  de as useModalActions,
-  st as useModalInstance,
-  fe as useModalState
+  et as Accordion,
+  Ve as Badge,
+  Ye as Button,
+  Re as Checkbox,
+  Je as Dropdown,
+  xe as Input,
+  tt as Modal,
+  nt as ModalProvider,
+  ke as Select,
+  at as Toast,
+  Qe as Tooltip,
+  st as setToastDefaults,
+  ot as showToast,
+  ce as useModalActions,
+  rt as useModalInstance,
+  ue as useModalState
 };