tailwind-ux-kit 1.0.82 → 1.0.83

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

@@ -1,6 +1,6 @@
 "use client";
-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";
+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,7 +33,7 @@ const V = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, xe = re((e, r) => {
+}, ye = oe((e, r) => {
   const {
     label: n,
     id: t,
@@ -41,113 +41,113 @@ const V = {
     shape: d = "rounded",
     validate: p,
     onValidatedChange: u,
-    className: l = "",
-    icon: c,
+    className: c = "",
+    icon: a,
     iconPosition: o = "left",
-    floatingLabelStyle: a,
+    floatingLabelStyle: l,
     onChange: f,
-    isValid: m,
+    isValid: g,
     isInvalid: b,
     feedback: x,
-    iconClasses: C,
-    feedbackType: v = "invalid",
-    labelClasses: $ = "",
-    inputType: N = "",
-    inputPattern: y,
-    ...w
-  } = e, [E, z] = A("default"), O = D.useCallback(
+    iconClasses: k,
+    feedbackType: $ = "invalid",
+    labelClasses: N = "",
+    inputType: w = "",
+    inputPattern: h,
+    ...y
+  } = e, [v, I] = D("default"), E = A.useCallback(
     (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);
+      const L = P.target.value, Z = (p == null ? void 0 : p(L)) ?? "default";
+      I(Z), u == null || u(P, Z), f == null || 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 S = P.key;
-    !(P.ctrlKey || P.metaKey || S.length !== 1) && (() => {
-      const H = /^\d$/, X = /^[a-zA-Z]$/;
-      switch (N) {
+  ), 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(S);
+          return !W.test(L);
         case "decimal":
-          return !H.test(S) && S !== "." && S !== "Backspace" && S !== "Tab";
+          return !W.test(L) && L !== "." && L !== "Backspace" && L !== "Tab";
         case "alphabetic":
-          return !X.test(S);
+          return !X.test(L);
         case "custom":
-          return y ? !y.test(S) : !1;
+          return h ? !h.test(L) : !1;
         default:
           return !1;
       }
-    })() && P.preventDefault(), (Z = w.onKeyDown) == null || Z.call(w, P);
-  }, fe = (P) => {
-    var q;
-    const S = 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 (N) {
+      const H = /^\d+$/, W = /^\d*\.?\d*$/, X = /^[a-zA-Z]+$/;
+      switch (w) {
         case "numeric":
         case "number":
         case "integer":
-          return !Z.test(S);
+          return !H.test(L);
         case "decimal":
-          return !H.test(S);
+          return !W.test(L);
         case "alphabetic":
-          return !X.test(S);
+          return !X.test(L);
         case "custom":
-          return y ? !y.test(S) : !1;
+          return h ? !h.test(L) : !1;
         default:
           return !1;
       }
-    })() && P.preventDefault(), (q = w.onPaste) == null || q.call(w, P);
+    })() && P.preventDefault(), (U = y.onPaste) == null || U.call(y, P);
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ S(
     "div",
     {
-      className: `w-full relative ${h ? "z-0" : ""} tailwind-ux-input`,
+      className: `w-full relative ${C ? "z-0" : ""} tailwind-ux-input`,
       children: [
-        !h && n && /* @__PURE__ */ i(
+        !C && n && /* @__PURE__ */ i(
           "label",
           {
-            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"} ${$}`,
+            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__ */ k("div", { className: "relative w-full", children: [
-          c && /* @__PURE__ */ i(
+        /* @__PURE__ */ S("div", { className: "relative w-full", children: [
+          a && /* @__PURE__ */ i(
             "div",
             {
-              className: `absolute inset-y-0 flex items-center ${T} ${C}`,
+              className: `absolute inset-y-0 flex items-center ${T} ${k}`,
               "aria-hidden": "true",
-              children: c
+              children: a
             }
           ),
           /* @__PURE__ */ i(
             "input",
             {
-              ...w,
-              id: g,
+              ...y,
+              id: m,
               ref: r,
-              placeholder: h ? " " : w.placeholder,
-              onChange: O,
-              onKeyDown: F,
-              onPaste: fe,
+              placeholder: C ? " " : y.placeholder,
+              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
-            ${L}
-            ${h && a && ge[a]}
-            ${_} ${M} ${R} ${l}`
+            ${O}
+            ${C && l && me[l]}
+            ${_} ${M} ${B} ${c}`
             }
           ),
-          h && n && a && /* @__PURE__ */ i(
+          C && n && l && /* @__PURE__ */ i(
             "label",
             {
-              htmlFor: g,
-              className: `ms-1 ${be[a]} ${l}`,
+              htmlFor: m,
+              className: `ms-1 ${xe[l]} ${c}`,
               children: n
             }
           )
@@ -155,8 +155,8 @@ const V = {
         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,
+            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
           }
         )
@@ -164,25 +164,25 @@ const V = {
     }
   );
 });
-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,7 +198,7 @@ const he = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, ke = re((e, r) => {
+}, Se = oe((e, r) => {
   const {
     label: n,
     id: t,
@@ -206,57 +206,57 @@ const he = {
     shape: d = "rounded",
     validate: p,
     onValidatedChange: u,
-    className: l = "",
-    icon: c,
+    className: c = "",
+    icon: a,
     iconPosition: o = "left",
-    floatingLabelStyle: a,
+    floatingLabelStyle: l,
     onChange: f,
-    isValid: m,
+    isValid: g,
     isInvalid: b,
     feedback: x,
-    feedbackType: C = "invalid",
-    children: v,
-    ...$
-  } = 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(
+    feedbackType: k = "invalid",
+    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: E,
-        className: `block mb-1 text-sm ${m ? "text-green-700" : b ? "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__ */ k("div", { className: "relative w-full", children: [
-      c && /* @__PURE__ */ i(
+    /* @__PURE__ */ S("div", { className: "relative w-full", children: [
+      a && /* @__PURE__ */ i(
         "div",
         {
           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 })
+          children: /* @__PURE__ */ i("span", { className: "text-gray-500", children: a })
         }
       ),
       /* @__PURE__ */ i(
         "select",
         {
-          ...$,
-          id: E,
+          ...N,
+          id: v,
           ref: r,
-          onChange: z,
+          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
-            ${g} ${c && (o === "start" || o === "left") ? "ps-10" : c ? "pe-10" : ""}
-            ${O && a && we[a]}
-            ${h} ${L} ${l}`,
-          children: v
+            ${m} ${a && (o === "start" || o === "left") ? "ps-10" : a ? "pe-10" : ""}
+            ${E && l && Ce[l]}
+            ${C} ${O} ${c}`,
+          children: $
         }
       ),
-      O && n && a && /* @__PURE__ */ i(
+      E && n && l && /* @__PURE__ */ i(
         "label",
         {
-          htmlFor: E,
-          className: `ms-1 ${ve[a]} ${l}`,
+          htmlFor: v,
+          className: `ms-1 ${$e[l]} ${c}`,
           children: n
         }
       )
@@ -264,14 +264,14 @@ const he = {
     x && /* @__PURE__ */ i(
       "p",
       {
-        className: `mt-1 text-xs ${C === "invalid" ? "text-red-600" : "text-green-600"}`,
+        className: `mt-1 text-xs ${k === "invalid" ? "text-red-600" : "text-green-600"}`,
         children: x
       }
     )
   ] });
 });
-ke.displayName = "Select";
-const $e = {
+Se.displayName = "Select";
+const Ne = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   success: "btn-success",
@@ -297,18 +297,18 @@ 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",
@@ -317,19 +317,19 @@ const $e = {
   className: d = "",
   isLoading: p = !1,
   disabled: u = !1,
-  ...l
+  ...c
 }) => {
-  const c = u || p, o = [
+  const a = u || p, o = [
     "inline-flex items-center justify-center font-normal transition duration-150",
-    $e[r],
-    Ne[n],
-    Se[s],
+    Ne[r],
+    Ee[n],
+    Le[s],
     s === "flat" ? "shadow-none" : "shadow-sm",
-    c ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+    a ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
     d
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ k("button", { type: t, className: o, disabled: c, ...l, children: [
-    p && /* @__PURE__ */ k(
+  return /* @__PURE__ */ S("button", { type: t, className: o, disabled: a, ...c, children: [
+    p && /* @__PURE__ */ S(
       "svg",
       {
         "aria-hidden": "true",
@@ -359,16 +359,16 @@ 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, s;
+  var n = Ie(e, r), t, s;
   if (Object.getOwnPropertySymbols) {
     var d = Object.getOwnPropertySymbols(e);
     for (s = 0; s < d.length; s++)
@@ -376,7 +376,7 @@ function Le(e, r) {
   }
   return n;
 }
-function Oe(e, r) {
+function Ie(e, r) {
   if (e == null) return {};
   var n = {};
   for (var t in e)
@@ -406,25 +406,25 @@ function ne(e, r) {
   }
   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: 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({
+    } = 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, p, {
-      className: l,
-      style: U(U({
+      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"
-    }), d && /* @__PURE__ */ D.createElement("title", null, d), 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,7 +505,7 @@ 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",
@@ -515,21 +515,21 @@ const Ae = {
     disabled: d = !1,
     className: p = "",
     id: u,
-    value: l,
-    icon: c,
+    value: c,
+    icon: a,
     children: o,
-    checked: a,
+    checked: l,
     ...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 = {
+  }, 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__ */ k(
+    return /* @__PURE__ */ S(
       "label",
       {
         className: `flex items-center ${d ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${p}`,
@@ -539,24 +539,24 @@ const Ae = {
             {
               type: "checkbox",
               className: "peer hidden",
-              checked: a,
+              checked: l,
               onChange: b,
               disabled: d,
               id: u,
-              value: l,
-              ref: m,
+              value: c,
+              ref: g,
               ...f
             }
           ),
-          /* @__PURE__ */ i("span", { className: z.trim(), children: (a || f.defaultChecked) && (c ?? /* @__PURE__ */ i(De, { className: `${O[r]}` })) }),
+          /* @__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 = [],
@@ -565,74 +565,74 @@ const Je = ({
   position: d = "right",
   className: p = "",
   menuClassName: u = "",
-  width: l = "w-48",
-  closeOnSelect: c = !1,
+  width: c = "w-48",
+  closeOnSelect: a = !1,
   transition: o = !0,
-  ariaLabel: a = "Dropdown menu",
+  ariaLabel: l = "Dropdown menu",
   ...f
 }) => {
-  const [m, b] = A(!1), [x, C] = A(!1), v = W(null), $ = W(null), N = j(() => ({
+  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"
-  })[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);
+  })[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);
       };
-  }, [m, y]), B(() => (document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w)), [w]);
-  const O = j(
+  }, [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",
       x ? "bottom-full mb-2" : "top-full mt-2",
-      N,
-      l,
+      w,
+      c,
       o && "transition-all duration-200 ease-out",
       u
     ].filter(Boolean).join(" "),
-    [x, N, l, o, u]
+    [x, w, c, o, u]
   );
-  return /* @__PURE__ */ k("div", { className: `relative inline-block ${p}`, ...f, children: [
+  return /* @__PURE__ */ S("div", { className: `relative inline-block ${p}`, ...f, children: [
     /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        ref: $,
-        onClick: E,
-        "aria-expanded": m,
-        "aria-label": a,
+        ref: N,
+        onClick: v,
+        "aria-expanded": g,
+        "aria-label": l,
         className: "focus:outline-none",
         children: e
       }
     ),
-    m && /* @__PURE__ */ k("div", { ref: v, role: "menu", className: O, children: [
+    g && /* @__PURE__ */ S("div", { ref: $, role: "menu", className: E, children: [
       r && r,
-      n.map((g, h) => {
-        const L = () => {
-          t && t(g), c && z();
+      n.map((m, C) => {
+        const O = () => {
+          t && t(m), a && I();
         };
-        return /* @__PURE__ */ i("div", { children: s ? s(g, L) : /* @__PURE__ */ i(
+        return /* @__PURE__ */ i("div", { children: s ? s(m, O) : /* @__PURE__ */ i(
           "div",
           {
-            onClick: L,
+            onClick: O,
             className: "px-4 py-2 text-sm text-gray-800 hover:bg-gray-100 cursor-pointer",
             role: "menuitem",
-            children: g.label
+            children: m.label
           }
-        ) }, h);
+        ) }, C);
       })
     ] })
   ] });
-}, Qe = ({
+}, et = ({
   children: e,
   content: r,
   position: n = "top",
@@ -640,20 +640,20 @@ const Je = ({
   tooltipClass: s = "",
   tooltipStyle: d = {}
 }) => {
-  const p = W(null), u = W(null);
-  B(() => {
-    const c = p.current, o = u.current;
-    if (!c || !o) return;
-    const a = () => {
+  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 c.addEventListener("mouseenter", a), c.addEventListener("mouseleave", f), () => {
-      c.removeEventListener("mouseenter", a), c.removeEventListener("mouseleave", f);
+    return a.addEventListener("mouseenter", l), a.addEventListener("mouseleave", f), () => {
+      a.removeEventListener("mouseenter", l), a.removeEventListener("mouseleave", f);
     };
   }, []);
-  const l = (c) => {
+  const c = (a) => {
     const o = {
       position: "absolute",
       opacity: 0,
@@ -671,7 +671,7 @@ const Je = ({
       zIndex: 9999,
       width: "max-content"
     };
-    switch (c) {
+    switch (a) {
       case "top":
         return {
           ...o,
@@ -708,7 +708,7 @@ const Je = ({
         return o;
     }
   };
-  return /* @__PURE__ */ k("div", { ref: p, className: `relative inline-block ${t}`, children: [
+  return /* @__PURE__ */ S("div", { ref: p, className: `relative inline-block ${t}`, children: [
     e,
     /* @__PURE__ */ i(
       "div",
@@ -717,14 +717,14 @@ const Je = ({
         role: "tooltip",
         className: s,
         style: {
-          ...l(n),
+          ...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,18 +742,18 @@ 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",
@@ -762,10 +762,10 @@ const Je = ({
   dismissible: d,
   onDismiss: p,
   className: u = "",
-  ...l
+  ...c
 }) => {
-  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: [
+  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,
     d && /* @__PURE__ */ i(
@@ -778,11 +778,127 @@ const Je = ({
       }
     )
   ] });
+}, 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 = "",
@@ -791,13 +907,13 @@ const et = ({
   onChange: d,
   renderTitle: p,
   renderContent: u,
-  showArrowIcon: l = !0,
-  panelClasses: c = ""
+  showArrowIcon: c = !0,
+  panelClasses: a = ""
 }) => {
-  const [o, a] = A(/* @__PURE__ */ new Set()), f = j(() => s ? new Set(s) : o, [s, o]), m = I(
+  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)) : a(x);
+      x.has(b) ? x.delete(b) : (r || x.clear(), x.add(b)), s && d ? d(Array.from(x)) : l(x);
     },
     [f, s, d, r]
   );
@@ -808,35 +924,35 @@ const et = ({
       role: "region",
       "aria-multiselectable": r,
       children: e.map((b) => {
-        const x = f.has(b.id), C = `accordion-heading-${b.id}`, v = `accordion-panel-${b.id}`;
-        return /* @__PURE__ */ k(
+        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__ */ k(
+              /* @__PURE__ */ S(
                 "button",
                 {
-                  id: C,
+                  id: k,
                   type: "button",
                   "aria-expanded": x,
-                  "aria-controls": v,
-                  onClick: () => m(b.id),
+                  "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: [
                     p ? p(b, x) : b.title,
-                    l ? /* @__PURE__ */ i(Ke, {}) : null
+                    c ? /* @__PURE__ */ i(He, {}) : null
                   ]
                 }
               ),
               /* @__PURE__ */ i(
                 "div",
                 {
-                  id: v,
+                  id: $,
                   role: "region",
-                  "aria-labelledby": C,
+                  "aria-labelledby": k,
                   hidden: !x,
-                  className: `p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${c}`,
+                  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
                 }
               )
@@ -847,15 +963,15 @@ const et = ({
       })
     }
   );
-}, 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,
@@ -864,54 +980,54 @@ function tt({
   containerClasses: d = "",
   headerClasses: p = "",
   bodyClasses: u = "",
-  onClose: l,
-  disableEscapeClose: c = !1,
+  onClose: c,
+  disableEscapeClose: a = !1,
   closeBtnStyle: o
 }) {
-  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 = [
+  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"])'
-    ], E = () => {
-      if (!y) return [];
-      const g = y.querySelectorAll(
-        w.join(",")
+    ], v = () => {
+      if (!h) return [];
+      const m = h.querySelectorAll(
+        y.join(",")
       );
-      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());
+      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 = (g) => {
-      g.key === "Escape" && !c && $(), z(g);
+    }, E = (m) => {
+      m.key === "Escape" && !a && N(), I(m);
     };
-    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 = "", N && N.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);
     };
-  }, [C, c, $, e]), C ? /* @__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__ */ k(
+      children: /* @__PURE__ */ S(
         "div",
         {
           className: `bg-white rounded-lg shadow-lg w-full max-w-md p-4 transform transition-all duration-300 scale-100 ${d}`,
           children: [
-            /* @__PURE__ */ k(
+            /* @__PURE__ */ S(
               "div",
               {
                 className: `flex justify-between items-center relative ${p}`,
@@ -920,7 +1036,7 @@ function tt({
                   s && /* @__PURE__ */ i(
                     "button",
                     {
-                      onClick: $,
+                      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: "✕"
@@ -929,37 +1045,37 @@ function tt({
                 ]
               }
             ),
-            /* @__PURE__ */ i("div", { className: u, children: typeof n == "function" ? n({ modalData: v }) : n })
+            /* @__PURE__ */ i("div", { className: u, children: typeof n == "function" ? n({ modalData: $ }) : n })
           ]
         }
       )
     }
   ) : null;
 }
-function nt({
+function ot({
   children: e
 }) {
-  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;
+  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 = I((a) => !!r[a], [r]), l = I(
-    (a) => t[a],
+  }, []), u = z((l) => !!r[l], [r]), c = z(
+    (l) => t[l],
     [t]
-  ), c = j(
+  ), a = j(
     () => ({ openModal: d, closeModal: p }),
     [d, p]
   ), o = j(
-    () => ({ isOpen: u, getModalData: l }),
-    [u, l]
+    () => ({ isOpen: u, getModalData: c }),
+    [u, c]
   );
-  return /* @__PURE__ */ i(ie.Provider, { value: c, children: /* @__PURE__ */ i(de.Provider, { value: o, 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: s } = ue();
+function at(e) {
+  const { openModal: r, closeModal: n } = ue(), { isOpen: t, getModalData: s } = pe();
   return {
     open: (d) => r(e, d),
     close: () => n(e),
@@ -968,56 +1084,56 @@ function rt(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([]);
-  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));
+}), 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 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(
+    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 ${d} ${p}`,
         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 }),
-            (($ = 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__ */ 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((w) => w.filter((E) => E.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 })
             }
           )
         ]
@@ -1026,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 "✅";
@@ -1039,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
 };