tailwind-ux-kit 1.0.112 → 1.0.114

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

@@ -1,25 +1,25 @@
 "use client";
-import { jsxs as L, jsx as d, Fragment as he } from "react/jsx-runtime";
-import K, { forwardRef as le, useState as z, useMemo as I, useId as ye, useRef as _, useCallback as A, useEffect as R, memo as ie, useLayoutEffect as xe, createContext as ee, useContext as te } from "react";
-import { createPortal as we } from "react-dom";
-const re = {
+import { jsxs as O, jsx as c, Fragment as ye } from "react/jsx-runtime";
+import _, { forwardRef as ie, useState as j, useMemo as A, useId as xe, useRef as R, useCallback as I, useEffect as M, memo as ce, useLayoutEffect as we, createContext as te, useContext as ne } from "react";
+import { createPortal as ve } from "react-dom";
+const oe = {
   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"
-}, oe = {
+}, se = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, ve = {
+}, 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"
-}, Ce = {
+}, $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"
-}, $e = (e, n, t) => {
+}, ke = (e, n, t) => {
   if (t)
     return "border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";
   if (n)
@@ -34,14 +34,14 @@ const re = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, ke = le((e, n) => {
+}, Se = ie((e, n) => {
   const {
     label: t,
     id: r,
     inputSize: o = "md",
     shape: l = "rounded",
     validate: f,
-    onValidatedChange: c,
+    onValidatedChange: d,
     className: p = "",
     icon: s,
     iconPosition: a = "left",
@@ -50,114 +50,109 @@ const re = {
     isValid: b,
     isInvalid: i,
     feedback: x,
-    iconClasses: E,
-    feedbackType: w = "invalid",
-    labelClasses: C = "",
-    inputType: k = "",
-    inputPattern: h,
-    ...y
-  } = e, [v, P] = z("default"), S = K.useCallback(
-    (B) => {
-      const D = B.target.value, O = (f == null ? void 0 : f(D)) ?? "default";
-      P(O), c == null || c(B, O), g == null || g(B);
+    feedbackType: E = "invalid",
+    labelClasses: w = "",
+    inputType: $ = "",
+    inputPattern: k,
+    leftIcon: y,
+    rightIcon: v,
+    ...h
+  } = e, [D, N] = j("default"), B = _.useCallback(
+    (C) => {
+      const L = C.target.value, H = (f == null ? void 0 : f(L)) ?? "default";
+      N(H), d == null || d(C, H), g == null || g(C);
     },
-    [f, c, g]
-  ), T = I(() => r || (typeof t == "string" ? `input-${t.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [r, t]), j = !!u, m = re[o] || re.md, $ = oe[l] || oe.flat, N = I(
-    () => $e(v, b, i),
-    [v, b, i]
-  ), M = I(() => a === "start" || a === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [a]), H = I(() => s ? a === "start" || a === "left" ? "ps-10" : "pe-10" : "", [s, a]), W = (B) => {
+    [f, d, g]
+  ), T = A(() => r || (typeof t == "string" ? `input-${t.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [r, t]), m = !!u, S = oe[o] || oe.md, P = se[l] || se.flat, z = A(
+    () => ke(D, b, i),
+    [D, b, i]
+  ), F = A(() => s ? a === "start" || a === "left" ? "ps-10" : "pe-10" : "", [s, a]), K = (C) => {
     var Z;
-    const D = B.key;
-    !(B.ctrlKey || B.metaKey || D.length !== 1 || ["Backspace", "ArrowLeft", "ArrowRight", "Delete", "Tab"].includes(D)) && (() => {
-      const X = /^\d$/, Y = /^[a-zA-Z]$/;
-      switch (k) {
+    const L = C.key;
+    !(C.ctrlKey || C.metaKey || L.length !== 1 || ["Backspace", "ArrowLeft", "ArrowRight", "Delete", "Tab"].includes(L)) && (() => {
+      const W = /^\d$/, Q = /^[a-zA-Z]$/;
+      switch ($) {
         case "numeric":
         case "number":
         case "integer":
-          return !X.test(D);
+          return !W.test(L);
         case "decimal":
-          return !X.test(D) && D !== "." && D !== "Backspace" && D !== "Tab";
+          return !W.test(L) && L !== "." && L !== "Backspace" && L !== "Tab";
         case "alphabetic":
-          return !Y.test(D);
+          return !Q.test(L);
         case "custom":
-          return h ? !h.test(D) : !1;
+          return k ? !k.test(L) : !1;
         default:
           return !1;
       }
-    })() && B.preventDefault(), (Z = y.onKeyDown) == null || Z.call(y, B);
-  }, G = (B) => {
-    var F;
-    const D = B.clipboardData.getData("Text");
+    })() && C.preventDefault(), (Z = h.onKeyDown) == null || Z.call(h, C);
+  }, Y = (C) => {
+    var G;
+    const L = C.clipboardData.getData("Text");
     (() => {
-      const Z = /^\d+$/, X = /^\d*\.?\d*$/, Y = /^[a-zA-Z]+$/;
-      switch (k) {
+      const Z = /^\d+$/, W = /^\d*\.?\d*$/, Q = /^[a-zA-Z]+$/;
+      switch ($) {
         case "numeric":
         case "number":
         case "integer":
-          return !Z.test(D);
+          return !Z.test(L);
         case "decimal":
-          return !X.test(D);
+          return !W.test(L);
         case "alphabetic":
-          return !Y.test(D);
+          return !Q.test(L);
         case "custom":
-          return h ? !h.test(D) : !1;
+          return k ? !k.test(L) : !1;
         default:
           return !1;
       }
-    })() && B.preventDefault(), (F = y.onPaste) == null || F.call(y, B);
-  };
-  return /* @__PURE__ */ L(
+    })() && C.preventDefault(), (G = h.onPaste) == null || G.call(h, C);
+  }, q = !!y, J = !!v;
+  return /* @__PURE__ */ O(
     "div",
     {
-      className: `w-full relative ${j ? "z-0" : ""} tailwind-ux-input`,
+      className: `w-full relative ${m ? "z-0" : ""} tailwind-ux-input`,
       children: [
-        !j && t && /* @__PURE__ */ d(
+        !m && t && /* @__PURE__ */ c(
           "label",
           {
             htmlFor: T,
-            className: `block mb-1 text-sm ${b ? "text-green-700 dark:text-green-500" : i ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${C}`,
+            className: `block mb-1 text-sm ${b ? "text-green-700 dark:text-green-500" : i ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${w}`,
             children: t
           }
         ),
-        /* @__PURE__ */ L("div", { className: "relative w-full", children: [
-          s && /* @__PURE__ */ d(
-            "div",
-            {
-              className: `absolute inset-y-0 flex items-center ${M} ${E}`,
-              "aria-hidden": "true",
-              children: s
-            }
-          ),
-          /* @__PURE__ */ d(
+        /* @__PURE__ */ O("div", { className: "relative w-full", children: [
+          q && /* @__PURE__ */ c("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3.5", children: y }),
+          J && /* @__PURE__ */ c("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3.5", children: v }),
+          /* @__PURE__ */ c(
             "input",
             {
-              ...y,
+              ...h,
               id: T,
               ref: n,
-              placeholder: j ? " " : y.placeholder,
-              onChange: S,
-              onKeyDown: W,
-              onPaste: G,
+              placeholder: m ? " " : h.placeholder,
+              onChange: B,
+              onKeyDown: K,
+              onPaste: Y,
               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
-            ${m}
-            ${j && u && ve[u]}
-            ${H} ${$} ${N} ${p}`
+            ${S}
+            ${m && u && Ce[u]}
+            ${F} ${P} ${z} ${p}`
             }
           ),
-          j && t && u && /* @__PURE__ */ d(
+          m && t && u && /* @__PURE__ */ c(
             "label",
             {
               htmlFor: T,
-              className: `ms-1 ${Ce[u]} ${p}`,
+              className: `ms-1 ${$e[u]} ${w}`,
               children: t
             }
           )
         ] }),
-        x && /* @__PURE__ */ d(
+        x && /* @__PURE__ */ c(
           "p",
           {
-            className: `mt-1 text-xs ${w === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
-            role: w === "invalid" ? "alert" : void 0,
+            className: `mt-1 text-xs ${E === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
+            role: E === "invalid" ? "alert" : void 0,
             children: x
           }
         )
@@ -165,25 +160,25 @@ const re = {
     }
   );
 });
-ke.displayName = "Input";
-const Se = {
+Se.displayName = "Input";
+const Ne = {
   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"
-}, Ne = {
+}, Le = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, Le = {
+}, Ee = {
   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"
-}, Ee = {
+}, Pe = {
   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"
-}, Pe = (e, n, t) => {
+}, Oe = (e, n, t) => {
   if (t)
     return "border-red-500 bg-red-50 text-red-900 focus:ring-red-500 focus:border-red-500";
   if (n)
@@ -199,14 +194,14 @@ const Se = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, Oe = le((e, n) => {
+}, De = ie((e, n) => {
   const {
     label: t,
     id: r,
     inputSize: o = "md",
     shape: l = "rounded",
     validate: f,
-    onValidatedChange: c,
+    onValidatedChange: d,
     className: p = "",
     icon: s,
     iconPosition: a = "left",
@@ -217,52 +212,52 @@ const Se = {
     feedback: x,
     feedbackType: E = "invalid",
     children: w,
-    ...C
-  } = e, [k, h] = z("default"), y = ye(), v = I(() => r || (typeof t == "string" ? `select-${t.toLowerCase().replace(/\s+/g, "-")}` : y), [r, t, y]), P = (M) => {
-    const H = M.target.value, W = (f == null ? void 0 : f(H)) ?? "default";
-    h(W), c == null || c(M, W), g == null || g(M);
-  }, S = !!u, T = Se[o], j = Ne[l], m = Pe(k, b, i);
-  return /* @__PURE__ */ L("div", { className: `w-full relative ${S ? "z-0" : ""}`, children: [
-    !S && t && /* @__PURE__ */ d(
+    ...$
+  } = e, [k, y] = j("default"), v = xe(), h = A(() => r || (typeof t == "string" ? `select-${t.toLowerCase().replace(/\s+/g, "-")}` : v), [r, t, v]), D = (z) => {
+    const F = z.target.value, K = (f == null ? void 0 : f(F)) ?? "default";
+    y(K), d == null || d(z, K), g == null || g(z);
+  }, N = !!u, B = Ne[o], T = Le[l], m = Oe(k, b, i);
+  return /* @__PURE__ */ O("div", { className: `w-full relative ${N ? "z-0" : ""}`, children: [
+    !N && t && /* @__PURE__ */ c(
       "label",
       {
-        htmlFor: v,
+        htmlFor: h,
         className: `block mb-1 text-sm ${b ? "text-green-700" : i ? "text-red-700" : "text-gray-700"}`,
         children: t
       }
     ),
-    /* @__PURE__ */ L("div", { className: "relative w-full", children: [
-      s && /* @__PURE__ */ d(
+    /* @__PURE__ */ O("div", { className: "relative w-full", children: [
+      s && /* @__PURE__ */ c(
         "div",
         {
           className: `absolute inset-y-0 flex items-center ${a === "start" || a === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5"}`,
-          children: /* @__PURE__ */ d("span", { className: "text-gray-500", children: s })
+          children: /* @__PURE__ */ c("span", { className: "text-gray-500", children: s })
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ c(
         "select",
         {
-          ...C,
-          id: v,
+          ...$,
+          id: h,
           ref: n,
-          onChange: P,
+          onChange: D,
           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
-            ${T} ${s && (a === "start" || a === "left") ? "ps-10" : s ? "pe-10" : ""}
-            ${S && u && Le[u]}
-            ${j} ${m} ${p}`,
+            ${B} ${s && (a === "start" || a === "left") ? "ps-10" : s ? "pe-10" : ""}
+            ${N && u && Ee[u]}
+            ${T} ${m} ${p}`,
           children: w
         }
       ),
-      S && t && u && /* @__PURE__ */ d(
+      N && t && u && /* @__PURE__ */ c(
         "label",
         {
-          htmlFor: v,
-          className: `ms-1 ${Ee[u]} ${p}`,
+          htmlFor: h,
+          className: `ms-1 ${Pe[u]} ${p}`,
           children: t
         }
       )
     ] }),
-    x && /* @__PURE__ */ d(
+    x && /* @__PURE__ */ c(
       "p",
       {
         className: `mt-1 text-xs ${E === "invalid" ? "text-red-600" : "text-green-600"}`,
@@ -271,8 +266,8 @@ const Se = {
     )
   ] });
 });
-Oe.displayName = "Select";
-const De = {
+De.displayName = "Select";
+const Ie = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   success: "btn-success",
@@ -298,18 +293,18 @@ const De = {
   "soft-info": "btn-soft-info",
   "soft-dark": "btn-soft-dark",
   "soft-light": "btn-soft-light"
-}, Te = {
+}, Be = {
   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"
-}, je = {
+}, Te = {
   flat: "shadow-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full w-10 h-10 p-0 flex items-center justify-center"
-}, ct = ({
+}, dt = ({
   children: e,
   variant: n = "primary",
   size: t = "md",
@@ -317,20 +312,20 @@ const De = {
   shape: o = "rounded",
   className: l = "",
   isLoading: f = !1,
-  disabled: c = !1,
+  disabled: d = !1,
   ...p
 }) => {
-  const s = c || f, a = [
+  const s = d || f, a = [
     "inline-flex items-center justify-center font-normal transition duration-150",
-    De[n],
-    Te[t],
-    je[o],
+    Ie[n],
+    Be[t],
+    Te[o],
     o === "flat" ? "shadow-none" : "shadow-sm",
     s ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
     l
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ L("button", { type: r, className: a, disabled: s, ...p, children: [
-    f && /* @__PURE__ */ L(
+  return /* @__PURE__ */ O("button", { type: r, className: a, disabled: s, ...p, children: [
+    f && /* @__PURE__ */ O(
       "svg",
       {
         "aria-hidden": "true",
@@ -340,14 +335,14 @@ const De = {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ c(
             "path",
             {
               d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ c(
             "path",
             {
               d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
@@ -360,16 +355,16 @@ const De = {
     e
   ] });
 };
-var ce = {
+var de = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, se = K.createContext && /* @__PURE__ */ K.createContext(ce), Ae = ["attr", "size", "title"];
-function Be(e, n) {
+}, ae = _.createContext && /* @__PURE__ */ _.createContext(de), je = ["attr", "size", "title"];
+function Ae(e, n) {
   if (e == null) return {};
-  var t = Ie(e, n), r, o;
+  var t = ze(e, n), r, o;
   if (Object.getOwnPropertySymbols) {
     var l = Object.getOwnPropertySymbols(e);
     for (o = 0; o < l.length; o++)
@@ -377,7 +372,7 @@ function Be(e, n) {
   }
   return t;
 }
-function Ie(e, n) {
+function ze(e, n) {
   if (e == null) return {};
   var t = {};
   for (var r in e)
@@ -387,17 +382,17 @@ function Ie(e, n) {
     }
   return t;
 }
-function U() {
-  return U = Object.assign ? Object.assign.bind() : function(e) {
+function X() {
+  return X = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var r in t)
         Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
     }
     return e;
-  }, U.apply(this, arguments);
+  }, X.apply(this, arguments);
 }
-function ae(e, n) {
+function le(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -407,25 +402,25 @@ function ae(e, n) {
   }
   return t;
 }
-function q(e) {
+function U(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? ae(Object(t), !0).forEach(function(r) {
-      ze(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ae(Object(t)).forEach(function(r) {
+    n % 2 ? le(Object(t), !0).forEach(function(r) {
+      Me(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : le(Object(t)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
   return e;
 }
-function ze(e, n, t) {
-  return n = Me(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
+function Me(e, n, t) {
+  return n = Re(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
 }
-function Me(e) {
-  var n = Re(e, "string");
+function Re(e) {
+  var n = _e(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function Re(e, n) {
+function _e(e, n) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -435,52 +430,52 @@ function Re(e, n) {
   }
   return (n === "string" ? String : Number)(e);
 }
-function de(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ K.createElement(n.tag, q({
+function ue(e) {
+  return e && e.map((n, t) => /* @__PURE__ */ _.createElement(n.tag, U({
     key: t
-  }, n.attr), de(n.child)));
+  }, n.attr), ue(n.child)));
 }
-function ne(e) {
-  return (n) => /* @__PURE__ */ K.createElement(_e, U({
-    attr: q({}, e.attr)
-  }, n), de(e.child));
+function re(e) {
+  return (n) => /* @__PURE__ */ _.createElement(Fe, X({
+    attr: U({}, e.attr)
+  }, n), ue(e.child));
 }
-function _e(e) {
+function Fe(e) {
   var n = (t) => {
     var {
       attr: r,
       size: o,
       title: l
-    } = e, f = Be(e, Ae), c = o || t.size || "1em", p;
-    return t.className && (p = t.className), e.className && (p = (p ? p + " " : "") + e.className), /* @__PURE__ */ K.createElement("svg", U({
+    } = e, f = Ae(e, je), d = o || t.size || "1em", p;
+    return t.className && (p = t.className), e.className && (p = (p ? p + " " : "") + e.className), /* @__PURE__ */ _.createElement("svg", X({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, t.attr, r, f, {
       className: p,
-      style: q(q({
+      style: U(U({
         color: e.color || t.color
       }, t.style), e.style),
-      height: c,
-      width: c,
+      height: d,
+      width: d,
       xmlns: "http://www.w3.org/2000/svg"
-    }), l && /* @__PURE__ */ K.createElement("title", null, l), e.children);
+    }), l && /* @__PURE__ */ _.createElement("title", null, l), e.children);
   };
-  return se !== void 0 ? /* @__PURE__ */ K.createElement(se.Consumer, null, (t) => n(t)) : n(ce);
+  return ae !== void 0 ? /* @__PURE__ */ _.createElement(ae.Consumer, null, (t) => n(t)) : n(de);
 }
-function Fe(e) {
-  return ne({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(e);
+function Ke(e) {
+  return re({ 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 Ke = {
+const He = {
   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"
-}, He = {
+}, We = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, We = {
+}, Ze = {
   primary: "primary",
   secondary: "secondary",
   success: "success",
@@ -506,7 +501,7 @@ const Ke = {
   "soft-info": "soft-info",
   "soft-dark": "soft-dark",
   "soft-light": "soft-light"
-}, Ze = K.forwardRef(
+}, Ye = _.forwardRef(
   ({
     label: e,
     boxSize: n = "md",
@@ -515,27 +510,27 @@ const Ke = {
     onSelectionChange: o,
     disabled: l = !1,
     className: f = "",
-    id: c,
+    id: d,
     value: p,
     icon: s,
     children: a,
     checked: u,
     ...g
   }, b) => {
-    const i = (T) => {
-      !l && o && o(T.target.checked), g.onChange && g.onChange(T);
-    }, x = "mr-2 border flex items-center justify-center transition-all", E = Ke[n], w = He[t], C = We[r] ?? "", k = r.startsWith("outline"), h = r.startsWith("soft"), P = `${x} ${E} ${w} ${C} ${u && (k || h || r === "link") ? "peer-checked:bg-current peer-checked:text-white" : u ? "peer-checked:bg-current" : ""}`, S = {
+    const i = (B) => {
+      !l && o && o(B.target.checked), g.onChange && g.onChange(B);
+    }, x = "mr-2 border flex items-center justify-center transition-all", E = He[n], w = We[t], $ = Ze[r] ?? "", k = r.startsWith("outline"), y = r.startsWith("soft"), D = `${x} ${E} ${w} ${$} ${u && (k || y || r === "link") ? "peer-checked:bg-current peer-checked:text-white" : u ? "peer-checked:bg-current" : ""}`, N = {
       xs: "w-2 h-2",
       sm: "w-2.5 h-2.5",
       md: "w-3 h-3",
       lg: "w-3.5 h-3.5"
     };
-    return /* @__PURE__ */ L(
+    return /* @__PURE__ */ O(
       "label",
       {
         className: `flex items-center ${l ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${f}`,
         children: [
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ c(
             "input",
             {
               type: "checkbox",
@@ -543,21 +538,21 @@ const Ke = {
               checked: u,
               onChange: i,
               disabled: l,
-              id: c,
+              id: d,
               value: p,
               ref: b,
               ...g
             }
           ),
-          /* @__PURE__ */ d("span", { className: P.trim(), children: (u || g.defaultChecked) && (s ?? /* @__PURE__ */ d(Fe, { className: `${S[n]}` })) }),
-          e || a ? /* @__PURE__ */ d("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? a }) : null
+          /* @__PURE__ */ c("span", { className: D.trim(), children: (u || g.defaultChecked) && (s ?? /* @__PURE__ */ c(Ke, { className: `${N[n]}` })) }),
+          e || a ? /* @__PURE__ */ c("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? a }) : null
         ]
       }
     );
   }
 );
-Ze.displayName = "Checkbox";
-const dt = ({
+Ye.displayName = "Checkbox";
+const ut = ({
   label: e,
   header: n,
   items: t = [],
@@ -565,7 +560,7 @@ const dt = ({
   renderItem: o,
   position: l = "right",
   className: f = "",
-  menuClassName: c = "",
+  menuClassName: d = "",
   width: p = "w-48",
   closeOnSelect: s = !1,
   transition: a = !0,
@@ -573,80 +568,80 @@ const dt = ({
   forceCloseDropdown: g,
   ...b
 }) => {
-  const [i, x] = z(!1), [E, w] = z(!1), C = _(null), k = _(null), h = I(() => ({
+  const [i, x] = j(!1), [E, w] = j(!1), $ = R(null), k = R(null), y = A(() => ({
     left: "left-0",
     center: "left-1/2 transform -translate-x-1/2",
     right: "right-0"
-  })[l], [l]), y = A(() => {
-    const m = k.current, $ = C.current;
-    if (!m || !$) return;
-    const { top: N, bottom: M } = m.getBoundingClientRect(), H = $.offsetHeight, W = window.innerHeight - M, G = N;
-    w(W < H && G > H);
-  }, []), v = A((m) => {
-    var $, N;
-    !(($ = C.current) != null && $.contains(m.target)) && !((N = k.current) != null && N.contains(m.target)) && x(!1);
-  }, []), P = A(() => x((m) => !m), []), S = A(() => x(!1), []);
-  R(() => {
+  })[l], [l]), v = I(() => {
+    const m = k.current, S = $.current;
+    if (!m || !S) return;
+    const { top: P, bottom: z } = m.getBoundingClientRect(), F = S.offsetHeight, K = window.innerHeight - z, Y = P;
+    w(K < F && Y > F);
+  }, []), h = I((m) => {
+    var S, P;
+    !((S = $.current) != null && S.contains(m.target)) && !((P = k.current) != null && P.contains(m.target)) && x(!1);
+  }, []), D = I(() => x((m) => !m), []), N = I(() => x(!1), []);
+  M(() => {
     if (i)
-      return y(), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0), () => {
-        window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
+      return v(), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
+        window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
       };
-  }, [i, y]);
-  const T = _(i);
-  R(() => {
-    T.current = i;
-  }, [i]), R(() => {
-    const m = ($) => {
-      var N;
-      $.key === "Escape" && T.current && (x(!1), (N = k.current) == null || N.focus());
+  }, [i, v]);
+  const B = R(i);
+  M(() => {
+    B.current = i;
+  }, [i]), M(() => {
+    const m = (S) => {
+      var P;
+      S.key === "Escape" && B.current && (x(!1), (P = k.current) == null || P.focus());
     };
     return document.addEventListener("keydown", m), () => {
       document.removeEventListener("keydown", m);
     };
-  }, []), R(() => (document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v)), [v]);
-  const j = I(
+  }, []), M(() => (document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h)), [h]);
+  const T = A(
     () => [
       "absolute z-50 bg-white rounded shadow-lg overflow-hidden w-auto",
       E ? "bottom-full mb-2" : "top-full mt-2",
-      h,
+      y,
       p,
       a && "transition-all duration-200 ease-out",
-      c
+      d
     ].filter(Boolean).join(" "),
-    [E, h, p, a, c]
+    [E, y, p, a, d]
   );
-  return /* @__PURE__ */ L("div", { className: `relative inline-block ${f}`, ...b, children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ O("div", { className: `relative inline-block ${f}`, ...b, children: [
+    /* @__PURE__ */ c(
       "button",
       {
         type: "button",
         ref: k,
-        onClick: P,
+        onClick: D,
         "aria-expanded": i,
         "aria-label": u,
         className: "focus:outline-none",
         children: e
       }
     ),
-    i && /* @__PURE__ */ L("div", { ref: C, role: "menu", className: j, children: [
+    i && /* @__PURE__ */ O("div", { ref: $, role: "menu", className: T, children: [
       n && n,
-      t.map((m, $) => {
-        const N = () => {
-          r && r(m), s && S();
+      t.map((m, S) => {
+        const P = () => {
+          r && r(m), s && N();
         };
-        return /* @__PURE__ */ d("div", { children: o ? o(m, N) : /* @__PURE__ */ d(
+        return /* @__PURE__ */ c("div", { children: o ? o(m, P) : /* @__PURE__ */ c(
           "div",
           {
-            onClick: N,
+            onClick: P,
             className: "px-4 py-2 text-sm text-gray-800 hover:bg-gray-100 cursor-pointer",
             role: "menuitem",
             children: m.label
           }
-        ) }, $);
+        ) }, S);
       })
     ] })
   ] });
-}, ut = ({
+}, ft = ({
   children: e,
   content: n,
   position: t = "top",
@@ -654,9 +649,9 @@ const dt = ({
   tooltipClass: o = "",
   tooltipStyle: l = {}
 }) => {
-  const f = _(null), c = _(null);
-  R(() => {
-    const s = f.current, a = c.current;
+  const f = R(null), d = R(null);
+  M(() => {
+    const s = f.current, a = d.current;
     if (!s || !a) return;
     const u = () => {
       a.style.opacity = "1", a.style.visibility = "visible";
@@ -722,12 +717,12 @@ const dt = ({
         return a;
     }
   };
-  return /* @__PURE__ */ L("div", { ref: f, className: `relative inline-block ${r}`, children: [
+  return /* @__PURE__ */ O("div", { ref: f, className: `relative inline-block ${r}`, children: [
     e,
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ c(
       "div",
       {
-        ref: c,
+        ref: d,
         role: "tooltip",
         className: o,
         style: {
@@ -738,7 +733,7 @@ const dt = ({
       }
     )
   ] });
-}, Ye = {
+}, Ge = {
   primary: "bg-blue-500 text-white",
   secondary: "bg-gray-500 text-white",
   success: "bg-green-500 text-white",
@@ -756,18 +751,18 @@ const dt = ({
   "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"
-}, Ge = {
+}, Xe = {
   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"
-}, Xe = {
+}, Ue = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full p-2 w-8 h-8 justify-center"
-}, ft = ({
+}, pt = ({
   label: e,
   variant: n = "primary",
   size: t = "sm",
@@ -775,14 +770,14 @@ const dt = ({
   icon: o,
   dismissible: l,
   onDismiss: f,
-  className: c = "",
+  className: d = "",
   ...p
 }) => {
-  const s = !e && !!o, a = `inline-flex items-center font-medium ${Ye[n] || ""} ${Ge[t] || ""} ${Xe[r] || ""} ${s ? "justify-center p-2 w-8 h-8" : ""} ` + c;
-  return /* @__PURE__ */ L("span", { className: a.trim(), ...p, children: [
-    o && /* @__PURE__ */ d("span", { className: e ? "mr-1" : "", children: o }),
+  const s = !e && !!o, a = `inline-flex items-center font-medium ${Ge[n] || ""} ${Xe[t] || ""} ${Ue[r] || ""} ${s ? "justify-center p-2 w-8 h-8" : ""} ` + d;
+  return /* @__PURE__ */ O("span", { className: a.trim(), ...p, children: [
+    o && /* @__PURE__ */ c("span", { className: e ? "mr-1" : "", children: o }),
     e,
-    l && /* @__PURE__ */ d(
+    l && /* @__PURE__ */ c(
       "button",
       {
         type: "button",
@@ -792,18 +787,18 @@ const dt = ({
       }
     )
   ] });
-}, Ue = {
+}, qe = {
   rounded: "rounded-md",
   pill: "rounded-full",
   flat: "rounded-none"
-}, qe = {
+}, Je = {
   xs: "px-2 py-1 text-xs",
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-sm",
   lg: "px-5 py-3 text-base",
   xl: "px-6 py-4 text-lg"
 };
-function Je({
+function Qe({
   option: e,
   selected: n,
   disabled: t,
@@ -811,18 +806,18 @@ function Je({
   sizeClass: o,
   classNames: l,
   onSelect: f,
-  renderOption: c,
+  renderOption: d,
   buttonRef: p
 }) {
-  const s = A(() => {
+  const s = I(() => {
     t || f(e.value);
-  }, [t, f, e.value]), a = A(
+  }, [t, f, e.value]), a = I(
     (u) => {
       (u.key === "Enter" || u.key === " ") && !t && (u.preventDefault(), f(e.value));
     },
     [t, f, e.value]
   );
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "button",
     {
       ref: p,
@@ -837,14 +832,14 @@ function Je({
         ${l.option ?? ""}
         ${n ? l.selectedOption ?? "" : ""}
       `,
-      children: c ? c(e, n) : e.label
+      children: d ? d(e, n) : e.label
     }
   );
 }
-const Qe = ie(
-  Je
+const Ve = ce(
+  Qe
 );
-function ue({
+function fe({
   options: e,
   selected: n,
   onChange: t,
@@ -852,50 +847,50 @@ function ue({
   disabled: o = !1,
   shape: l = "rounded",
   variant: f = "primary",
-  size: c = "md",
+  size: d = "md",
   className: p = "",
   classNames: s = {},
   id: a,
   name: u,
   renderOption: g
 }) {
-  const b = _([]), [i, x] = z({}), E = I(() => Ue[l], [l]), w = I(() => qe[c], [c]), C = I(
-    () => e.findIndex((h) => h.value === n),
+  const b = R([]), [i, x] = j({}), E = A(() => qe[l], [l]), w = A(() => Je[d], [d]), $ = A(
+    () => e.findIndex((y) => y.value === n),
     [e, n]
   );
-  xe(() => {
-    if (C < 0)
+  we(() => {
+    if ($ < 0)
       return;
-    const h = b.current[C];
-    if (!h)
+    const y = b.current[$];
+    if (!y)
       return;
-    const y = {
-      transform: `translateX(${h.offsetLeft}px)`,
-      width: h.offsetWidth,
-      height: h.offsetHeight
+    const v = {
+      transform: `translateX(${y.offsetLeft}px)`,
+      width: y.offsetWidth,
+      height: y.offsetHeight
     };
-    x((v) => v.transform === y.transform && v.width === y.width && v.height === y.height ? v : y);
-  }, [C, e]);
-  const k = A(
-    (h) => {
-      h !== n && t(h);
+    x((h) => h.transform === v.transform && h.width === v.width && h.height === v.height ? h : v);
+  }, [$, e]);
+  const k = I(
+    (y) => {
+      y !== n && t(y);
     },
     [t, n]
   );
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ O(
     "div",
     {
       id: a,
       className: `flex w-fit flex-col gap-2 ${p} ${s.root ?? ""}`,
       children: [
-        r ? /* @__PURE__ */ d(
+        r ? /* @__PURE__ */ c(
           "span",
           {
             className: `select-none text-sm font-medium ${s.label ?? ""}`,
             children: r
           }
         ) : null,
-        /* @__PURE__ */ L(
+        /* @__PURE__ */ O(
           "div",
           {
             role: "radiogroup",
@@ -906,7 +901,7 @@ function ue({
           ${s.group ?? ""}
         `,
             children: [
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ c(
                 "div",
                 {
                   "aria-hidden": "true",
@@ -914,48 +909,48 @@ function ue({
                   className: `absolute left-0 top-0 z-0 transition-all duration-300 ease-in-out toggler-${f}`
                 }
               ),
-              e.map((h, y) => {
-                const v = n === h.value, P = o || !!h.disabled;
-                return /* @__PURE__ */ d(
-                  Qe,
+              e.map((y, v) => {
+                const h = n === y.value, D = o || !!y.disabled;
+                return /* @__PURE__ */ c(
+                  Ve,
                   {
-                    option: h,
-                    selected: v,
-                    disabled: P,
+                    option: y,
+                    selected: h,
+                    disabled: D,
                     variant: f,
                     sizeClass: w,
                     classNames: s,
                     onSelect: k,
                     renderOption: g,
-                    buttonRef: (S) => {
-                      b.current[y] = S;
+                    buttonRef: (N) => {
+                      b.current[v] = N;
                     }
                   },
-                  String(h.value)
+                  String(y.value)
                 );
               })
             ]
           }
         ),
-        u ? /* @__PURE__ */ d("input", { type: "hidden", name: u, value: String(n) }) : null
+        u ? /* @__PURE__ */ c("input", { type: "hidden", name: u, value: String(n) }) : null
       ]
     }
   );
 }
-ue.displayName = "Toggler";
-const pt = ie(ue), fe = ee(
+fe.displayName = "Toggler";
+const gt = ce(fe), pe = te(
   null
 );
-function gt({
+function mt({
   children: e
 }) {
-  const [n, t] = z([]), r = A((c) => {
-    t((p) => p.includes(c) ? p : [...p, c]);
-  }, []), o = A((c) => {
-    t((p) => p.filter((s) => s !== c));
-  }, []), l = A(() => {
+  const [n, t] = j([]), r = I((d) => {
+    t((p) => p.includes(d) ? p : [...p, d]);
+  }, []), o = I((d) => {
+    t((p) => p.filter((s) => s !== d));
+  }, []), l = I(() => {
     t([]);
-  }, []), f = I(
+  }, []), f = A(
     () => ({
       showBottomSheet: r,
       closeBottomSheet: o,
@@ -964,15 +959,15 @@ function gt({
     }),
     [r, o, l, n]
   );
-  return /* @__PURE__ */ d(fe.Provider, { value: f, children: e });
+  return /* @__PURE__ */ c(pe.Provider, { value: f, children: e });
 }
-function Ve() {
-  const e = te(fe);
+function et() {
+  const e = ne(pe);
   if (!e)
     throw new Error("useBottomSheet must be used inside BottomSheetProvider");
   return e;
 }
-function mt({
+function bt({
   id: e,
   children: n,
   initialSnap: t = "half",
@@ -980,86 +975,86 @@ function mt({
   position: o = "bottom",
   showNotchIndicator: l = !0,
   className: f = "",
-  overlayClassName: c = "",
+  overlayClassName: d = "",
   closeOnBackdrop: p = !0,
   lockScroll: s = !0,
   zIndex: a = 1e3
 }) {
-  const { activeSheets: u, closeBottomSheet: g } = Ve(), b = u.includes(e), i = !!r, [x, E] = z(!1), [w, C] = z(100), [k, h] = z(!1), y = _(0), v = _(0), P = _(null), S = typeof window < "u" ? window.innerHeight : 0, T = typeof window < "u" ? window.innerWidth : 0, j = r ? (1 - r.full) * 100 : 0, m = r ? (1 - r.half) * 100 : 0, $ = A(
-    (O) => {
+  const { activeSheets: u, closeBottomSheet: g } = et(), b = u.includes(e), i = !!r, [x, E] = j(!1), [w, $] = j(100), [k, y] = j(!1), v = R(0), h = R(0), D = R(null), N = typeof window < "u" ? window.innerHeight : 0, B = typeof window < "u" ? window.innerWidth : 0, T = r ? (1 - r.full) * 100 : 0, m = r ? (1 - r.half) * 100 : 0, S = I(
+    (C) => {
       if (i)
-        switch (O) {
+        switch (C) {
           case "full":
-            C(j);
+            $(T);
             break;
           case "half":
-            C(m);
+            $(m);
             break;
           default:
-            C(100);
+            $(100);
         }
     },
-    [j, m, i]
+    [T, m, i]
   );
-  R(() => {
+  M(() => {
     E(!0);
-  }, []), R(() => {
+  }, []), M(() => {
     if (!b) {
-      C(100);
+      $(100);
       return;
     }
-    i ? $(t) : C(0);
-  }, [b, t, $, i]), R(() => {
+    i ? S(t) : $(0);
+  }, [b, t, S, i]), M(() => {
     if (s)
       return b ? (document.body.style.overflow = "hidden", document.body.style.touchAction = "none") : (document.body.style.overflow = "", document.body.style.touchAction = ""), () => {
         document.body.style.overflow = "", document.body.style.touchAction = "";
       };
-  }, [b, s]), R(() => {
+  }, [b, s]), M(() => {
     if (!b) return;
-    const O = (F) => {
-      F.key === "Escape" && g(e);
+    const C = (L) => {
+      L.key === "Escape" && g(e);
     };
-    return window.addEventListener("keydown", O), () => {
-      window.removeEventListener("keydown", O);
+    return window.addEventListener("keydown", C), () => {
+      window.removeEventListener("keydown", C);
     };
   }, [g, e, b]);
-  const N = o === "left" || o === "right", M = (O) => {
-    var F, Z;
-    i && (h(!0), y.current = N ? O.clientX : O.clientY, v.current = w, (Z = (F = O.target).setPointerCapture) == null || Z.call(F, O.pointerId));
-  }, H = (O) => {
+  const P = o === "left" || o === "right", z = (C) => {
+    var L, H;
+    i && (y(!0), v.current = P ? C.clientX : C.clientY, h.current = w, (H = (L = C.target).setPointerCapture) == null || H.call(L, C.pointerId));
+  }, F = (C) => {
     if (!k || !i) return;
-    const Y = ((N ? O.clientX : O.clientY) - y.current) / (N ? T : S) * 100;
-    let J = v.current;
-    o === "right" || o === "bottom" ? J += Y : J -= Y, C(Math.min(Math.max(J, j), 100));
-  }, W = () => {
+    const Z = ((P ? C.clientX : C.clientY) - v.current) / (P ? B : N) * 100;
+    let W = h.current;
+    o === "right" || o === "bottom" ? W += Z : W -= Z, $(Math.min(Math.max(W, T), 100));
+  }, K = () => {
     if (!i) return;
-    if (h(!1), w > 75) {
+    if (y(!1), w > 75) {
       g(e);
       return;
     }
-    const O = (m + j) / 2;
-    w <= O ? $("full") : $("half");
+    const C = (m + T) / 2;
+    w <= C ? S("full") : S("half");
   };
   if (!x) return null;
-  const G = {
+  const Y = {
     bottom: `translate3d(0, ${w}%, 0)`,
     top: `translate3d(0, -${w}%, 0)`,
     left: `translate3d(-${w}%, 0, 0)`,
     right: `translate3d(${w}%, 0, 0)`
-  }, B = {
+  }, q = {
     bottom: "inset-x-0 bottom-0 rounded-t-xl max-h-[100dvh]",
     top: "inset-x-0 rounded-b-xl top-0 max-h-[100dvh]",
     left: "left-0 top-0 h-full",
     right: "right-0 top-0 h-full"
-  }, D = {
-    transform: G[o],
+  }, J = {
+    transform: Y[o],
     transition: k ? "none" : "transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",
     willChange: "transform",
     zIndex: a
   };
-  return we(
-    /* @__PURE__ */ L(he, { children: [
-      /* @__PURE__ */ d(
+  return ve(
+    /* @__PURE__ */ O(ye, { children: [
+      /* @__PURE__ */ c(
         "button",
         {
           type: "button",
@@ -1074,39 +1069,39 @@ function mt({
           transition-opacity
           duration-200
           ${b ? "opacity-100" : "pointer-events-none opacity-0"}
-          ${c}
+          ${d}
         `,
           style: { zIndex: a }
         }
       ),
-      /* @__PURE__ */ L(
+      /* @__PURE__ */ O(
         "div",
         {
-          ref: P,
-          style: D,
+          ref: D,
+          style: J,
           className: `fixed bg-white  overflow-hidden flex flex-col overscroll-contain touch-pan-y pb-[env(safe-area-inset-bottom)]
-          ${B[o]}
+          ${q[o]}
           ${f}
         `,
           children: [
-            l && /* @__PURE__ */ d(
+            l && /* @__PURE__ */ c(
               "div",
               {
-                onPointerDown: M,
-                onPointerMove: H,
-                onPointerUp: W,
+                onPointerDown: z,
+                onPointerMove: F,
+                onPointerUp: K,
                 className: `flex justify-center items-center py-2.5 select-none touch-none bg-gray-50
               ${i ? "cursor-grab active:cursor-grabbing" : ""}
             `,
-                children: /* @__PURE__ */ d(
+                children: /* @__PURE__ */ c(
                   "div",
                   {
-                    className: `rounded-full bg-gray-400 ${N ? "w-1 h-14" : "h-1 w-14"}`
+                    className: `rounded-full bg-gray-400 ${P ? "w-1 h-14" : "h-1 w-14"}`
                   }
                 )
               }
             ),
-            /* @__PURE__ */ d("div", { className: "flex-1 overflow-y-auto p-4", children: n })
+            /* @__PURE__ */ c("div", { className: "flex-1 overflow-y-auto p-4", children: n })
           ]
         }
       )
@@ -1114,10 +1109,10 @@ function mt({
     document.body
   );
 }
-function et(e) {
-  return ne({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" }, child: [] }] })(e);
+function tt(e) {
+  return re({ 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 bt = ({
+const ht = ({
   items: e,
   allowMultipleOpen: n = !1,
   className: t = "",
@@ -1125,18 +1120,18 @@ const bt = ({
   open: o,
   onChange: l,
   renderTitle: f,
-  renderContent: c,
+  renderContent: d,
   showArrowIcon: p = !0,
   panelClasses: s = ""
 }) => {
-  const [a, u] = z(/* @__PURE__ */ new Set()), g = I(() => o ? new Set(o) : a, [o, a]), b = A(
+  const [a, u] = j(/* @__PURE__ */ new Set()), g = A(() => o ? new Set(o) : a, [o, a]), b = I(
     (i) => {
       const x = new Set(g);
       x.has(i) ? x.delete(i) : (n || x.clear(), x.add(i)), o && l ? l(Array.from(x)) : u(x);
     },
     [g, o, l, n]
   );
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: "accordion",
@@ -1144,12 +1139,12 @@ const bt = ({
       "aria-multiselectable": n,
       children: e.map((i) => {
         const x = g.has(i.id), E = `accordion-heading-${i.id}`, w = `accordion-panel-${i.id}`;
-        return /* @__PURE__ */ L(
+        return /* @__PURE__ */ O(
           "div",
           {
             className: `accordion-item border rounded border-gray-300 dark:border-gray-700 ${t}`,
             children: [
-              /* @__PURE__ */ L(
+              /* @__PURE__ */ O(
                 "button",
                 {
                   id: E,
@@ -1160,11 +1155,11 @@ const bt = ({
                   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 ${r}`,
                   children: [
                     f ? f(i, x) : i.title,
-                    p ? /* @__PURE__ */ d(et, {}) : null
+                    p ? /* @__PURE__ */ c(tt, {}) : null
                   ]
                 }
               ),
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ c(
                 "div",
                 {
                   id: w,
@@ -1172,7 +1167,7 @@ const bt = ({
                   "aria-labelledby": E,
                   hidden: !x,
                   className: `p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${s}`,
-                  children: c ? c(i, x) : i.content
+                  children: d ? d(i, x) : i.content
                 }
               )
             ]
@@ -1182,15 +1177,15 @@ const bt = ({
       })
     }
   );
-}, pe = ee(null), ge = () => {
-  const e = te(pe);
+}, ge = te(null), me = () => {
+  const e = ne(ge);
   if (!e)
     throw new Error(
       "useModalActions must be used within a ModalActionProvider"
     );
   return e;
-}, me = ee(null), be = () => te(me);
-function ht({
+}, be = te(null), he = () => ne(be);
+function yt({
   id: e,
   variant: n = "center",
   title: t,
@@ -1198,63 +1193,63 @@ function ht({
   standalone: o = !1,
   showFloatingClose: l = !1,
   containerClasses: f = "",
-  headerClasses: c = "",
+  headerClasses: d = "",
   bodyClasses: p = "",
   onClose: s,
   disableEscapeClose: a = !1,
   closeBtnStyle: u
 }) {
-  const g = be(), b = ge(), i = !o && !!g && !!b, [x, E] = z(!1), w = i ? g.isOpen(e) : x, C = i ? g.getModalData(e) : null, k = n === "bottom-sheet", h = A(() => {
+  const g = he(), b = me(), i = !o && !!g && !!b, [x, E] = j(!1), w = i ? g.isOpen(e) : x, $ = i ? g.getModalData(e) : null, k = n === "bottom-sheet", y = I(() => {
     i ? b.closeModal(e) : E(!1), s == null || s();
-  }, [i, b, e, s]), y = _(null);
-  return R(() => {
+  }, [i, b, e, s]), v = R(null);
+  return M(() => {
     if (!w) return;
-    const v = window.scrollY, P = {
+    const h = window.scrollY, D = {
       position: document.body.style.position,
       top: document.body.style.top,
       width: document.body.style.width
     };
-    document.body.style.position = "fixed", document.body.style.top = `-${v}px`, document.body.style.width = "100%";
-    const S = (T) => {
-      T.preventDefault();
+    document.body.style.position = "fixed", document.body.style.top = `-${h}px`, document.body.style.width = "100%";
+    const N = (B) => {
+      B.preventDefault();
     };
-    return document.addEventListener("touchmove", S, {
+    return document.addEventListener("touchmove", N, {
       passive: !1
     }), () => {
-      document.body.style.position = P.position, document.body.style.top = P.top, document.body.style.width = P.width, document.removeEventListener("touchmove", S), window.scrollTo(0, v);
+      document.body.style.position = D.position, document.body.style.top = D.top, document.body.style.width = D.width, document.removeEventListener("touchmove", N), window.scrollTo(0, h);
     };
-  }, [w]), R(() => {
-    w && (y.current = document.activeElement);
-    const v = document.getElementById(e), P = [
+  }, [w]), M(() => {
+    w && (v.current = document.activeElement);
+    const h = document.getElementById(e), D = [
       "a[href]",
       "button:not([disabled])",
       "textarea:not([disabled])",
       "input:not([disabled])",
       "select:not([disabled])",
       '[tabindex]:not([tabindex="-1"])'
-    ], S = () => {
-      if (!v) return [];
-      const m = v.querySelectorAll(
-        P.join(",")
+    ], N = () => {
+      if (!h) return [];
+      const m = h.querySelectorAll(
+        D.join(",")
       );
-      return Array.from(m).filter(($) => $.offsetParent !== null);
-    }, T = (m) => {
+      return Array.from(m).filter((S) => S.offsetParent !== null);
+    }, B = (m) => {
       if (m.key !== "Tab") return;
-      const $ = S();
-      if (!$.length) return;
-      const N = $[0], M = $[$.length - 1];
-      m.shiftKey ? document.activeElement === N && (m.preventDefault(), M.focus()) : document.activeElement === M && (m.preventDefault(), N.focus());
-    }, j = (m) => {
-      m.key === "Escape" && !a && h(), T(m);
+      const S = N();
+      if (!S.length) return;
+      const P = S[0], z = S[S.length - 1];
+      m.shiftKey ? document.activeElement === P && (m.preventDefault(), z.focus()) : document.activeElement === z && (m.preventDefault(), P.focus());
+    }, T = (m) => {
+      m.key === "Escape" && !a && y(), B(m);
     };
-    return w && (window.addEventListener("keydown", j), setTimeout(() => {
-      const m = S();
+    return w && (window.addEventListener("keydown", T), setTimeout(() => {
+      const m = N();
       m.length && m[0].focus();
     }, 0)), () => {
       var m;
-      window.removeEventListener("keydown", j), (m = y.current) == null || m.focus();
+      window.removeEventListener("keydown", T), (m = v.current) == null || m.focus();
     };
-  }, [w, h, a, e]), w ? /* @__PURE__ */ d(
+  }, [w, y, a, e]), w ? /* @__PURE__ */ c(
     "div",
     {
       id: e,
@@ -1264,7 +1259,7 @@ function ht({
         flex
         ${k ? "items-end justify-center" : "items-center justify-center"}
       `,
-      children: /* @__PURE__ */ L(
+      children: /* @__PURE__ */ O(
         "div",
         {
           className: `
@@ -1287,20 +1282,20 @@ function ht({
           ${f}
         `,
           children: [
-            /* @__PURE__ */ L(
+            /* @__PURE__ */ O(
               "div",
               {
                 className: `
             flex justify-between
             items-center relative
-            ${c}
+            ${d}
           `,
                 children: [
-                  t && /* @__PURE__ */ d("h2", { className: "text-lg font-semibold", children: t }),
-                  l && /* @__PURE__ */ d(
+                  t && /* @__PURE__ */ c("h2", { className: "text-lg font-semibold", children: t }),
+                  l && /* @__PURE__ */ c(
                     "button",
                     {
-                      onClick: h,
+                      onClick: y,
                       "aria-label": "Close modal",
                       className: `
                 text-gray-500 hover:text-black
@@ -1317,37 +1312,37 @@ function ht({
                 ]
               }
             ),
-            /* @__PURE__ */ d("div", { className: p, children: typeof r == "function" ? r({ modalData: C }) : r })
+            /* @__PURE__ */ c("div", { className: p, children: typeof r == "function" ? r({ modalData: $ }) : r })
           ]
         }
       )
     }
   ) : null;
 }
-function yt({
+function xt({
   children: e
 }) {
-  const [n, t] = z({}), [r, o] = z({}), l = A((u, g) => {
+  const [n, t] = j({}), [r, o] = j({}), l = I((u, g) => {
     t((b) => ({ ...b, [u]: !0 })), g && o((b) => ({ ...b, [u]: g }));
-  }, []), f = A((u) => {
+  }, []), f = I((u) => {
     t((g) => ({ ...g, [u]: !1 })), o((g) => {
       const b = { ...g };
       return delete b[u], b;
     });
-  }, []), c = A((u) => !!n[u], [n]), p = A(
+  }, []), d = I((u) => !!n[u], [n]), p = I(
     (u) => r[u],
     [r]
-  ), s = I(
+  ), s = A(
     () => ({ openModal: l, closeModal: f }),
     [l, f]
-  ), a = I(
-    () => ({ isOpen: c, getModalData: p }),
-    [c, p]
+  ), a = A(
+    () => ({ isOpen: d, getModalData: p }),
+    [d, p]
   );
-  return /* @__PURE__ */ d(pe.Provider, { value: s, children: /* @__PURE__ */ d(me.Provider, { value: a, children: e }) });
+  return /* @__PURE__ */ c(ge.Provider, { value: s, children: /* @__PURE__ */ c(be.Provider, { value: a, children: e }) });
 }
-function xt(e) {
-  const { openModal: n, closeModal: t } = ge(), { isOpen: r, getModalData: o } = be();
+function wt(e) {
+  const { openModal: n, closeModal: t } = me(), { isOpen: r, getModalData: o } = he();
   return {
     open: (l) => n(e, l),
     close: () => t(e),
@@ -1355,72 +1350,72 @@ function xt(e) {
     data: o(e)
   };
 }
-let Q = null, V = {};
-function tt(e) {
-  Q = e;
+let V = null, ee = {};
+function nt(e) {
+  V = e;
 }
-function wt(e) {
-  V = { ...V, ...e };
+function vt(e) {
+  ee = { ...ee, ...e };
 }
-function nt() {
-  return V;
+function rt() {
+  return ee;
 }
-function vt(e, n, t = 3e3, r) {
-  Q ? Q(e, n, t, r) : console.warn("Toast system is not mounted");
+function Ct(e, n, t = 3e3, r) {
+  V ? V(e, n, t, r) : console.warn("Toast system is not mounted");
 }
-function rt(e) {
-  return ne({ attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(e);
+function ot(e) {
+  return re({ 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 ot = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+const st = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
   const n = Math.random() * 16 | 0;
   return (e === "x" ? n : n & 3 | 8).toString(16);
-}), Ct = ({ containerStyle: e = "" }) => {
-  const [n, t] = z([]);
-  R(() => {
-    tt((o, l, f, c) => {
-      const p = ot();
-      t((s) => [...s, { id: p, type: o, message: l, config: c }]), setTimeout(() => {
+}), $t = ({ containerStyle: e = "" }) => {
+  const [n, t] = j([]);
+  M(() => {
+    nt((o, l, f, d) => {
+      const p = st();
+      t((s) => [...s, { id: p, type: o, message: l, config: d }]), setTimeout(() => {
         t((s) => s.filter((a) => a.id !== p));
       }, f);
     });
   }, []);
-  const r = nt();
-  return /* @__PURE__ */ d(
+  const r = rt();
+  return /* @__PURE__ */ c(
     "div",
     {
       className: `fixed top-5 right-5 z-9999 flex flex-col gap-2 ${e}`,
       children: n.map((o) => {
-        var s, a, u, g, b, i, x, E, w, C, k, h, y, v;
-        const l = ((s = o.config) == null ? void 0 : s.icon) || ((a = r.icons) == null ? void 0 : a[o.type]) || st(o.type), f = ((u = o.config) == null ? void 0 : u.bgColor) || ((b = (g = r.colors) == null ? void 0 : g[o.type]) == null ? void 0 : b.bg) || "bg-white dark:bg-gray-800", c = ((i = o.config) == null ? void 0 : i.textColor) || ((E = (x = r.colors) == null ? void 0 : x[o.type]) == null ? void 0 : E.text) || "text-gray-700 dark:text-gray-300", p = `w-8 h-8 mr-3 text-xl flex items-center justify-center ${(w = o.config) == null ? void 0 : w.iconContainerClass}`;
-        return /* @__PURE__ */ L(
+        var s, a, u, g, b, i, x, E, w, $, k, y, v, h;
+        const l = ((s = o.config) == null ? void 0 : s.icon) || ((a = r.icons) == null ? void 0 : a[o.type]) || at(o.type), f = ((u = o.config) == null ? void 0 : u.bgColor) || ((b = (g = r.colors) == null ? void 0 : g[o.type]) == null ? void 0 : b.bg) || "bg-white dark:bg-gray-800", d = ((i = o.config) == null ? void 0 : i.textColor) || ((E = (x = r.colors) == null ? void 0 : x[o.type]) == null ? void 0 : E.text) || "text-gray-700 dark:text-gray-300", p = `w-8 h-8 mr-3 text-xl flex items-center justify-center ${(w = o.config) == null ? void 0 : w.iconContainerClass}`;
+        return /* @__PURE__ */ O(
           "div",
           {
-            className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${f} ${c} ${(C = o.config) == null ? void 0 : C.containerBody}`,
+            className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${f} ${d} ${($ = o.config) == null ? void 0 : $.containerBody}`,
             children: [
-              l && /* @__PURE__ */ d("div", { className: p, children: l }),
-              /* @__PURE__ */ L("div", { className: "flex-1", children: [
-                ((k = o.config) == null ? void 0 : k.title) && /* @__PURE__ */ d(
+              l && /* @__PURE__ */ c("div", { className: p, children: l }),
+              /* @__PURE__ */ O("div", { className: "flex-1", children: [
+                ((k = o.config) == null ? void 0 : k.title) && /* @__PURE__ */ c(
                   "div",
                   {
-                    className: `font-semibold text-black ${(h = o.config) == null ? void 0 : h.titleClass}`,
+                    className: `font-semibold text-black ${(y = o.config) == null ? void 0 : y.titleClass}`,
                     children: o.config.title
                   }
                 ),
-                ((y = o.config) == null ? void 0 : y.description) && /* @__PURE__ */ d(
+                ((v = o.config) == null ? void 0 : v.description) && /* @__PURE__ */ c(
                   "div",
                   {
-                    className: `text-sm text-gray-500 ${(v = o.config) == null ? void 0 : v.subTitleClass}`,
+                    className: `text-sm text-gray-500 ${(h = o.config) == null ? void 0 : h.subTitleClass}`,
                     children: o.config.description
                   }
                 )
               ] }),
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ c(
                 "button",
                 {
-                  onClick: () => t((P) => P.filter((S) => S.id !== o.id)),
+                  onClick: () => t((D) => D.filter((N) => N.id !== o.id)),
                   className: "ml-auto text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ d(rt, { size: 18 })
+                  children: /* @__PURE__ */ c(ot, { size: 18 })
                 }
               )
             ]
@@ -1431,7 +1426,7 @@ const ot = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
     }
   );
 };
-function st(e) {
+function at(e) {
   switch (e) {
     case "success":
       return "✅";
@@ -1444,24 +1439,24 @@ function st(e) {
   }
 }
 export {
-  bt as Accordion,
-  ft as Badge,
-  mt as BottomSheet,
-  gt as BottomSheetProvider,
-  ct as Button,
-  Ze as Checkbox,
-  dt as Dropdown,
-  ke as Input,
-  ht as Modal,
-  yt as ModalProvider,
-  Oe as Select,
-  Ct as Toast,
-  pt as Toggler,
-  ut as Tooltip,
-  wt as setToastDefaults,
-  vt as showToast,
-  Ve as useBottomSheet,
-  ge as useModalActions,
-  xt as useModalInstance,
-  be as useModalState
+  ht as Accordion,
+  pt as Badge,
+  bt as BottomSheet,
+  mt as BottomSheetProvider,
+  dt as Button,
+  Ye as Checkbox,
+  ut as Dropdown,
+  Se as Input,
+  yt as Modal,
+  xt as ModalProvider,
+  De as Select,
+  $t as Toast,
+  gt as Toggler,
+  ft as Tooltip,
+  vt as setToastDefaults,
+  Ct as showToast,
+  et as useBottomSheet,
+  me as useModalActions,
+  wt as useModalInstance,
+  he as useModalState
 };