tailwind-ux-kit 1.0.81 → 1.0.83

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

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