tailwind-ux-kit 1.0.106 → 1.0.109

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

@@ -1,7 +1,7 @@
 "use client";
-import { jsxs as E, jsx as d, Fragment as me } from "react/jsx-runtime";
-import K, { forwardRef as ie, useState as z, useMemo as _, useId as he, useRef as F, useCallback as I, useEffect as B, createContext as V, useContext as ee } from "react";
-import { createPortal as ye } from "react-dom";
+import { jsxs as P, jsx as d, Fragment as be } from "react/jsx-runtime";
+import K, { forwardRef as ae, useState as I, useMemo as B, useId as he, useRef as F, useCallback as T, useEffect as R, memo as le, useLayoutEffect as ye, createContext as V, useContext as ee } from "react";
+import { createPortal as xe } from "react-dom";
 const ne = {
   xs: "text-xs px-2 py-1",
   sm: "text-sm px-3 py-1.5",
@@ -11,15 +11,15 @@ const ne = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, xe = {
+}, we = {
   filled: "rounded-t-lg px-2.5 pb-2.5 pt-5 bg-gray-50 border-b-2",
   outlined: "rounded-lg px-2.5 pb-2.5 pt-4 bg-transparent border",
   standard: "px-0 py-2.5 bg-transparent border-0 border-b-2"
-}, we = {
+}, ve = {
   filled: "absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   outlined: "absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   standard: "absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"
-}, ve = (e, n, t) => {
+}, Ce = (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,96 +34,96 @@ const ne = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, Ce = ie((e, n) => {
+}, $e = ae((e, n) => {
   const {
     label: t,
     id: r,
     inputSize: o = "md",
-    shape: u = "rounded",
-    validate: g,
+    shape: i = "rounded",
+    validate: f,
     onValidatedChange: c,
-    className: f = "",
+    className: u = "",
     icon: a,
     iconPosition: s = "left",
     floatingLabelStyle: l,
-    onChange: i,
-    isValid: y,
-    isInvalid: p,
-    feedback: b,
-    iconClasses: $,
-    feedbackType: C = "invalid",
-    labelClasses: O = "",
-    inputType: x = "",
-    inputPattern: v,
-    ...h
-  } = e, [w, N] = z("default"), k = K.useCallback(
-    (M) => {
-      const A = M.target.value, Y = (g == null ? void 0 : g(A)) ?? "default";
-      N(Y), c == null || c(M, Y), i == null || i(M);
+    onChange: p,
+    isValid: x,
+    isInvalid: g,
+    feedback: m,
+    iconClasses: C,
+    feedbackType: v = "invalid",
+    labelClasses: L = "",
+    inputType: S = "",
+    inputPattern: b,
+    ...y
+  } = e, [w, N] = I("default"), $ = K.useCallback(
+    (z) => {
+      const j = z.target.value, Y = (f == null ? void 0 : f(j)) ?? "default";
+      N(Y), c == null || c(z, Y), p == null || p(z);
     },
-    [g, c, i]
-  ), P = _(() => r || (typeof t == "string" ? `input-${t.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [r, t]), j = !!l, m = ne[o] || ne.md, L = re[u] || re.flat, D = _(
-    () => ve(w, y, p),
-    [w, y, p]
-  ), S = _(() => s === "start" || s === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [s]), T = _(() => a ? s === "start" || s === "left" ? "ps-10" : "pe-10" : "", [a, s]), R = (M) => {
+    [f, c, p]
+  ), O = B(() => r || (typeof t == "string" ? `input-${t.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [r, t]), A = !!l, h = ne[o] || ne.md, E = re[i] || re.flat, D = B(
+    () => Ce(w, x, g),
+    [w, x, g]
+  ), k = B(() => s === "start" || s === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [s]), M = B(() => a ? s === "start" || s === "left" ? "ps-10" : "pe-10" : "", [a, s]), _ = (z) => {
     var Z;
-    const A = M.key;
-    !(M.ctrlKey || M.metaKey || A.length !== 1 || ["Backspace", "ArrowLeft", "ArrowRight", "Delete", "Tab"].includes(A)) && (() => {
-      const W = /^\d$/, X = /^[a-zA-Z]$/;
-      switch (x) {
+    const j = z.key;
+    !(z.ctrlKey || z.metaKey || j.length !== 1 || ["Backspace", "ArrowLeft", "ArrowRight", "Delete", "Tab"].includes(j)) && (() => {
+      const W = /^\d$/, q = /^[a-zA-Z]$/;
+      switch (S) {
         case "numeric":
         case "number":
         case "integer":
-          return !W.test(A);
+          return !W.test(j);
         case "decimal":
-          return !W.test(A) && A !== "." && A !== "Backspace" && A !== "Tab";
+          return !W.test(j) && j !== "." && j !== "Backspace" && j !== "Tab";
         case "alphabetic":
-          return !X.test(A);
+          return !q.test(j);
         case "custom":
-          return v ? !v.test(A) : !1;
+          return b ? !b.test(j) : !1;
         default:
           return !1;
       }
-    })() && M.preventDefault(), (Z = h.onKeyDown) == null || Z.call(h, M);
-  }, H = (M) => {
-    var q;
-    const A = M.clipboardData.getData("Text");
+    })() && z.preventDefault(), (Z = y.onKeyDown) == null || Z.call(y, z);
+  }, H = (z) => {
+    var X;
+    const j = z.clipboardData.getData("Text");
     (() => {
-      const Z = /^\d+$/, W = /^\d*\.?\d*$/, X = /^[a-zA-Z]+$/;
-      switch (x) {
+      const Z = /^\d+$/, W = /^\d*\.?\d*$/, q = /^[a-zA-Z]+$/;
+      switch (S) {
         case "numeric":
         case "number":
         case "integer":
-          return !Z.test(A);
+          return !Z.test(j);
         case "decimal":
-          return !W.test(A);
+          return !W.test(j);
         case "alphabetic":
-          return !X.test(A);
+          return !q.test(j);
         case "custom":
-          return v ? !v.test(A) : !1;
+          return b ? !b.test(j) : !1;
         default:
           return !1;
       }
-    })() && M.preventDefault(), (q = h.onPaste) == null || q.call(h, M);
+    })() && z.preventDefault(), (X = y.onPaste) == null || X.call(y, z);
   };
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ P(
     "div",
     {
-      className: `w-full relative ${j ? "z-0" : ""} tailwind-ux-input`,
+      className: `w-full relative ${A ? "z-0" : ""} tailwind-ux-input`,
       children: [
-        !j && t && /* @__PURE__ */ d(
+        !A && t && /* @__PURE__ */ d(
           "label",
           {
-            htmlFor: P,
-            className: `block mb-1 text-sm ${y ? "text-green-700 dark:text-green-500" : p ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${O}`,
+            htmlFor: O,
+            className: `block mb-1 text-sm ${x ? "text-green-700 dark:text-green-500" : g ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${L}`,
             children: t
           }
         ),
-        /* @__PURE__ */ E("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ P("div", { className: "relative w-full", children: [
           a && /* @__PURE__ */ d(
             "div",
             {
-              className: `absolute inset-y-0 flex items-center ${S} ${$}`,
+              className: `absolute inset-y-0 flex items-center ${k} ${C}`,
               "aria-hidden": "true",
               children: a
             }
@@ -131,59 +131,59 @@ const ne = {
           /* @__PURE__ */ d(
             "input",
             {
-              ...h,
-              id: P,
+              ...y,
+              id: O,
               ref: n,
-              placeholder: j ? " " : h.placeholder,
-              onChange: k,
-              onKeyDown: R,
+              placeholder: A ? " " : y.placeholder,
+              onChange: $,
+              onKeyDown: _,
               onPaste: H,
               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 && l && xe[l]}
-            ${T} ${L} ${D} ${f}`
+            ${h}
+            ${A && l && we[l]}
+            ${M} ${E} ${D} ${u}`
             }
           ),
-          j && t && l && /* @__PURE__ */ d(
+          A && t && l && /* @__PURE__ */ d(
             "label",
             {
-              htmlFor: P,
-              className: `ms-1 ${we[l]} ${f}`,
+              htmlFor: O,
+              className: `ms-1 ${ve[l]} ${u}`,
               children: t
             }
           )
         ] }),
-        b && /* @__PURE__ */ d(
+        m && /* @__PURE__ */ d(
           "p",
           {
-            className: `mt-1 text-xs ${C === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
-            role: C === "invalid" ? "alert" : void 0,
-            children: b
+            className: `mt-1 text-xs ${v === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
+            role: v === "invalid" ? "alert" : void 0,
+            children: m
           }
         )
       ]
     }
   );
 });
-Ce.displayName = "Input";
-const $e = {
+$e.displayName = "Input";
+const ke = {
   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"
-}, ke = {
+}, Se = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, Se = {
+}, Ne = {
   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"
-}, Ne = {
+}, Le = {
   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"
-}, Le = (e, n, t) => {
+}, Ee = (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,39 +199,39 @@ const $e = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, Ee = ie((e, n) => {
+}, Pe = ae((e, n) => {
   const {
     label: t,
     id: r,
     inputSize: o = "md",
-    shape: u = "rounded",
-    validate: g,
+    shape: i = "rounded",
+    validate: f,
     onValidatedChange: c,
-    className: f = "",
+    className: u = "",
     icon: a,
     iconPosition: s = "left",
     floatingLabelStyle: l,
-    onChange: i,
-    isValid: y,
-    isInvalid: p,
-    feedback: b,
-    feedbackType: $ = "invalid",
-    children: C,
-    ...O
-  } = e, [x, v] = z("default"), h = he(), w = _(() => r || (typeof t == "string" ? `select-${t.toLowerCase().replace(/\s+/g, "-")}` : h), [r, t, h]), N = (S) => {
-    const T = S.target.value, R = (g == null ? void 0 : g(T)) ?? "default";
-    v(R), c == null || c(S, R), i == null || i(S);
-  }, k = !!l, P = $e[o], j = ke[u], m = Le(x, y, p);
-  return /* @__PURE__ */ E("div", { className: `w-full relative ${k ? "z-0" : ""}`, children: [
-    !k && t && /* @__PURE__ */ d(
+    onChange: p,
+    isValid: x,
+    isInvalid: g,
+    feedback: m,
+    feedbackType: C = "invalid",
+    children: v,
+    ...L
+  } = e, [S, b] = I("default"), y = he(), w = B(() => r || (typeof t == "string" ? `select-${t.toLowerCase().replace(/\s+/g, "-")}` : y), [r, t, y]), N = (k) => {
+    const M = k.target.value, _ = (f == null ? void 0 : f(M)) ?? "default";
+    b(_), c == null || c(k, _), p == null || p(k);
+  }, $ = !!l, O = ke[o], A = Se[i], h = Ee(S, x, g);
+  return /* @__PURE__ */ P("div", { className: `w-full relative ${$ ? "z-0" : ""}`, children: [
+    !$ && t && /* @__PURE__ */ d(
       "label",
       {
         htmlFor: w,
-        className: `block mb-1 text-sm ${y ? "text-green-700" : p ? "text-red-700" : "text-gray-700"}`,
+        className: `block mb-1 text-sm ${x ? "text-green-700" : g ? "text-red-700" : "text-gray-700"}`,
         children: t
       }
     ),
-    /* @__PURE__ */ E("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ P("div", { className: "relative w-full", children: [
       a && /* @__PURE__ */ d(
         "div",
         {
@@ -242,37 +242,37 @@ const $e = {
       /* @__PURE__ */ d(
         "select",
         {
-          ...O,
+          ...L,
           id: w,
           ref: n,
           onChange: N,
           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
-            ${P} ${a && (s === "start" || s === "left") ? "ps-10" : a ? "pe-10" : ""}
-            ${k && l && Se[l]}
-            ${j} ${m} ${f}`,
-          children: C
+            ${O} ${a && (s === "start" || s === "left") ? "ps-10" : a ? "pe-10" : ""}
+            ${$ && l && Ne[l]}
+            ${A} ${h} ${u}`,
+          children: v
         }
       ),
-      k && t && l && /* @__PURE__ */ d(
+      $ && t && l && /* @__PURE__ */ d(
         "label",
         {
           htmlFor: w,
-          className: `ms-1 ${Ne[l]} ${f}`,
+          className: `ms-1 ${Le[l]} ${u}`,
           children: t
         }
       )
     ] }),
-    b && /* @__PURE__ */ d(
+    m && /* @__PURE__ */ d(
       "p",
       {
-        className: `mt-1 text-xs ${$ === "invalid" ? "text-red-600" : "text-green-600"}`,
-        children: b
+        className: `mt-1 text-xs ${C === "invalid" ? "text-red-600" : "text-green-600"}`,
+        children: m
       }
     )
   ] });
 });
-Ee.displayName = "Select";
-const Pe = {
+Pe.displayName = "Select";
+const Oe = {
   primary: "btn-primary",
   secondary: "btn-secondary",
   success: "btn-success",
@@ -298,39 +298,39 @@ const Pe = {
   "soft-info": "btn-soft-info",
   "soft-dark": "btn-soft-dark",
   "soft-light": "btn-soft-light"
-}, Oe = {
+}, De = {
   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"
-}, De = {
+}, Te = {
   flat: "shadow-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full w-10 h-10 p-0 flex items-center justify-center"
-}, rt = ({
+}, it = ({
   children: e,
   variant: n = "primary",
   size: t = "md",
   type: r = "button",
   shape: o = "rounded",
-  className: u = "",
-  isLoading: g = !1,
+  className: i = "",
+  isLoading: f = !1,
   disabled: c = !1,
-  ...f
+  ...u
 }) => {
-  const a = c || g, s = [
+  const a = c || f, s = [
     "inline-flex items-center justify-center font-normal transition duration-150",
-    Pe[n],
-    Oe[t],
-    De[o],
+    Oe[n],
+    De[t],
+    Te[o],
     o === "flat" ? "shadow-none" : "shadow-sm",
     a ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-    u
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ E("button", { type: r, className: s, disabled: a, ...f, children: [
-    g && /* @__PURE__ */ E(
+  return /* @__PURE__ */ P("button", { type: r, className: s, disabled: a, ...u, children: [
+    f && /* @__PURE__ */ P(
       "svg",
       {
         "aria-hidden": "true",
@@ -360,24 +360,24 @@ const Pe = {
     e
   ] });
 };
-var ce = {
+var ie = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, oe = K.createContext && /* @__PURE__ */ K.createContext(ce), Ae = ["attr", "size", "title"];
-function je(e, n) {
+}, oe = K.createContext && /* @__PURE__ */ K.createContext(ie), je = ["attr", "size", "title"];
+function Ae(e, n) {
   if (e == null) return {};
-  var t = Ie(e, n), r, o;
+  var t = Be(e, n), r, o;
   if (Object.getOwnPropertySymbols) {
-    var u = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < u.length; o++)
-      r = u[o], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < i.length; o++)
+      r = i[o], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
   }
   return t;
 }
-function Ie(e, n) {
+function Be(e, n) {
   if (e == null) return {};
   var t = {};
   for (var r in e)
@@ -411,21 +411,21 @@ function U(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
     n % 2 ? se(Object(t), !0).forEach(function(r) {
-      ze(e, r, t[r]);
+      Ie(e, r, t[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : se(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 Ie(e, n, t) {
+  return n = ze(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 = Be(e, "string");
+function ze(e) {
+  var n = Me(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function Be(e, n) {
+function Me(e, n) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -435,52 +435,52 @@ function Be(e, n) {
   }
   return (n === "string" ? String : Number)(e);
 }
-function de(e) {
+function ce(e) {
   return e && e.map((n, t) => /* @__PURE__ */ K.createElement(n.tag, U({
     key: t
-  }, n.attr), de(n.child)));
+  }, n.attr), ce(n.child)));
 }
 function te(e) {
-  return (n) => /* @__PURE__ */ K.createElement(Te, G({
+  return (n) => /* @__PURE__ */ K.createElement(Re, G({
     attr: U({}, e.attr)
-  }, n), de(e.child));
+  }, n), ce(e.child));
 }
-function Te(e) {
+function Re(e) {
   var n = (t) => {
     var {
       attr: r,
       size: o,
-      title: u
-    } = e, g = je(e, Ae), c = o || t.size || "1em", f;
-    return t.className && (f = t.className), e.className && (f = (f ? f + " " : "") + e.className), /* @__PURE__ */ K.createElement("svg", G({
+      title: i
+    } = e, f = Ae(e, je), c = o || t.size || "1em", u;
+    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ K.createElement("svg", G({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, r, g, {
-      className: f,
+    }, t.attr, r, f, {
+      className: u,
       style: U(U({
         color: e.color || t.color
       }, t.style), e.style),
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), u && /* @__PURE__ */ K.createElement("title", null, u), e.children);
+    }), i && /* @__PURE__ */ K.createElement("title", null, i), e.children);
   };
-  return oe !== void 0 ? /* @__PURE__ */ K.createElement(oe.Consumer, null, (t) => n(t)) : n(ce);
+  return oe !== void 0 ? /* @__PURE__ */ K.createElement(oe.Consumer, null, (t) => n(t)) : n(ie);
 }
-function Re(e) {
+function _e(e) {
   return te({ 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 _e = {
+const Fe = {
   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"
-}, Fe = {
+}, Ke = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, Ke = {
+}, He = {
   primary: "primary",
   secondary: "secondary",
   success: "success",
@@ -506,34 +506,34 @@ const _e = {
   "soft-info": "soft-info",
   "soft-dark": "soft-dark",
   "soft-light": "soft-light"
-}, He = K.forwardRef(
+}, Ye = K.forwardRef(
   ({
     label: e,
     boxSize: n = "md",
     shape: t = "rounded",
     variant: r = "success",
     onSelectionChange: o,
-    disabled: u = !1,
-    className: g = "",
+    disabled: i = !1,
+    className: f = "",
     id: c,
-    value: f,
+    value: u,
     icon: a,
     children: s,
     checked: l,
-    ...i
-  }, y) => {
-    const p = (P) => {
-      !u && o && o(P.target.checked), i.onChange && i.onChange(P);
-    }, b = "mr-2 border flex items-center justify-center transition-all", $ = _e[n], C = Fe[t], O = Ke[r] ?? "", x = r.startsWith("outline"), v = r.startsWith("soft"), N = `${b} ${$} ${C} ${O} ${l && (x || v || r === "link") ? "peer-checked:bg-current peer-checked:text-white" : l ? "peer-checked:bg-current" : ""}`, k = {
+    ...p
+  }, x) => {
+    const g = (O) => {
+      !i && o && o(O.target.checked), p.onChange && p.onChange(O);
+    }, m = "mr-2 border flex items-center justify-center transition-all", C = Fe[n], v = Ke[t], L = He[r] ?? "", S = r.startsWith("outline"), b = r.startsWith("soft"), N = `${m} ${C} ${v} ${L} ${l && (S || b || r === "link") ? "peer-checked:bg-current peer-checked:text-white" : l ? "peer-checked:bg-current" : ""}`, $ = {
       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__ */ E(
+    return /* @__PURE__ */ P(
       "label",
       {
-        className: `flex items-center ${u ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${g}`,
+        className: `flex items-center ${i ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${f}`,
         children: [
           /* @__PURE__ */ d(
             "input",
@@ -541,133 +541,133 @@ const _e = {
               type: "checkbox",
               className: "peer hidden",
               checked: l,
-              onChange: p,
-              disabled: u,
+              onChange: g,
+              disabled: i,
               id: c,
-              value: f,
-              ref: y,
-              ...i
+              value: u,
+              ref: x,
+              ...p
             }
           ),
-          /* @__PURE__ */ d("span", { className: N.trim(), children: (l || i.defaultChecked) && (a ?? /* @__PURE__ */ d(Re, { className: `${k[n]}` })) }),
+          /* @__PURE__ */ d("span", { className: N.trim(), children: (l || p.defaultChecked) && (a ?? /* @__PURE__ */ d(_e, { className: `${$[n]}` })) }),
           e || s ? /* @__PURE__ */ d("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? s }) : null
         ]
       }
     );
   }
 );
-He.displayName = "Checkbox";
-const ot = ({
+Ye.displayName = "Checkbox";
+const ct = ({
   label: e,
   header: n,
   items: t = [],
   onSelect: r,
   renderItem: o,
-  position: u = "right",
-  className: g = "",
+  position: i = "right",
+  className: f = "",
   menuClassName: c = "",
-  width: f = "w-48",
+  width: u = "w-48",
   closeOnSelect: a = !1,
   transition: s = !0,
   ariaLabel: l = "Dropdown menu",
-  forceCloseDropdown: i,
-  ...y
+  forceCloseDropdown: p,
+  ...x
 }) => {
-  const [p, b] = z(!1), [$, C] = z(!1), O = F(null), x = F(null), v = _(() => ({
+  const [g, m] = I(!1), [C, v] = I(!1), L = F(null), S = F(null), b = B(() => ({
     left: "left-0",
     center: "left-1/2 transform -translate-x-1/2",
     right: "right-0"
-  })[u], [u]), h = I(() => {
-    const m = x.current, L = O.current;
-    if (!m || !L) return;
-    const { top: D, bottom: S } = m.getBoundingClientRect(), T = L.offsetHeight, R = window.innerHeight - S, H = D;
-    C(R < T && H > T);
-  }, []), w = I((m) => {
-    var L, D;
-    !((L = O.current) != null && L.contains(m.target)) && !((D = x.current) != null && D.contains(m.target)) && b(!1);
-  }, []), N = I(() => b((m) => !m), []), k = I(() => b(!1), []);
-  B(() => {
-    if (p)
-      return h(), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0), () => {
-        window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0);
+  })[i], [i]), y = T(() => {
+    const h = S.current, E = L.current;
+    if (!h || !E) return;
+    const { top: D, bottom: k } = h.getBoundingClientRect(), M = E.offsetHeight, _ = window.innerHeight - k, H = D;
+    v(_ < M && H > M);
+  }, []), w = T((h) => {
+    var E, D;
+    !((E = L.current) != null && E.contains(h.target)) && !((D = S.current) != null && D.contains(h.target)) && m(!1);
+  }, []), N = T(() => m((h) => !h), []), $ = T(() => m(!1), []);
+  R(() => {
+    if (g)
+      return y(), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0), () => {
+        window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0);
       };
-  }, [p, h]);
-  const P = F(p);
-  B(() => {
-    P.current = p;
-  }, [p]), B(() => {
-    const m = (L) => {
+  }, [g, y]);
+  const O = F(g);
+  R(() => {
+    O.current = g;
+  }, [g]), R(() => {
+    const h = (E) => {
       var D;
-      L.key === "Escape" && P.current && (b(!1), (D = x.current) == null || D.focus());
+      E.key === "Escape" && O.current && (m(!1), (D = S.current) == null || D.focus());
     };
-    return document.addEventListener("keydown", m), () => {
-      document.removeEventListener("keydown", m);
+    return document.addEventListener("keydown", h), () => {
+      document.removeEventListener("keydown", h);
     };
-  }, []), B(() => (document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w)), [w]);
-  const j = _(
+  }, []), R(() => (document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w)), [w]);
+  const A = B(
     () => [
       "absolute z-50 bg-white rounded shadow-lg overflow-hidden w-auto",
-      $ ? "bottom-full mb-2" : "top-full mt-2",
-      v,
-      f,
+      C ? "bottom-full mb-2" : "top-full mt-2",
+      b,
+      u,
       s && "transition-all duration-200 ease-out",
       c
     ].filter(Boolean).join(" "),
-    [$, v, f, s, c]
+    [C, b, u, s, c]
   );
-  return /* @__PURE__ */ E("div", { className: `relative inline-block ${g}`, ...y, children: [
+  return /* @__PURE__ */ P("div", { className: `relative inline-block ${f}`, ...x, children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        ref: x,
+        ref: S,
         onClick: N,
-        "aria-expanded": p,
+        "aria-expanded": g,
         "aria-label": l,
         className: "focus:outline-none",
         children: e
       }
     ),
-    p && /* @__PURE__ */ E("div", { ref: O, role: "menu", className: j, children: [
+    g && /* @__PURE__ */ P("div", { ref: L, role: "menu", className: A, children: [
       n && n,
-      t.map((m, L) => {
+      t.map((h, E) => {
         const D = () => {
-          r && r(m), a && k();
+          r && r(h), a && $();
         };
-        return /* @__PURE__ */ d("div", { children: o ? o(m, D) : /* @__PURE__ */ d(
+        return /* @__PURE__ */ d("div", { children: o ? o(h, D) : /* @__PURE__ */ d(
           "div",
           {
             onClick: D,
             className: "px-4 py-2 text-sm text-gray-800 hover:bg-gray-100 cursor-pointer",
             role: "menuitem",
-            children: m.label
+            children: h.label
           }
-        ) }, L);
+        ) }, E);
       })
     ] })
   ] });
-}, st = ({
+}, dt = ({
   children: e,
   content: n,
   position: t = "top",
   className: r = "",
   tooltipClass: o = "",
-  tooltipStyle: u = {}
+  tooltipStyle: i = {}
 }) => {
-  const g = F(null), c = F(null);
-  B(() => {
-    const a = g.current, s = c.current;
+  const f = F(null), c = F(null);
+  R(() => {
+    const a = f.current, s = c.current;
     if (!a || !s) return;
     const l = () => {
       s.style.opacity = "1", s.style.visibility = "visible";
-    }, i = () => {
+    }, p = () => {
       s.style.opacity = "0", s.style.visibility = "hidden";
     };
-    return a.addEventListener("mouseenter", l), a.addEventListener("mouseleave", i), () => {
-      a.removeEventListener("mouseenter", l), a.removeEventListener("mouseleave", i);
+    return a.addEventListener("mouseenter", l), a.addEventListener("mouseleave", p), () => {
+      a.removeEventListener("mouseenter", l), a.removeEventListener("mouseleave", p);
     };
   }, []);
-  const f = (a) => {
+  const u = (a) => {
     const s = {
       position: "absolute",
       opacity: 0,
@@ -722,7 +722,7 @@ const ot = ({
         return s;
     }
   };
-  return /* @__PURE__ */ E("div", { ref: g, className: `relative inline-block ${r}`, children: [
+  return /* @__PURE__ */ P("div", { ref: f, className: `relative inline-block ${r}`, children: [
     e,
     /* @__PURE__ */ d(
       "div",
@@ -731,14 +731,14 @@ const ot = ({
         role: "tooltip",
         className: o,
         style: {
-          ...f(t),
-          ...u
+          ...u(t),
+          ...i
         },
         children: n
       }
     )
   ] });
-}, Ye = {
+}, Ze = {
   primary: "bg-blue-500 text-white",
   secondary: "bg-gray-500 text-white",
   success: "bg-green-500 text-white",
@@ -756,280 +756,314 @@ const ot = ({
   "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"
-}, Ze = {
+}, We = {
   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"
-}, We = {
+}, Ge = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full p-2 w-8 h-8 justify-center"
-}, at = ({
+}, ut = ({
   label: e,
   variant: n = "primary",
   size: t = "sm",
   shape: r = "rounded",
   icon: o,
-  dismissible: u,
-  onDismiss: g,
+  dismissible: i,
+  onDismiss: f,
   className: c = "",
-  ...f
+  ...u
 }) => {
-  const a = !e && !!o, s = `inline-flex items-center font-medium ${Ye[n] || ""} ${Ze[t] || ""} ${We[r] || ""} ${a ? "justify-center p-2 w-8 h-8" : ""} ` + c;
-  return /* @__PURE__ */ E("span", { className: s.trim(), ...f, children: [
+  const a = !e && !!o, s = `inline-flex items-center font-medium ${Ze[n] || ""} ${We[t] || ""} ${Ge[r] || ""} ${a ? "justify-center p-2 w-8 h-8" : ""} ` + c;
+  return /* @__PURE__ */ P("span", { className: s.trim(), ...u, children: [
     o && /* @__PURE__ */ d("span", { className: e ? "mr-1" : "", children: o }),
     e,
-    u && /* @__PURE__ */ d(
+    i && /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        onClick: g,
+        onClick: f,
         className: "ml-2 text-xs font-bold leading-none focus:outline-none",
         children: "×"
       }
     )
   ] });
-}, ae = {
+}, Ue = {
   rounded: "rounded-md",
   pill: "rounded-full",
   flat: "rounded-none"
-}, le = {
-  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"
-  }
+}, Xe = {
+  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 lt({
+function qe({
+  option: e,
+  selected: n,
+  disabled: t,
+  variant: r,
+  sizeClass: o,
+  classNames: i,
+  onSelect: f,
+  renderOption: c,
+  buttonRef: u
+}) {
+  const a = T(() => {
+    t || f(e.value);
+  }, [t, f, e.value]), s = T(
+    (l) => {
+      (l.key === "Enter" || l.key === " ") && !t && (l.preventDefault(), f(e.value));
+    },
+    [t, f, e.value]
+  );
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ref: u,
+      type: "button",
+      role: "radio",
+      "aria-checked": n,
+      disabled: t,
+      onClick: a,
+      onKeyDown: s,
+      className: `relative z-10 transition-colors duration-200 focus:outline-none w-full ${o}
+        ${n ? `text-white toggler-${r}` : "text-gray-700 hover:bg-gray-200"}
+        ${i.option ?? ""}
+        ${n ? i.selectedOption ?? "" : ""}
+      `,
+      children: c ? c(e, n) : e.label
+    }
+  );
+}
+const Je = le(
+  qe
+);
+function de({
   options: e,
   selected: n,
   onChange: t,
   label: r,
   disabled: o = !1,
-  shape: u = "rounded",
-  variant: g = "primary",
+  shape: i = "rounded",
+  variant: f = "primary",
   size: c = "md",
-  className: f = "",
+  className: u = "",
   classNames: a = {},
   id: s,
   name: l,
-  renderOption: i
+  renderOption: p
 }) {
-  const y = ae[u] || ae.rounded, p = le[c] || le.md, b = F(null), [$, C] = z({});
-  B(() => {
-    if (!b.current) return;
-    const x = e.findIndex((w) => w.value === n);
-    if (x === -1) return;
-    const h = b.current.querySelectorAll("button")[x];
-    if (h) {
-      const { offsetLeft: w, offsetWidth: N, offsetHeight: k } = h;
-      C({
-        transform: `translateX(${w}px)`,
-        width: N,
-        height: k
-      });
-    }
-  }, [n, e, c]);
-  const O = `toggler-${g}`;
-  return /* @__PURE__ */ E(
+  const x = F([]), [g, m] = I({}), C = B(() => Ue[i], [i]), v = B(() => Xe[c], [c]), L = B(
+    () => e.findIndex((b) => b.value === n),
+    [e, n]
+  );
+  ye(() => {
+    if (L < 0)
+      return;
+    const b = x.current[L];
+    if (!b)
+      return;
+    const y = {
+      transform: `translateX(${b.offsetLeft}px)`,
+      width: b.offsetWidth,
+      height: b.offsetHeight
+    };
+    m((w) => w.transform === y.transform && w.width === y.width && w.height === y.height ? w : y);
+  }, [L, e]);
+  const S = T(
+    (b) => {
+      b !== n && t(b);
+    },
+    [t, n]
+  );
+  return /* @__PURE__ */ P(
     "div",
     {
-      className: `flex flex-col gap-2 w-fit ${f} ${a.root ?? ""}`,
       id: s,
+      className: `flex w-fit flex-col gap-2 ${u} ${a.root ?? ""}`,
       children: [
-        r && /* @__PURE__ */ d(
+        r ? /* @__PURE__ */ d(
           "span",
           {
-            className: `text-sm font-medium select-none ${a.label ?? ""}`,
+            className: `select-none text-sm font-medium ${a.label ?? ""}`,
             children: r
           }
-        ),
-        /* @__PURE__ */ E(
+        ) : null,
+        /* @__PURE__ */ P(
           "div",
           {
-            ref: b,
             role: "radiogroup",
             "aria-disabled": o,
-            className: `relative inline-flex overflow-hidden border border-gray-300 bg-gray-100 ${y} ${o ? "opacity-50 cursor-not-allowed" : ""} ${a.group ?? ""}`,
+            "aria-label": typeof r == "string" ? r : void 0,
+            className: `relative inline-flex overflow-hidden border border-gray-300 bg-gray-100 ${C}
+          ${o ? "cursor-not-allowed opacity-50" : ""}
+          ${a.group ?? ""}
+        `,
             children: [
               /* @__PURE__ */ d(
                 "div",
                 {
-                  className: `absolute top-0 left-0 transition-transform duration-300 ease-in-out ${y} ${O}`,
-                  style: {
-                    ...$,
-                    zIndex: 0
-                  },
-                  "aria-hidden": "true"
+                  "aria-hidden": "true",
+                  style: g,
+                  className: `absolute left-0 top-0 z-0 transition-all duration-300 ease-in-out toggler-${f}`
                 }
               ),
-              e.map((x) => {
-                const v = n === x.value, h = o || x.disabled;
+              e.map((b, y) => {
+                const w = n === b.value, N = o || !!b.disabled;
                 return /* @__PURE__ */ d(
-                  "button",
+                  Je,
                   {
-                    role: "radio",
-                    name: l,
-                    "aria-checked": v,
-                    disabled: h,
-                    onClick: () => !h && t(x.value),
-                    onKeyDown: (w) => {
-                      (w.key === "Enter" || w.key === " ") && !h && (w.preventDefault(), t(x.value));
-                    },
-                    className: `
-                relative z-10
-                transition-colors duration-200 focus:outline-none
-                ${p.button}
-                ${v ? `text-white toggler-text-${g}` : "text-gray-700 hover:bg-gray-200"}
-                ${a.option ?? ""}
-                ${v ? a.selectedOption ?? "" : ""}
-              `,
-                    children: i ? i(x, v) : x.label
+                    option: b,
+                    selected: w,
+                    disabled: N,
+                    variant: f,
+                    sizeClass: v,
+                    classNames: a,
+                    onSelect: S,
+                    renderOption: p,
+                    buttonRef: ($) => {
+                      x.current[y] = $;
+                    }
                   },
-                  String(x.value)
+                  String(b.value)
                 );
               })
             ]
           }
-        )
+        ),
+        l ? /* @__PURE__ */ d("input", { type: "hidden", name: l, value: String(n) }) : null
       ]
     }
   );
 }
-const ue = V(
+de.displayName = "Toggler";
+const ft = le(de), ue = V(
   null
 );
-function it({
+function pt({
   children: e
 }) {
-  const [n, t] = z([]), r = I((c) => {
-    t((f) => f.includes(c) ? f : [...f, c]);
-  }, []), o = I((c) => {
-    t((f) => f.filter((a) => a !== c));
-  }, []), u = I(() => {
+  const [n, t] = I([]), r = T((c) => {
+    t((u) => u.includes(c) ? u : [...u, c]);
+  }, []), o = T((c) => {
+    t((u) => u.filter((a) => a !== c));
+  }, []), i = T(() => {
     t([]);
-  }, []), g = _(
+  }, []), f = B(
     () => ({
       showBottomSheet: r,
       closeBottomSheet: o,
-      closeAllBottomSheet: u,
+      closeAllBottomSheet: i,
       activeSheets: n
     }),
-    [r, o, u, n]
+    [r, o, i, n]
   );
-  return /* @__PURE__ */ d(ue.Provider, { value: g, children: e });
+  return /* @__PURE__ */ d(ue.Provider, { value: f, children: e });
 }
-function Ge() {
+function Qe() {
   const e = ee(ue);
   if (!e)
     throw new Error("useBottomSheet must be used inside BottomSheetProvider");
   return e;
 }
-function ct({
+function gt({
   id: e,
   children: n,
   initialSnap: t = "half",
   snapPoints: r,
   className: o = "",
-  overlayClassName: u = "",
-  closeOnBackdrop: g = !0,
+  overlayClassName: i = "",
+  closeOnBackdrop: f = !0,
   lockScroll: c = !0,
-  zIndex: f = 1e3
+  zIndex: u = 1e3
 }) {
-  const { activeSheets: a, closeBottomSheet: s } = Ge(), l = a.includes(e), i = !!r, [y, p] = z(!1), [b, $] = z(100), [C, O] = z(!1), x = F(0), v = F(0), h = F(null), w = typeof window < "u" ? window.innerHeight : 0, N = r ? (1 - r.full) * 100 : 0, k = r ? (1 - r.half) * 100 : 0, P = I(
-    (S) => {
-      if (i)
-        switch (S) {
+  const { activeSheets: a, closeBottomSheet: s } = Qe(), l = a.includes(e), p = !!r, [x, g] = I(!1), [m, C] = I(100), [v, L] = I(!1), S = F(0), b = F(0), y = F(null), w = typeof window < "u" ? window.innerHeight : 0, N = r ? (1 - r.full) * 100 : 0, $ = r ? (1 - r.half) * 100 : 0, O = T(
+    (k) => {
+      if (p)
+        switch (k) {
           case "full":
-            $(N);
+            C(N);
             break;
           case "half":
-            $(k);
+            C($);
             break;
           default:
-            $(100);
+            C(100);
         }
     },
-    [N, k, i]
+    [N, $, p]
   );
-  B(() => {
-    p(!0);
-  }, []), B(() => {
+  R(() => {
+    g(!0);
+  }, []), R(() => {
     if (!l) {
-      $(100);
+      C(100);
       return;
     }
-    i ? P(t) : $(0);
-  }, [l, t, P, i]), B(() => {
+    p ? O(t) : C(0);
+  }, [l, t, O, p]), R(() => {
     if (c)
       return l ? (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 = "";
       };
-  }, [l, c]), B(() => {
+  }, [l, c]), R(() => {
     if (!l) return;
-    const S = (T) => {
-      T.key === "Escape" && s(e);
+    const k = (M) => {
+      M.key === "Escape" && s(e);
     };
-    return window.addEventListener("keydown", S), () => {
-      window.removeEventListener("keydown", S);
+    return window.addEventListener("keydown", k), () => {
+      window.removeEventListener("keydown", k);
     };
   }, [s, e, l]);
-  const j = (S) => {
-    var T, R;
-    i && (O(!0), x.current = S.clientY, v.current = b, (R = (T = S.target).setPointerCapture) == null || R.call(T, S.pointerId));
-  }, m = (S) => {
-    if (!C || !i) return;
-    const R = (S.clientY - x.current) / w * 100, H = v.current + R;
-    $(Math.min(Math.max(H, N), 100));
-  }, L = () => {
-    if (!i) return;
-    if (O(!1), b > 75) {
+  const A = (k) => {
+    var M, _;
+    p && (L(!0), S.current = k.clientY, b.current = m, (_ = (M = k.target).setPointerCapture) == null || _.call(M, k.pointerId));
+  }, h = (k) => {
+    if (!v || !p) return;
+    const _ = (k.clientY - S.current) / w * 100, H = b.current + _;
+    C(Math.min(Math.max(H, N), 100));
+  }, E = () => {
+    if (!p) return;
+    if (L(!1), m > 75) {
       s(e);
       return;
     }
-    const S = (k + N) / 2;
-    b <= S ? P("full") : P("half");
+    const k = ($ + N) / 2;
+    m <= k ? O("full") : O("half");
   };
-  if (!y) return null;
+  if (!x) return null;
   const D = {
-    transform: `translate3d(0, ${b}%, 0)`,
-    transition: C ? "none" : "transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",
+    transform: `translate3d(0, ${m}%, 0)`,
+    transition: v ? "none" : "transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",
     willChange: "transform",
-    zIndex: f,
+    zIndex: u,
     // height: hasSnapPoints ? "92dvh" : `${contentHeight}px`,
     maxHeight: "100dvh"
   };
-  return ye(
-    /* @__PURE__ */ E(me, { children: [
+  return xe(
+    /* @__PURE__ */ P(be, { children: [
       /* @__PURE__ */ d(
         "button",
         {
           type: "button",
           "aria-label": "Close bottom sheet",
           onClick: () => {
-            g && s(e);
+            f && s(e);
           },
-          className: `fixed inset-0 bg-black/45 backdrop-blur-[2px] transition-opacity duration-200 ${l ? "opacity-100" : "pointer-events-none opacity-0"} ${u}`,
-          style: { zIndex: f }
+          className: `fixed inset-0 bg-black/45 backdrop-blur-[2px] transition-opacity duration-200 ${l ? "opacity-100" : "pointer-events-none opacity-0"} ${i}`,
+          style: { zIndex: u }
         }
       ),
-      /* @__PURE__ */ E(
+      /* @__PURE__ */ P(
         "div",
         {
-          ref: h,
+          ref: y,
           style: D,
           className: `
           fixed inset-x-0 bottom-0
@@ -1048,12 +1082,12 @@ function ct({
             /* @__PURE__ */ d(
               "div",
               {
-                onPointerDown: j,
-                onPointerMove: m,
-                onPointerUp: L,
+                onPointerDown: A,
+                onPointerMove: h,
+                onPointerUp: E,
                 className: `
             flex justify-center py-2.5
-            ${i ? "cursor-grab active:cursor-grabbing" : ""}
+            ${p ? "cursor-grab active:cursor-grabbing" : ""}
             select-none touch-none bg-gray-50
           `,
                 children: /* @__PURE__ */ d("div", { className: "h-1 w-14 rounded-full bg-gray-500" })
@@ -1067,27 +1101,27 @@ function ct({
     document.body
   );
 }
-function Ue(e) {
+function Ve(e) {
   return te({ 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 dt = ({
+const mt = ({
   items: e,
   allowMultipleOpen: n = !1,
   className: t = "",
   tileClasses: r = "",
   open: o,
-  onChange: u,
-  renderTitle: g,
+  onChange: i,
+  renderTitle: f,
   renderContent: c,
-  showArrowIcon: f = !0,
+  showArrowIcon: u = !0,
   panelClasses: a = ""
 }) => {
-  const [s, l] = z(/* @__PURE__ */ new Set()), i = _(() => o ? new Set(o) : s, [o, s]), y = I(
-    (p) => {
-      const b = new Set(i);
-      b.has(p) ? b.delete(p) : (n || b.clear(), b.add(p)), o && u ? u(Array.from(b)) : l(b);
+  const [s, l] = I(/* @__PURE__ */ new Set()), p = B(() => o ? new Set(o) : s, [o, s]), x = T(
+    (g) => {
+      const m = new Set(p);
+      m.has(g) ? m.delete(g) : (n || m.clear(), m.add(g)), o && i ? i(Array.from(m)) : l(m);
     },
-    [i, o, u, n]
+    [p, o, i, n]
   );
   return /* @__PURE__ */ d(
     "div",
@@ -1095,42 +1129,42 @@ const dt = ({
       className: "accordion",
       role: "region",
       "aria-multiselectable": n,
-      children: e.map((p) => {
-        const b = i.has(p.id), $ = `accordion-heading-${p.id}`, C = `accordion-panel-${p.id}`;
-        return /* @__PURE__ */ E(
+      children: e.map((g) => {
+        const m = p.has(g.id), C = `accordion-heading-${g.id}`, v = `accordion-panel-${g.id}`;
+        return /* @__PURE__ */ P(
           "div",
           {
             className: `accordion-item border rounded border-gray-300 dark:border-gray-700 ${t}`,
             children: [
-              /* @__PURE__ */ E(
+              /* @__PURE__ */ P(
                 "button",
                 {
-                  id: $,
+                  id: C,
                   type: "button",
-                  "aria-expanded": b,
-                  "aria-controls": C,
-                  onClick: () => y(p.id),
+                  "aria-expanded": m,
+                  "aria-controls": v,
+                  onClick: () => x(g.id),
                   className: `flex justify-between items-center w-full p-1.5 text-left text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none gap-3 ${r}`,
                   children: [
-                    g ? g(p, b) : p.title,
-                    f ? /* @__PURE__ */ d(Ue, {}) : null
+                    f ? f(g, m) : g.title,
+                    u ? /* @__PURE__ */ d(Ve, {}) : null
                   ]
                 }
               ),
               /* @__PURE__ */ d(
                 "div",
                 {
-                  id: C,
+                  id: v,
                   role: "region",
-                  "aria-labelledby": $,
-                  hidden: !b,
+                  "aria-labelledby": C,
+                  hidden: !m,
                   className: `p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${a}`,
-                  children: c ? c(p, b) : p.content
+                  children: c ? c(g, m) : g.content
                 }
               )
             ]
           },
-          p.id
+          g.id
         );
       })
     }
@@ -1142,42 +1176,42 @@ const dt = ({
       "useModalActions must be used within a ModalActionProvider"
     );
   return e;
-}, ge = V(null), be = () => ee(ge);
-function ut({
+}, ge = V(null), me = () => ee(ge);
+function bt({
   id: e,
   variant: n = "center",
   title: t,
   children: r,
   standalone: o = !1,
-  showFloatingClose: u = !1,
-  containerClasses: g = "",
+  showFloatingClose: i = !1,
+  containerClasses: f = "",
   headerClasses: c = "",
-  bodyClasses: f = "",
+  bodyClasses: u = "",
   onClose: a,
   disableEscapeClose: s = !1,
   closeBtnStyle: l
 }) {
-  const i = be(), y = pe(), p = !o && !!i && !!y, [b, $] = z(!1), C = p ? i.isOpen(e) : b, O = p ? i.getModalData(e) : null, x = n === "bottom-sheet", v = I(() => {
-    p ? y.closeModal(e) : $(!1), a == null || a();
-  }, [p, y, e, a]), h = F(null);
-  return B(() => {
-    if (!C) return;
+  const p = me(), x = pe(), g = !o && !!p && !!x, [m, C] = I(!1), v = g ? p.isOpen(e) : m, L = g ? p.getModalData(e) : null, S = n === "bottom-sheet", b = T(() => {
+    g ? x.closeModal(e) : C(!1), a == null || a();
+  }, [g, x, e, a]), y = F(null);
+  return R(() => {
+    if (!v) return;
     const w = window.scrollY, N = {
       position: document.body.style.position,
       top: document.body.style.top,
       width: document.body.style.width
     };
     document.body.style.position = "fixed", document.body.style.top = `-${w}px`, document.body.style.width = "100%";
-    const k = (P) => {
-      P.preventDefault();
+    const $ = (O) => {
+      O.preventDefault();
     };
-    return document.addEventListener("touchmove", k, {
+    return document.addEventListener("touchmove", $, {
       passive: !1
     }), () => {
-      document.body.style.position = N.position, document.body.style.top = N.top, document.body.style.width = N.width, document.removeEventListener("touchmove", k), window.scrollTo(0, w);
+      document.body.style.position = N.position, document.body.style.top = N.top, document.body.style.width = N.width, document.removeEventListener("touchmove", $), window.scrollTo(0, w);
     };
-  }, [C]), B(() => {
-    C && (h.current = document.activeElement);
+  }, [v]), R(() => {
+    v && (y.current = document.activeElement);
     const w = document.getElementById(e), N = [
       "a[href]",
       "button:not([disabled])",
@@ -1185,29 +1219,29 @@ function ut({
       "input:not([disabled])",
       "select:not([disabled])",
       '[tabindex]:not([tabindex="-1"])'
-    ], k = () => {
+    ], $ = () => {
       if (!w) return [];
-      const m = w.querySelectorAll(
+      const h = w.querySelectorAll(
         N.join(",")
       );
-      return Array.from(m).filter((L) => L.offsetParent !== null);
-    }, P = (m) => {
-      if (m.key !== "Tab") return;
-      const L = k();
-      if (!L.length) return;
-      const D = L[0], S = L[L.length - 1];
-      m.shiftKey ? document.activeElement === D && (m.preventDefault(), S.focus()) : document.activeElement === S && (m.preventDefault(), D.focus());
-    }, j = (m) => {
-      m.key === "Escape" && !s && v(), P(m);
+      return Array.from(h).filter((E) => E.offsetParent !== null);
+    }, O = (h) => {
+      if (h.key !== "Tab") return;
+      const E = $();
+      if (!E.length) return;
+      const D = E[0], k = E[E.length - 1];
+      h.shiftKey ? document.activeElement === D && (h.preventDefault(), k.focus()) : document.activeElement === k && (h.preventDefault(), D.focus());
+    }, A = (h) => {
+      h.key === "Escape" && !s && b(), O(h);
     };
-    return C && (window.addEventListener("keydown", j), setTimeout(() => {
-      const m = k();
-      m.length && m[0].focus();
+    return v && (window.addEventListener("keydown", A), setTimeout(() => {
+      const h = $();
+      h.length && h[0].focus();
     }, 0)), () => {
-      var m;
-      window.removeEventListener("keydown", j), (m = h.current) == null || m.focus();
+      var h;
+      window.removeEventListener("keydown", A), (h = y.current) == null || h.focus();
     };
-  }, [C, v, s, e]), C ? /* @__PURE__ */ d(
+  }, [v, b, s, e]), v ? /* @__PURE__ */ d(
     "div",
     {
       id: e,
@@ -1215,16 +1249,16 @@ function ut({
         fixed inset-0 z-50
         bg-black/60 backdrop-blur-[2px]
         flex
-        ${x ? "items-end justify-center" : "items-center justify-center"}
+        ${S ? "items-end justify-center" : "items-center justify-center"}
       `,
-      children: /* @__PURE__ */ E(
+      children: /* @__PURE__ */ P(
         "div",
         {
           className: `
           bg-white shadow-lg
           transform transition-all duration-300
 
-          ${x ? `
+          ${S ? `
                 w-full
                 rounded-t-3xl
                 max-h-[92dvh]
@@ -1237,10 +1271,10 @@ function ut({
                 p-4
               `}
 
-          ${g}
+          ${f}
         `,
           children: [
-            /* @__PURE__ */ E(
+            /* @__PURE__ */ P(
               "div",
               {
                 className: `
@@ -1250,10 +1284,10 @@ function ut({
           `,
                 children: [
                   t && /* @__PURE__ */ d("h2", { className: "text-lg font-semibold", children: t }),
-                  u && /* @__PURE__ */ d(
+                  i && /* @__PURE__ */ d(
                     "button",
                     {
-                      onClick: v,
+                      onClick: b,
                       "aria-label": "Close modal",
                       className: `
                 text-gray-500 hover:text-black
@@ -1270,96 +1304,96 @@ function ut({
                 ]
               }
             ),
-            /* @__PURE__ */ d("div", { className: f, children: typeof r == "function" ? r({ modalData: O }) : r })
+            /* @__PURE__ */ d("div", { className: u, children: typeof r == "function" ? r({ modalData: L }) : r })
           ]
         }
       )
     }
   ) : null;
 }
-function ft({
+function ht({
   children: e
 }) {
-  const [n, t] = z({}), [r, o] = z({}), u = I((l, i) => {
-    t((y) => ({ ...y, [l]: !0 })), i && o((y) => ({ ...y, [l]: i }));
-  }, []), g = I((l) => {
-    t((i) => ({ ...i, [l]: !1 })), o((i) => {
-      const y = { ...i };
-      return delete y[l], y;
+  const [n, t] = I({}), [r, o] = I({}), i = T((l, p) => {
+    t((x) => ({ ...x, [l]: !0 })), p && o((x) => ({ ...x, [l]: p }));
+  }, []), f = T((l) => {
+    t((p) => ({ ...p, [l]: !1 })), o((p) => {
+      const x = { ...p };
+      return delete x[l], x;
     });
-  }, []), c = I((l) => !!n[l], [n]), f = I(
+  }, []), c = T((l) => !!n[l], [n]), u = T(
     (l) => r[l],
     [r]
-  ), a = _(
-    () => ({ openModal: u, closeModal: g }),
-    [u, g]
-  ), s = _(
-    () => ({ isOpen: c, getModalData: f }),
-    [c, f]
+  ), a = B(
+    () => ({ openModal: i, closeModal: f }),
+    [i, f]
+  ), s = B(
+    () => ({ isOpen: c, getModalData: u }),
+    [c, u]
   );
   return /* @__PURE__ */ d(fe.Provider, { value: a, children: /* @__PURE__ */ d(ge.Provider, { value: s, children: e }) });
 }
-function pt(e) {
-  const { openModal: n, closeModal: t } = pe(), { isOpen: r, getModalData: o } = be();
+function yt(e) {
+  const { openModal: n, closeModal: t } = pe(), { isOpen: r, getModalData: o } = me();
   return {
-    open: (u) => n(e, u),
+    open: (i) => n(e, i),
     close: () => t(e),
     isOpen: r(e),
     data: o(e)
   };
 }
 let J = null, Q = {};
-function qe(e) {
+function et(e) {
   J = e;
 }
-function gt(e) {
+function xt(e) {
   Q = { ...Q, ...e };
 }
-function Xe() {
+function tt() {
   return Q;
 }
-function bt(e, n, t = 3e3, r) {
+function wt(e, n, t = 3e3, r) {
   J ? J(e, n, t, r) : console.warn("Toast system is not mounted");
 }
-function Je(e) {
+function nt(e) {
   return te({ 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 Qe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+const rt = () => "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);
-}), mt = ({ containerStyle: e = "" }) => {
-  const [n, t] = z([]);
-  B(() => {
-    qe((o, u, g, c) => {
-      const f = Qe();
-      t((a) => [...a, { id: f, type: o, message: u, config: c }]), setTimeout(() => {
-        t((a) => a.filter((s) => s.id !== f));
-      }, g);
+}), vt = ({ containerStyle: e = "" }) => {
+  const [n, t] = I([]);
+  R(() => {
+    et((o, i, f, c) => {
+      const u = rt();
+      t((a) => [...a, { id: u, type: o, message: i, config: c }]), setTimeout(() => {
+        t((a) => a.filter((s) => s.id !== u));
+      }, f);
     });
   }, []);
-  const r = Xe();
+  const r = tt();
   return /* @__PURE__ */ d(
     "div",
     {
       className: `fixed top-5 right-5 z-9999 flex flex-col gap-2 ${e}`,
       children: n.map((o) => {
-        var a, s, l, i, y, p, b, $, C, O, x, v, h, w;
-        const u = ((a = o.config) == null ? void 0 : a.icon) || ((s = r.icons) == null ? void 0 : s[o.type]) || Ve(o.type), g = ((l = o.config) == null ? void 0 : l.bgColor) || ((y = (i = r.colors) == null ? void 0 : i[o.type]) == null ? void 0 : y.bg) || "bg-white dark:bg-gray-800", c = ((p = o.config) == null ? void 0 : p.textColor) || (($ = (b = r.colors) == null ? void 0 : b[o.type]) == null ? void 0 : $.text) || "text-gray-700 dark:text-gray-300", f = `w-8 h-8 mr-3 text-xl flex items-center justify-center ${(C = o.config) == null ? void 0 : C.iconContainerClass}`;
-        return /* @__PURE__ */ E(
+        var a, s, l, p, x, g, m, C, v, L, S, b, y, w;
+        const i = ((a = o.config) == null ? void 0 : a.icon) || ((s = r.icons) == null ? void 0 : s[o.type]) || ot(o.type), f = ((l = o.config) == null ? void 0 : l.bgColor) || ((x = (p = r.colors) == null ? void 0 : p[o.type]) == null ? void 0 : x.bg) || "bg-white dark:bg-gray-800", c = ((g = o.config) == null ? void 0 : g.textColor) || ((C = (m = r.colors) == null ? void 0 : m[o.type]) == null ? void 0 : C.text) || "text-gray-700 dark:text-gray-300", u = `w-8 h-8 mr-3 text-xl flex items-center justify-center ${(v = o.config) == null ? void 0 : v.iconContainerClass}`;
+        return /* @__PURE__ */ P(
           "div",
           {
-            className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${g} ${c} ${(O = o.config) == null ? void 0 : O.containerBody}`,
+            className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${f} ${c} ${(L = o.config) == null ? void 0 : L.containerBody}`,
             children: [
-              u && /* @__PURE__ */ d("div", { className: f, children: u }),
-              /* @__PURE__ */ E("div", { className: "flex-1", children: [
-                ((x = o.config) == null ? void 0 : x.title) && /* @__PURE__ */ d(
+              i && /* @__PURE__ */ d("div", { className: u, children: i }),
+              /* @__PURE__ */ P("div", { className: "flex-1", children: [
+                ((S = o.config) == null ? void 0 : S.title) && /* @__PURE__ */ d(
                   "div",
                   {
-                    className: `font-semibold text-black ${(v = o.config) == null ? void 0 : v.titleClass}`,
+                    className: `font-semibold text-black ${(b = o.config) == null ? void 0 : b.titleClass}`,
                     children: o.config.title
                   }
                 ),
-                ((h = o.config) == null ? void 0 : h.description) && /* @__PURE__ */ d(
+                ((y = o.config) == null ? void 0 : y.description) && /* @__PURE__ */ d(
                   "div",
                   {
                     className: `text-sm text-gray-500 ${(w = o.config) == null ? void 0 : w.subTitleClass}`,
@@ -1370,10 +1404,10 @@ const Qe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
               /* @__PURE__ */ d(
                 "button",
                 {
-                  onClick: () => t((N) => N.filter((k) => k.id !== o.id)),
+                  onClick: () => t((N) => N.filter(($) => $.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(Je, { size: 18 })
+                  children: /* @__PURE__ */ d(nt, { size: 18 })
                 }
               )
             ]
@@ -1384,7 +1418,7 @@ const Qe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
     }
   );
 };
-function Ve(e) {
+function ot(e) {
   switch (e) {
     case "success":
       return "✅";
@@ -1397,24 +1431,24 @@ function Ve(e) {
   }
 }
 export {
-  dt as Accordion,
-  at as Badge,
-  ct as BottomSheet,
-  it as BottomSheetProvider,
-  rt as Button,
-  He as Checkbox,
-  ot as Dropdown,
-  Ce as Input,
-  ut as Modal,
-  ft as ModalProvider,
-  Ee as Select,
-  mt as Toast,
-  lt as Toggler,
-  st as Tooltip,
-  gt as setToastDefaults,
-  bt as showToast,
-  Ge as useBottomSheet,
+  mt as Accordion,
+  ut as Badge,
+  gt as BottomSheet,
+  pt as BottomSheetProvider,
+  it as Button,
+  Ye as Checkbox,
+  ct as Dropdown,
+  $e as Input,
+  bt as Modal,
+  ht as ModalProvider,
+  Pe as Select,
+  vt as Toast,
+  ft as Toggler,
+  dt as Tooltip,
+  xt as setToastDefaults,
+  wt as showToast,
+  Qe as useBottomSheet,
   pe as useModalActions,
-  pt as useModalInstance,
-  be as useModalState
+  yt as useModalInstance,
+  me as useModalState
 };