tailwind-ux-kit 1.0.105 → 1.0.106

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 T, createContext as V, useContext as ee } from "react";
-import { createPortal as xe } from "react-dom";
+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";
 const ne = {
   xs: "text-xs px-2 py-1",
   sm: "text-sm px-3 py-1.5",
@@ -11,7 +11,7 @@ const ne = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
-}, ye = {
+}, xe = {
   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"
@@ -47,30 +47,30 @@ const ne = {
     iconPosition: s = "left",
     floatingLabelStyle: l,
     onChange: i,
-    isValid: x,
+    isValid: y,
     isInvalid: p,
     feedback: b,
-    iconClasses: C,
-    feedbackType: $ = "invalid",
-    labelClasses: L = "",
-    inputType: y = "",
-    inputPattern: w,
+    iconClasses: $,
+    feedbackType: C = "invalid",
+    labelClasses: O = "",
+    inputType: x = "",
+    inputPattern: v,
     ...h
-  } = e, [v, P] = z("default"), S = K.useCallback(
-    (B) => {
-      const A = B.target.value, Y = (g == null ? void 0 : g(A)) ?? "default";
-      P(Y), c == null || c(B, Y), i == null || i(B);
+  } = 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);
     },
     [g, c, i]
-  ), O = _(() => 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, N = re[u] || re.flat, D = _(
-    () => ve(v, x, p),
-    [v, x, p]
-  ), k = _(() => s === "start" || s === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [s]), M = _(() => a ? s === "start" || s === "left" ? "ps-10" : "pe-10" : "", [a, s]), R = (B) => {
+  ), 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) => {
     var Z;
-    const A = B.key;
-    !(B.ctrlKey || B.metaKey || A.length !== 1 || ["Backspace", "ArrowLeft", "ArrowRight", "Delete", "Tab"].includes(A)) && (() => {
+    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 (y) {
+      switch (x) {
         case "numeric":
         case "number":
         case "integer":
@@ -80,17 +80,17 @@ const ne = {
         case "alphabetic":
           return !X.test(A);
         case "custom":
-          return w ? !w.test(A) : !1;
+          return v ? !v.test(A) : !1;
         default:
           return !1;
       }
-    })() && B.preventDefault(), (Z = h.onKeyDown) == null || Z.call(h, B);
-  }, H = (B) => {
+    })() && M.preventDefault(), (Z = h.onKeyDown) == null || Z.call(h, M);
+  }, H = (M) => {
     var q;
-    const A = B.clipboardData.getData("Text");
+    const A = M.clipboardData.getData("Text");
     (() => {
       const Z = /^\d+$/, W = /^\d*\.?\d*$/, X = /^[a-zA-Z]+$/;
-      switch (y) {
+      switch (x) {
         case "numeric":
         case "number":
         case "integer":
@@ -100,11 +100,11 @@ const ne = {
         case "alphabetic":
           return !X.test(A);
         case "custom":
-          return w ? !w.test(A) : !1;
+          return v ? !v.test(A) : !1;
         default:
           return !1;
       }
-    })() && B.preventDefault(), (q = h.onPaste) == null || q.call(h, B);
+    })() && M.preventDefault(), (q = h.onPaste) == null || q.call(h, M);
   };
   return /* @__PURE__ */ E(
     "div",
@@ -114,8 +114,8 @@ const ne = {
         !j && t && /* @__PURE__ */ d(
           "label",
           {
-            htmlFor: O,
-            className: `block mb-1 text-sm ${x ? "text-green-700 dark:text-green-500" : p ? "text-red-700 dark:text-red-500" : "text-gray-700"} ${L}`,
+            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}`,
             children: t
           }
         ),
@@ -123,7 +123,7 @@ const ne = {
           a && /* @__PURE__ */ d(
             "div",
             {
-              className: `absolute inset-y-0 flex items-center ${k} ${C}`,
+              className: `absolute inset-y-0 flex items-center ${S} ${$}`,
               "aria-hidden": "true",
               children: a
             }
@@ -132,22 +132,22 @@ const ne = {
             "input",
             {
               ...h,
-              id: O,
+              id: P,
               ref: n,
               placeholder: j ? " " : h.placeholder,
-              onChange: S,
+              onChange: k,
               onKeyDown: R,
               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 && ye[l]}
-            ${M} ${N} ${D} ${f}`
+            ${j && l && xe[l]}
+            ${T} ${L} ${D} ${f}`
             }
           ),
           j && t && l && /* @__PURE__ */ d(
             "label",
             {
-              htmlFor: O,
+              htmlFor: P,
               className: `ms-1 ${we[l]} ${f}`,
               children: t
             }
@@ -156,8 +156,8 @@ const ne = {
         b && /* @__PURE__ */ d(
           "p",
           {
-            className: `mt-1 text-xs ${$ === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
-            role: $ === "invalid" ? "alert" : void 0,
+            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
           }
         )
@@ -183,7 +183,7 @@ const $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"
-}, Ee = (e, n, t) => {
+}, Le = (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,7 +199,7 @@ const $e = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, Le = ie((e, n) => {
+}, Ee = ie((e, n) => {
   const {
     label: t,
     id: r,
@@ -212,22 +212,22 @@ const $e = {
     iconPosition: s = "left",
     floatingLabelStyle: l,
     onChange: i,
-    isValid: x,
+    isValid: y,
     isInvalid: p,
     feedback: b,
-    feedbackType: C = "invalid",
-    children: $,
-    ...L
-  } = e, [y, w] = z("default"), h = he(), v = _(() => r || (typeof t == "string" ? `select-${t.toLowerCase().replace(/\s+/g, "-")}` : h), [r, t, h]), P = (k) => {
-    const M = k.target.value, R = (g == null ? void 0 : g(M)) ?? "default";
-    w(R), c == null || c(k, R), i == null || i(k);
-  }, S = !!l, O = $e[o], j = ke[u], m = Ee(y, x, p);
-  return /* @__PURE__ */ E("div", { className: `w-full relative ${S ? "z-0" : ""}`, children: [
-    !S && t && /* @__PURE__ */ d(
+    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(
       "label",
       {
-        htmlFor: v,
-        className: `block mb-1 text-sm ${x ? "text-green-700" : p ? "text-red-700" : "text-gray-700"}`,
+        htmlFor: w,
+        className: `block mb-1 text-sm ${y ? "text-green-700" : p ? "text-red-700" : "text-gray-700"}`,
         children: t
       }
     ),
@@ -242,21 +242,21 @@ const $e = {
       /* @__PURE__ */ d(
         "select",
         {
-          ...L,
-          id: v,
+          ...O,
+          id: w,
           ref: n,
-          onChange: P,
+          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
-            ${O} ${a && (s === "start" || s === "left") ? "ps-10" : a ? "pe-10" : ""}
-            ${S && l && Se[l]}
+            ${P} ${a && (s === "start" || s === "left") ? "ps-10" : a ? "pe-10" : ""}
+            ${k && l && Se[l]}
             ${j} ${m} ${f}`,
-          children: $
+          children: C
         }
       ),
-      S && t && l && /* @__PURE__ */ d(
+      k && t && l && /* @__PURE__ */ d(
         "label",
         {
-          htmlFor: v,
+          htmlFor: w,
           className: `ms-1 ${Ne[l]} ${f}`,
           children: t
         }
@@ -265,13 +265,13 @@ const $e = {
     b && /* @__PURE__ */ d(
       "p",
       {
-        className: `mt-1 text-xs ${C === "invalid" ? "text-red-600" : "text-green-600"}`,
+        className: `mt-1 text-xs ${$ === "invalid" ? "text-red-600" : "text-green-600"}`,
         children: b
       }
     )
   ] });
 });
-Le.displayName = "Select";
+Ee.displayName = "Select";
 const Pe = {
   primary: "btn-primary",
   secondary: "btn-secondary",
@@ -419,13 +419,13 @@ function U(e) {
   return e;
 }
 function ze(e, n, t) {
-  return n = Be(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
+  return n = Me(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
 }
-function Be(e) {
-  var n = Me(e, "string");
+function Me(e) {
+  var n = Be(e, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function Me(e, n) {
+function Be(e, n) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -521,10 +521,10 @@ const _e = {
     children: s,
     checked: l,
     ...i
-  }, x) => {
-    const p = (O) => {
-      !u && o && o(O.target.checked), i.onChange && i.onChange(O);
-    }, b = "mr-2 border flex items-center justify-center transition-all", C = _e[n], $ = Fe[t], L = Ke[r] ?? "", y = r.startsWith("outline"), w = r.startsWith("soft"), P = `${b} ${C} ${$} ${L} ${l && (y || w || r === "link") ? "peer-checked:bg-current peer-checked:text-white" : l ? "peer-checked:bg-current" : ""}`, S = {
+  }, 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 = {
       xs: "w-2 h-2",
       sm: "w-2.5 h-2.5",
       md: "w-3 h-3",
@@ -545,11 +545,11 @@ const _e = {
               disabled: u,
               id: c,
               value: f,
-              ref: x,
+              ref: y,
               ...i
             }
           ),
-          /* @__PURE__ */ d("span", { className: P.trim(), children: (l || i.defaultChecked) && (a ?? /* @__PURE__ */ d(Re, { className: `${S[n]}` })) }),
+          /* @__PURE__ */ d("span", { className: N.trim(), children: (l || i.defaultChecked) && (a ?? /* @__PURE__ */ d(Re, { className: `${k[n]}` })) }),
           e || s ? /* @__PURE__ */ d("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? s }) : null
         ]
       }
@@ -571,68 +571,68 @@ const ot = ({
   transition: s = !0,
   ariaLabel: l = "Dropdown menu",
   forceCloseDropdown: i,
-  ...x
+  ...y
 }) => {
-  const [p, b] = z(!1), [C, $] = z(!1), L = F(null), y = F(null), w = _(() => ({
+  const [p, b] = z(!1), [$, C] = z(!1), O = F(null), x = F(null), v = _(() => ({
     left: "left-0",
     center: "left-1/2 transform -translate-x-1/2",
     right: "right-0"
   })[u], [u]), h = I(() => {
-    const m = y.current, N = L.current;
-    if (!m || !N) return;
-    const { top: D, bottom: k } = m.getBoundingClientRect(), M = N.offsetHeight, R = window.innerHeight - k, H = D;
-    $(R < M && H > M);
-  }, []), v = I((m) => {
-    var N, D;
-    !((N = L.current) != null && N.contains(m.target)) && !((D = y.current) != null && D.contains(m.target)) && b(!1);
-  }, []), P = I(() => b((m) => !m), []), S = I(() => b(!1), []);
-  T(() => {
+    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);
       };
   }, [p, h]);
-  const O = F(p);
-  T(() => {
-    O.current = p;
-  }, [p]), T(() => {
-    const m = (N) => {
+  const P = F(p);
+  B(() => {
+    P.current = p;
+  }, [p]), B(() => {
+    const m = (L) => {
       var D;
-      N.key === "Escape" && O.current && (b(!1), (D = y.current) == null || D.focus());
+      L.key === "Escape" && P.current && (b(!1), (D = x.current) == null || D.focus());
     };
     return document.addEventListener("keydown", m), () => {
       document.removeEventListener("keydown", m);
     };
-  }, []), T(() => (document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v)), [v]);
+  }, []), B(() => (document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w)), [w]);
   const j = _(
     () => [
       "absolute z-50 bg-white rounded shadow-lg overflow-hidden w-auto",
-      C ? "bottom-full mb-2" : "top-full mt-2",
-      w,
+      $ ? "bottom-full mb-2" : "top-full mt-2",
+      v,
       f,
       s && "transition-all duration-200 ease-out",
       c
     ].filter(Boolean).join(" "),
-    [C, w, f, s, c]
+    [$, v, f, s, c]
   );
-  return /* @__PURE__ */ E("div", { className: `relative inline-block ${g}`, ...x, children: [
+  return /* @__PURE__ */ E("div", { className: `relative inline-block ${g}`, ...y, children: [
     /* @__PURE__ */ d(
       "button",
       {
         type: "button",
-        ref: y,
-        onClick: P,
+        ref: x,
+        onClick: N,
         "aria-expanded": p,
         "aria-label": l,
         className: "focus:outline-none",
         children: e
       }
     ),
-    p && /* @__PURE__ */ E("div", { ref: L, role: "menu", className: j, children: [
+    p && /* @__PURE__ */ E("div", { ref: O, role: "menu", className: j, children: [
       n && n,
-      t.map((m, N) => {
+      t.map((m, L) => {
         const D = () => {
-          r && r(m), a && S();
+          r && r(m), a && k();
         };
         return /* @__PURE__ */ d("div", { children: o ? o(m, D) : /* @__PURE__ */ d(
           "div",
@@ -642,7 +642,7 @@ const ot = ({
             role: "menuitem",
             children: m.label
           }
-        ) }, N);
+        ) }, L);
       })
     ] })
   ] });
@@ -655,7 +655,7 @@ const ot = ({
   tooltipStyle: u = {}
 }) => {
   const g = F(null), c = F(null);
-  T(() => {
+  B(() => {
     const a = g.current, s = c.current;
     if (!a || !s) return;
     const l = () => {
@@ -828,22 +828,22 @@ function lt({
   name: l,
   renderOption: i
 }) {
-  const x = ae[u] || ae.rounded, p = le[c] || le.md, b = F(null), [C, $] = z({});
-  T(() => {
+  const y = ae[u] || ae.rounded, p = le[c] || le.md, b = F(null), [$, C] = z({});
+  B(() => {
     if (!b.current) return;
-    const y = e.findIndex((v) => v.value === n);
-    if (y === -1) return;
-    const h = b.current.querySelectorAll("button")[y];
+    const x = e.findIndex((w) => w.value === n);
+    if (x === -1) return;
+    const h = b.current.querySelectorAll("button")[x];
     if (h) {
-      const { offsetLeft: v, offsetWidth: P, offsetHeight: S } = h;
-      $({
-        transform: `translateX(${v}px)`,
-        width: P,
-        height: S
+      const { offsetLeft: w, offsetWidth: N, offsetHeight: k } = h;
+      C({
+        transform: `translateX(${w}px)`,
+        width: N,
+        height: k
       });
     }
   }, [n, e, c]);
-  const L = `toggler-${g}`;
+  const O = `toggler-${g}`;
   return /* @__PURE__ */ E(
     "div",
     {
@@ -863,43 +863,43 @@ function lt({
             ref: b,
             role: "radiogroup",
             "aria-disabled": o,
-            className: `relative inline-flex overflow-hidden border border-gray-300 bg-gray-100 ${x} ${o ? "opacity-50 cursor-not-allowed" : ""} ${a.group ?? ""}`,
+            className: `relative inline-flex overflow-hidden border border-gray-300 bg-gray-100 ${y} ${o ? "opacity-50 cursor-not-allowed" : ""} ${a.group ?? ""}`,
             children: [
               /* @__PURE__ */ d(
                 "div",
                 {
-                  className: `absolute top-0 left-0 transition-transform duration-300 ease-in-out ${x} ${L}`,
+                  className: `absolute top-0 left-0 transition-transform duration-300 ease-in-out ${y} ${O}`,
                   style: {
-                    ...C,
+                    ...$,
                     zIndex: 0
                   },
                   "aria-hidden": "true"
                 }
               ),
-              e.map((y) => {
-                const w = n === y.value, h = o || y.disabled;
+              e.map((x) => {
+                const v = n === x.value, h = o || x.disabled;
                 return /* @__PURE__ */ d(
                   "button",
                   {
                     role: "radio",
                     name: l,
-                    "aria-checked": w,
+                    "aria-checked": v,
                     disabled: h,
-                    onClick: () => !h && t(y.value),
-                    onKeyDown: (v) => {
-                      (v.key === "Enter" || v.key === " ") && !h && (v.preventDefault(), t(y.value));
+                    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}
-                ${w ? `text-white toggler-text-${g}` : "text-gray-700 hover:bg-gray-200"}
+                ${v ? `text-white toggler-text-${g}` : "text-gray-700 hover:bg-gray-200"}
                 ${a.option ?? ""}
-                ${w ? a.selectedOption ?? "" : ""}
+                ${v ? a.selectedOption ?? "" : ""}
               `,
-                    children: i ? i(y, w) : y.label
+                    children: i ? i(x, v) : x.label
                   },
-                  String(y.value)
+                  String(x.value)
                 );
               })
             ]
@@ -949,70 +949,70 @@ function ct({
   lockScroll: c = !0,
   zIndex: f = 1e3
 }) {
-  const { activeSheets: a, closeBottomSheet: s } = Ge(), l = a.includes(e), i = !!r, [x, p] = z(!1), [b, C] = z(100), [$, L] = z(!1), y = F(0), w = F(0), h = F(null), v = typeof window < "u" ? window.innerHeight : 0, P = r ? (1 - r.full) * 100 : 0, S = r ? (1 - r.half) * 100 : 0, O = I(
-    (k) => {
+  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 (k) {
+        switch (S) {
           case "full":
-            C(P);
+            $(N);
             break;
           case "half":
-            C(S);
+            $(k);
             break;
           default:
-            C(100);
+            $(100);
         }
     },
-    [P, S, i]
+    [N, k, i]
   );
-  T(() => {
+  B(() => {
     p(!0);
-  }, []), T(() => {
+  }, []), B(() => {
     if (!l) {
-      C(100);
+      $(100);
       return;
     }
-    i ? O(t) : C(0);
-  }, [l, t, O, i]), T(() => {
+    i ? P(t) : $(0);
+  }, [l, t, P, i]), B(() => {
     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]), T(() => {
+  }, [l, c]), B(() => {
     if (!l) return;
-    const k = (M) => {
-      M.key === "Escape" && s(e);
+    const S = (T) => {
+      T.key === "Escape" && s(e);
     };
-    return window.addEventListener("keydown", k), () => {
-      window.removeEventListener("keydown", k);
+    return window.addEventListener("keydown", S), () => {
+      window.removeEventListener("keydown", S);
     };
   }, [s, e, l]);
-  const j = (k) => {
-    var M, R;
-    i && (L(!0), y.current = k.clientY, w.current = b, (R = (M = k.target).setPointerCapture) == null || R.call(M, k.pointerId));
-  }, m = (k) => {
-    if (!$ || !i) return;
-    const R = (k.clientY - y.current) / v * 100, H = w.current + R;
-    C(Math.min(Math.max(H, P), 100));
-  }, N = () => {
+  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 (L(!1), b > 75) {
+    if (O(!1), b > 75) {
       s(e);
       return;
     }
-    const k = (S + P) / 2;
-    b <= k ? O("full") : O("half");
+    const S = (k + N) / 2;
+    b <= S ? P("full") : P("half");
   };
-  if (!x) return null;
+  if (!y) return null;
   const D = {
     transform: `translate3d(0, ${b}%, 0)`,
-    transition: $ ? "none" : "transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",
+    transition: C ? "none" : "transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",
     willChange: "transform",
     zIndex: f,
     // height: hasSnapPoints ? "92dvh" : `${contentHeight}px`,
     maxHeight: "100dvh"
   };
-  return xe(
+  return ye(
     /* @__PURE__ */ E(me, { children: [
       /* @__PURE__ */ d(
         "button",
@@ -1050,7 +1050,7 @@ function ct({
               {
                 onPointerDown: j,
                 onPointerMove: m,
-                onPointerUp: N,
+                onPointerUp: L,
                 className: `
             flex justify-center py-2.5
             ${i ? "cursor-grab active:cursor-grabbing" : ""}
@@ -1082,7 +1082,7 @@ const dt = ({
   showArrowIcon: f = !0,
   panelClasses: a = ""
 }) => {
-  const [s, l] = z(/* @__PURE__ */ new Set()), i = _(() => o ? new Set(o) : s, [o, s]), x = I(
+  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);
@@ -1096,7 +1096,7 @@ const dt = ({
       role: "region",
       "aria-multiselectable": n,
       children: e.map((p) => {
-        const b = i.has(p.id), C = `accordion-heading-${p.id}`, $ = `accordion-panel-${p.id}`;
+        const b = i.has(p.id), $ = `accordion-heading-${p.id}`, C = `accordion-panel-${p.id}`;
         return /* @__PURE__ */ E(
           "div",
           {
@@ -1105,11 +1105,11 @@ const dt = ({
               /* @__PURE__ */ E(
                 "button",
                 {
-                  id: C,
+                  id: $,
                   type: "button",
                   "aria-expanded": b,
-                  "aria-controls": $,
-                  onClick: () => x(p.id),
+                  "aria-controls": C,
+                  onClick: () => y(p.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,
@@ -1120,9 +1120,9 @@ const dt = ({
               /* @__PURE__ */ d(
                 "div",
                 {
-                  id: $,
+                  id: C,
                   role: "region",
-                  "aria-labelledby": C,
+                  "aria-labelledby": $,
                   hidden: !b,
                   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
@@ -1157,70 +1157,120 @@ function ut({
   disableEscapeClose: s = !1,
   closeBtnStyle: l
 }) {
-  const i = be(), x = pe(), p = !o && !!i && !!x, [b, C] = z(!1), $ = p ? i.isOpen(e) : b, L = p ? i.getModalData(e) : null, y = n === "bottom-sheet", w = I(() => {
-    p ? x.closeModal(e) : C(!1), a == null || a();
-  }, [p, x, e, a]), h = F(null);
-  return T(() => {
-    $ && (h.current = document.activeElement);
-    const v = document.getElementById(e), P = [
+  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 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();
+    };
+    return document.addEventListener("touchmove", k, {
+      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);
+    };
+  }, [C]), B(() => {
+    C && (h.current = document.activeElement);
+    const w = document.getElementById(e), N = [
       "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(",")
+    ], k = () => {
+      if (!w) return [];
+      const m = w.querySelectorAll(
+        N.join(",")
       );
-      return Array.from(m).filter((N) => N.offsetParent !== null);
-    }, O = (m) => {
-      if (m.key === "Tab") {
-        const N = S();
-        if (N.length === 0) return;
-        const D = N[0], k = N[N.length - 1];
-        m.shiftKey ? document.activeElement === D && (m.preventDefault(), k.focus()) : document.activeElement === k && (m.preventDefault(), D.focus());
-      }
+      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 && w(), O(m);
+      m.key === "Escape" && !s && v(), P(m);
     };
-    return $ && (document.body.style.overflow = "hidden", setTimeout(() => {
-      const m = S();
+    return C && (window.addEventListener("keydown", j), setTimeout(() => {
+      const m = k();
       m.length && m[0].focus();
-    }, 0), window.addEventListener("keydown", j)), () => {
+    }, 0)), () => {
       var m;
-      document.body.style.overflow = "", (m = h.current) == null || m.focus(), window.removeEventListener("keydown", j);
+      window.removeEventListener("keydown", j), (m = h.current) == null || m.focus();
     };
-  }, [$, s, w, e]), $ ? /* @__PURE__ */ d(
+  }, [C, v, s, e]), C ? /* @__PURE__ */ d(
     "div",
     {
       id: e,
-      className: `fixed inset-0 z-50 bg-black/60 backdrop-blur-[2px] ${y ? "flex items-end justify-center" : "flex items-center justify-center"}`,
+      className: `
+        fixed inset-0 z-50
+        bg-black/60 backdrop-blur-[2px]
+        flex
+        ${x ? "items-end justify-center" : "items-center justify-center"}
+      `,
       children: /* @__PURE__ */ E(
         "div",
         {
-          className: `bg-white shadow-lg transform transition-all duration-300 ${y ? "w-full rounded-t-3xl max-h-[92dvh] overflow-y-auto animate-slide-up p-4" : "w-full max-w-md rounded-lg scale-100 p-4"} ${g}`,
+          className: `
+          bg-white shadow-lg
+          transform transition-all duration-300
+
+          ${x ? `
+                w-full
+                rounded-t-3xl
+                max-h-[92dvh]
+                overflow-y-auto
+                animate-slide-up
+                p-4
+              ` : `
+                w-full max-w-md
+                rounded-lg
+                p-4
+              `}
+
+          ${g}
+        `,
           children: [
             /* @__PURE__ */ E(
               "div",
               {
-                className: `flex justify-between items-center relative ${c}`,
+                className: `
+            flex justify-between
+            items-center relative
+            ${c}
+          `,
                 children: [
                   t && /* @__PURE__ */ d("h2", { className: "text-lg font-semibold", children: t }),
                   u && /* @__PURE__ */ d(
                     "button",
                     {
-                      onClick: w,
+                      onClick: v,
                       "aria-label": "Close modal",
-                      className: `text-gray-500 hover:text-black absolute top-0 right-3 hover:bg-gray-200 rounded-full aspect-square w-8 ${l}`,
+                      className: `
+                text-gray-500 hover:text-black
+                absolute top-0 right-3
+                hover:bg-gray-200
+                rounded-full
+                w-8 aspect-square
+
+                ${l}
+              `,
                       children: "✕"
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ d("div", { className: f, children: typeof r == "function" ? r({ modalData: L }) : r })
+            /* @__PURE__ */ d("div", { className: f, children: typeof r == "function" ? r({ modalData: O }) : r })
           ]
         }
       )
@@ -1231,11 +1281,11 @@ function ft({
   children: e
 }) {
   const [n, t] = z({}), [r, o] = z({}), u = I((l, i) => {
-    t((x) => ({ ...x, [l]: !0 })), i && o((x) => ({ ...x, [l]: i }));
+    t((y) => ({ ...y, [l]: !0 })), i && o((y) => ({ ...y, [l]: i }));
   }, []), g = I((l) => {
     t((i) => ({ ...i, [l]: !1 })), o((i) => {
-      const x = { ...i };
-      return delete x[l], x;
+      const y = { ...i };
+      return delete y[l], y;
     });
   }, []), c = I((l) => !!n[l], [n]), f = I(
     (l) => r[l],
@@ -1279,7 +1329,7 @@ const Qe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
   return (e === "x" ? n : n & 3 | 8).toString(16);
 }), mt = ({ containerStyle: e = "" }) => {
   const [n, t] = z([]);
-  T(() => {
+  B(() => {
     qe((o, u, g, c) => {
       const f = Qe();
       t((a) => [...a, { id: f, type: o, message: u, config: c }]), setTimeout(() => {
@@ -1293,26 +1343,26 @@ const Qe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
     {
       className: `fixed top-5 right-5 z-9999 flex flex-col gap-2 ${e}`,
       children: n.map((o) => {
-        var a, s, l, i, x, p, b, C, $, L, y, w, h, v;
-        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) || ((x = (i = r.colors) == null ? void 0 : i[o.type]) == null ? void 0 : x.bg) || "bg-white dark:bg-gray-800", c = ((p = o.config) == null ? void 0 : p.textColor) || ((C = (b = r.colors) == null ? void 0 : b[o.type]) == null ? void 0 : C.text) || "text-gray-700 dark:text-gray-300", f = `w-8 h-8 mr-3 text-xl flex items-center justify-center ${($ = o.config) == null ? void 0 : $.iconContainerClass}`;
+        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(
           "div",
           {
-            className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${g} ${c} ${(L = o.config) == null ? void 0 : L.containerBody}`,
+            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}`,
             children: [
               u && /* @__PURE__ */ d("div", { className: f, children: u }),
               /* @__PURE__ */ E("div", { className: "flex-1", children: [
-                ((y = o.config) == null ? void 0 : y.title) && /* @__PURE__ */ d(
+                ((x = o.config) == null ? void 0 : x.title) && /* @__PURE__ */ d(
                   "div",
                   {
-                    className: `font-semibold text-black ${(w = o.config) == null ? void 0 : w.titleClass}`,
+                    className: `font-semibold text-black ${(v = o.config) == null ? void 0 : v.titleClass}`,
                     children: o.config.title
                   }
                 ),
                 ((h = o.config) == null ? void 0 : h.description) && /* @__PURE__ */ d(
                   "div",
                   {
-                    className: `text-sm text-gray-500 ${(v = o.config) == null ? void 0 : v.subTitleClass}`,
+                    className: `text-sm text-gray-500 ${(w = o.config) == null ? void 0 : w.subTitleClass}`,
                     children: o.config.description
                   }
                 )
@@ -1320,7 +1370,7 @@ const Qe = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, functio
               /* @__PURE__ */ d(
                 "button",
                 {
-                  onClick: () => t((P) => P.filter((S) => S.id !== o.id)),
+                  onClick: () => t((N) => N.filter((k) => k.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 })
@@ -1357,7 +1407,7 @@ export {
   Ce as Input,
   ut as Modal,
   ft as ModalProvider,
-  Le as Select,
+  Ee as Select,
   mt as Toast,
   lt as Toggler,
   st as Tooltip,

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

@@ -1,18 +1,18 @@
-(function(m,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],n):(m=typeof globalThis<"u"?globalThis:m||self,n(m.TailwindUiKit={},m.jsxRuntime,m.React,m.ReactDOM))})(this,(function(m,n,l,fe){"use strict";"use client";var Q=document.createElement("style");Q.textContent=`@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.btn-primary{background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media(hover:hover){.btn-primary:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.btn-outline-primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.btn-outline-primary:hover{background-color:var(--color-blue-50,oklch(97% .014 254.604))}}.btn-soft-primary{background-color:var(--color-blue-100,oklch(93.2% .032 255.585));color:var(--color-blue-700,oklch(48.8% .243 264.376))}@media(hover:hover){.btn-soft-primary:hover{background-color:var(--color-blue-200,oklch(88.2% .059 254.128))}}.btn-secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-white,#fff)}@media(hover:hover){.btn-secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.btn-outline-secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.btn-outline-secondary:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.btn-soft-secondary{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.btn-soft-secondary:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.btn-success{background-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-white,#fff)}@media(hover:hover){.btn-success:hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.btn-outline-success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.btn-outline-success:hover{background-color:var(--color-green-50,oklch(98.2% .018 155.826))}}.btn-soft-success{background-color:var(--color-green-100,oklch(96.2% .044 156.743));color:var(--color-green-700,oklch(52.7% .154 150.069))}@media(hover:hover){.btn-soft-success:hover{background-color:var(--color-green-200,oklch(92.5% .084 155.995))}}.btn-danger{background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media(hover:hover){.btn-danger:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.btn-outline-danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.btn-outline-danger:hover{background-color:var(--color-red-50,oklch(97.1% .013 17.38))}}.btn-soft-danger{background-color:var(--color-red-100,oklch(93.6% .032 17.717));color:var(--color-red-700,oklch(50.5% .213 27.518))}@media(hover:hover){.btn-soft-danger:hover{background-color:var(--color-red-200,oklch(88.5% .062 18.334))}}.btn-warning{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047));color:var(--color-white,#fff)}@media(hover:hover){.btn-warning:hover{background-color:var(--color-yellow-600,oklch(68.1% .162 75.834))}}.btn-outline-warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-500,oklch(79.5% .184 86.047));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media(hover:hover){.btn-outline-warning:hover{background-color:var(--color-yellow-50,oklch(98.7% .026 102.212))}}.btn-soft-warning{background-color:var(--color-yellow-100,oklch(97.3% .071 103.193));color:var(--color-yellow-700,oklch(55.4% .135 66.442))}@media(hover:hover){.btn-soft-warning:hover{background-color:var(--color-yellow-200,oklch(94.5% .129 101.54))}}.btn-info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-white,#fff)}@media(hover:hover){.btn-info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.btn-outline-info{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media(hover:hover){.btn-outline-info:hover{background-color:var(--color-cyan-50,oklch(98.4% .019 200.873))}}.btn-soft-info{background-color:var(--color-cyan-100,oklch(95.6% .045 203.388));color:var(--color-cyan-700,oklch(52% .105 223.128))}@media(hover:hover){.btn-soft-info:hover{background-color:var(--color-cyan-200,oklch(91.7% .08 205.041))}}.btn-dark{background-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-white,#fff)}@media(hover:hover){.btn-dark:hover{background-color:var(--color-black,#000)}}.btn-outline-dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-gray-900,oklch(21% .034 264.665))}@media(hover:hover){.btn-outline-dark:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.btn-soft-dark{background-color:var(--color-gray-200,oklch(92.8% .006 264.531));color:var(--color-gray-900,oklch(21% .034 264.665))}@media(hover:hover){.btn-soft-dark:hover{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.btn-light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media(hover:hover){.btn-light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.btn-outline-light{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.btn-outline-light:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.btn-soft-light{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.btn-soft-light:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.btn-link{padding:calc(var(--spacing,.25rem)*0);color:var(--color-blue-600,oklch(54.6% .245 262.881));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}@media(hover:hover){.btn-link:hover{text-decoration-line:underline}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-white,#fff)}.primary:is(:where(.peer):checked~*){border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media(hover:hover){.primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}.primary:is(:where(.peer):checked~*):hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.outline-primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-white,#fff)}.outline-primary:is(:where(.peer):checked~*){color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.outline-primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}}.soft-primary{border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-blue-200,oklch(88.2% .059 254.128));color:var(--color-blue-600,oklch(54.6% .245 262.881))}.soft-primary:is(:where(.peer):checked~*){border-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.soft-primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}}.secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-white,#fff)}@media(hover:hover){.secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.outline-secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.outline-secondary:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.soft-secondary{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.soft-secondary:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-white,#fff)}.success:is(:where(.peer):checked~*){border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-white,#fff)}@media(hover:hover){.success:hover{background-color:var(--color-green-300,oklch(87.1% .15 154.449))}.success:is(:where(.peer):checked~*):hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.outline-success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-white,#fff)}.outline-success:is(:where(.peer):checked~*){color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.outline-success:hover{background-color:var(--color-green-300,oklch(87.1% .15 154.449))}}.soft-success{border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-green-200,oklch(92.5% .084 155.995));color:var(--color-green-600,oklch(62.7% .194 149.214))}.soft-success:is(:where(.peer):checked~*){border-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.soft-success:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-white,#fff)}.danger:is(:where(.peer):checked~*){border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media(hover:hover){.danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}.danger:is(:where(.peer):checked~*):hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.outline-danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-white,#fff)}.outline-danger:is(:where(.peer):checked~*){color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.outline-danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.soft-danger{border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-red-200,oklch(88.5% .062 18.334));color:var(--color-red-600,oklch(57.7% .245 27.325))}.soft-danger:is(:where(.peer):checked~*){border-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.soft-danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-white,#fff)}.warning:is(:where(.peer):checked~*){border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-yellow-600,oklch(68.1% .162 75.834));color:var(--color-white,#fff)}@media(hover:hover){.warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}.warning:is(:where(.peer):checked~*):hover{background-color:var(--color-yellow-700,oklch(55.4% .135 66.442))}}.outline-warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-white,#fff)}.outline-warning:is(:where(.peer):checked~*){color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media(hover:hover){.outline-warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}}.soft-warning{border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-yellow-200,oklch(94.5% .129 101.54));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}.soft-warning:is(:where(.peer):checked~*){border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media(hover:hover){.soft-warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}}.info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-white,#fff)}@media(hover:hover){.info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.outline-info{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media(hover:hover){.outline-info:hover{background-color:var(--color-cyan-50,oklch(98.4% .019 200.873))}}.soft-info{background-color:var(--color-cyan-100,oklch(95.6% .045 203.388));color:var(--color-cyan-700,oklch(52% .105 223.128))}@media(hover:hover){.soft-info:hover{background-color:var(--color-cyan-200,oklch(91.7% .08 205.041))}}.dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-white,#fff)}.dark:is(:where(.peer):checked~*){border-color:var(--color-black,#000);background-color:var(--color-black,#000);color:var(--color-white,#fff)}@media(hover:hover){.dark:hover{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.dark:hover{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}}.outline-dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-900,oklch(21% .034 264.665));background-color:var(--color-white,#fff)}.outline-dark:is(:where(.peer):checked~*){color:var(--color-black,#000)}@media(hover:hover){.outline-dark:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.soft-dark{border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-500,oklch(55.1% .027 264.364));color:var(--color-black,#000)}.soft-dark:is(:where(.peer):checked~*){border-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-black,#000)}@media(hover:hover){.soft-dark:hover{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media(hover:hover){.light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.outline-light{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.outline-light:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.soft-light{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.soft-light:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.link{padding:calc(var(--spacing,.25rem)*0);color:var(--color-blue-600,oklch(54.6% .245 262.881));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}@media(hover:hover){.link:hover{text-decoration-line:underline}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.toggler-primary{background-color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.toggler-primary:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.toggler-secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.toggler-secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.toggler-success{background-color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.toggler-success:hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.toggler-danger{background-color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.toggler-danger:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.toggler-warning{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047))}@media(hover:hover){.toggler-warning:hover{background-color:var(--color-yellow-600,oklch(68.1% .162 75.834))}}.toggler-info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media(hover:hover){.toggler-info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.toggler-dark{background-color:var(--color-gray-900,oklch(21% .034 264.665))}@media(hover:hover){.toggler-dark:hover{background-color:var(--color-black,#000)}}.toggler-light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}@media(hover:hover){.toggler-light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:slideUp .25s cubic-bezier(.22,1,.36,1)}
-/*$vite$:1*/`,document.head.appendChild(Q);const V={xs:"text-xs px-2 py-1",sm:"text-sm px-3 py-1.5",md:"text-sm px-3 py-3",lg:"text-lg px-5 py-3"},R={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full"},ge={filled:"rounded-t-lg px-2.5 pb-2.5 pt-5 bg-gray-50 border-b-2",outlined:"rounded-lg px-2.5 pb-2.5 pt-4 bg-transparent border",standard:"px-0 py-2.5 bg-transparent border-0 border-b-2"},be={filled:"absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",outlined:"absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",standard:"absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"},ve=(e,r,o)=>{if(o)return"border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";if(r)return"border-green-500 bg-green-50 text-green-900 placeholder-green-700 focus:ring-green-500 focus:border-green-500";switch(e){case"error":return"border-red-500 bg-red-50 focus:ring-red-500";case"warning":return"border-yellow-500 bg-yellow-50 focus:ring-yellow-500";case"success":return"border-green-500 bg-green-50 focus:ring-green-500";default:return"border-gray-300 focus:ring-blue-500"}},ee=l.forwardRef((e,r)=>{const{label:o,id:t,inputSize:a="md",shape:h="rounded",validate:b,onValidatedChange:u,className:f="",icon:s,iconPosition:c="left",floatingLabelStyle:i,onChange:d,isValid:w,isInvalid:g,feedback:v,iconClasses:S,feedbackType:$="invalid",labelClasses:M="",inputType:k="",inputPattern:x,...y}=e,[C,O]=l.useState("default"),L=l.useCallback(A=>{const T=A.target.value,K=(b==null?void 0:b(T))??"default";O(K),u==null||u(A,K),d==null||d(A)},[b,u,d]),D=l.useMemo(()=>t||(typeof o=="string"?`input-${o.toLowerCase().replace(/\s+/g,"-")}`:`input-${Math.random().toString(36).slice(2)}`),[t,o]),j=!!i,p=V[a]||V.md,E=R[h]||R.flat,P=l.useMemo(()=>ve(C,w,g),[C,w,g]),N=l.useMemo(()=>c==="start"||c==="left"?"left-0 ps-3.5":"right-0 pe-3.5",[c]),I=l.useMemo(()=>s?c==="start"||c==="left"?"ps-10":"pe-10":"",[s,c]),B=A=>{var H;const T=A.key;!(A.ctrlKey||A.metaKey||T.length!==1||["Backspace","ArrowLeft","ArrowRight","Delete","Tab"].includes(T))&&(()=>{const Y=/^\d$/,J=/^[a-zA-Z]$/;switch(k){case"numeric":case"number":case"integer":return!Y.test(T);case"decimal":return!Y.test(T)&&T!=="."&&T!=="Backspace"&&T!=="Tab";case"alphabetic":return!J.test(T);case"custom":return x?!x.test(T):!1;default:return!1}})()&&A.preventDefault(),(H=y.onKeyDown)==null||H.call(y,A)},z=A=>{var X;const T=A.clipboardData.getData("Text");(()=>{const H=/^\d+$/,Y=/^\d*\.?\d*$/,J=/^[a-zA-Z]+$/;switch(k){case"numeric":case"number":case"integer":return!H.test(T);case"decimal":return!Y.test(T);case"alphabetic":return!J.test(T);case"custom":return x?!x.test(T):!1;default:return!1}})()&&A.preventDefault(),(X=y.onPaste)==null||X.call(y,A)};return n.jsxs("div",{className:`w-full relative ${j?"z-0":""} tailwind-ux-input`,children:[!j&&o&&n.jsx("label",{htmlFor:D,className:`block mb-1 text-sm ${w?"text-green-700 dark:text-green-500":g?"text-red-700 dark:text-red-500":"text-gray-700"} ${M}`,children:o}),n.jsxs("div",{className:"relative w-full",children:[s&&n.jsx("div",{className:`absolute inset-y-0 flex items-center ${N} ${S}`,"aria-hidden":"true",children:s}),n.jsx("input",{...y,id:D,ref:r,placeholder:j?" ":y.placeholder,onChange:L,onKeyDown:B,onPaste:z,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
+(function(x,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],n):(x=typeof globalThis<"u"?globalThis:x||self,n(x.TailwindUiKit={},x.jsxRuntime,x.React,x.ReactDOM))})(this,(function(x,n,l,fe){"use strict";"use client";var Q=document.createElement("style");Q.textContent=`@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.btn-primary{background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media(hover:hover){.btn-primary:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.btn-outline-primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.btn-outline-primary:hover{background-color:var(--color-blue-50,oklch(97% .014 254.604))}}.btn-soft-primary{background-color:var(--color-blue-100,oklch(93.2% .032 255.585));color:var(--color-blue-700,oklch(48.8% .243 264.376))}@media(hover:hover){.btn-soft-primary:hover{background-color:var(--color-blue-200,oklch(88.2% .059 254.128))}}.btn-secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-white,#fff)}@media(hover:hover){.btn-secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.btn-outline-secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.btn-outline-secondary:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.btn-soft-secondary{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.btn-soft-secondary:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.btn-success{background-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-white,#fff)}@media(hover:hover){.btn-success:hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.btn-outline-success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.btn-outline-success:hover{background-color:var(--color-green-50,oklch(98.2% .018 155.826))}}.btn-soft-success{background-color:var(--color-green-100,oklch(96.2% .044 156.743));color:var(--color-green-700,oklch(52.7% .154 150.069))}@media(hover:hover){.btn-soft-success:hover{background-color:var(--color-green-200,oklch(92.5% .084 155.995))}}.btn-danger{background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media(hover:hover){.btn-danger:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.btn-outline-danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.btn-outline-danger:hover{background-color:var(--color-red-50,oklch(97.1% .013 17.38))}}.btn-soft-danger{background-color:var(--color-red-100,oklch(93.6% .032 17.717));color:var(--color-red-700,oklch(50.5% .213 27.518))}@media(hover:hover){.btn-soft-danger:hover{background-color:var(--color-red-200,oklch(88.5% .062 18.334))}}.btn-warning{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047));color:var(--color-white,#fff)}@media(hover:hover){.btn-warning:hover{background-color:var(--color-yellow-600,oklch(68.1% .162 75.834))}}.btn-outline-warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-500,oklch(79.5% .184 86.047));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media(hover:hover){.btn-outline-warning:hover{background-color:var(--color-yellow-50,oklch(98.7% .026 102.212))}}.btn-soft-warning{background-color:var(--color-yellow-100,oklch(97.3% .071 103.193));color:var(--color-yellow-700,oklch(55.4% .135 66.442))}@media(hover:hover){.btn-soft-warning:hover{background-color:var(--color-yellow-200,oklch(94.5% .129 101.54))}}.btn-info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-white,#fff)}@media(hover:hover){.btn-info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.btn-outline-info{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media(hover:hover){.btn-outline-info:hover{background-color:var(--color-cyan-50,oklch(98.4% .019 200.873))}}.btn-soft-info{background-color:var(--color-cyan-100,oklch(95.6% .045 203.388));color:var(--color-cyan-700,oklch(52% .105 223.128))}@media(hover:hover){.btn-soft-info:hover{background-color:var(--color-cyan-200,oklch(91.7% .08 205.041))}}.btn-dark{background-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-white,#fff)}@media(hover:hover){.btn-dark:hover{background-color:var(--color-black,#000)}}.btn-outline-dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-gray-900,oklch(21% .034 264.665))}@media(hover:hover){.btn-outline-dark:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.btn-soft-dark{background-color:var(--color-gray-200,oklch(92.8% .006 264.531));color:var(--color-gray-900,oklch(21% .034 264.665))}@media(hover:hover){.btn-soft-dark:hover{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.btn-light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media(hover:hover){.btn-light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.btn-outline-light{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.btn-outline-light:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.btn-soft-light{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.btn-soft-light:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.btn-link{padding:calc(var(--spacing,.25rem)*0);color:var(--color-blue-600,oklch(54.6% .245 262.881));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}@media(hover:hover){.btn-link:hover{text-decoration-line:underline}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-white,#fff)}.primary:is(:where(.peer):checked~*){border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-white,#fff)}@media(hover:hover){.primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}.primary:is(:where(.peer):checked~*):hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.outline-primary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-white,#fff)}.outline-primary:is(:where(.peer):checked~*){color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.outline-primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}}.soft-primary{border-color:var(--color-blue-600,oklch(54.6% .245 262.881));background-color:var(--color-blue-200,oklch(88.2% .059 254.128));color:var(--color-blue-600,oklch(54.6% .245 262.881))}.soft-primary:is(:where(.peer):checked~*){border-color:var(--color-blue-600,oklch(54.6% .245 262.881));color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.soft-primary:hover{background-color:var(--color-blue-300,oklch(80.9% .105 251.813))}}.secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-white,#fff)}@media(hover:hover){.secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.outline-secondary{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-600,oklch(44.6% .03 256.802));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.outline-secondary:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.soft-secondary{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.soft-secondary:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-white,#fff)}.success:is(:where(.peer):checked~*){border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-white,#fff)}@media(hover:hover){.success:hover{background-color:var(--color-green-300,oklch(87.1% .15 154.449))}.success:is(:where(.peer):checked~*):hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.outline-success{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-white,#fff)}.outline-success:is(:where(.peer):checked~*){color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.outline-success:hover{background-color:var(--color-green-300,oklch(87.1% .15 154.449))}}.soft-success{border-color:var(--color-green-600,oklch(62.7% .194 149.214));background-color:var(--color-green-200,oklch(92.5% .084 155.995));color:var(--color-green-600,oklch(62.7% .194 149.214))}.soft-success:is(:where(.peer):checked~*){border-color:var(--color-green-600,oklch(62.7% .194 149.214));color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.soft-success:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-white,#fff)}.danger:is(:where(.peer):checked~*){border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-white,#fff)}@media(hover:hover){.danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}.danger:is(:where(.peer):checked~*):hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.outline-danger{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-white,#fff)}.outline-danger:is(:where(.peer):checked~*){color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.outline-danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.soft-danger{border-color:var(--color-red-600,oklch(57.7% .245 27.325));background-color:var(--color-red-200,oklch(88.5% .062 18.334));color:var(--color-red-600,oklch(57.7% .245 27.325))}.soft-danger:is(:where(.peer):checked~*){border-color:var(--color-red-600,oklch(57.7% .245 27.325));color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.soft-danger:hover{background-color:var(--color-red-300,oklch(80.8% .114 19.571))}}.warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-white,#fff)}.warning:is(:where(.peer):checked~*){border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-yellow-600,oklch(68.1% .162 75.834));color:var(--color-white,#fff)}@media(hover:hover){.warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}.warning:is(:where(.peer):checked~*):hover{background-color:var(--color-yellow-700,oklch(55.4% .135 66.442))}}.outline-warning{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-white,#fff)}.outline-warning:is(:where(.peer):checked~*){color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media(hover:hover){.outline-warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}}.soft-warning{border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));background-color:var(--color-yellow-200,oklch(94.5% .129 101.54));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}.soft-warning:is(:where(.peer):checked~*){border-color:var(--color-yellow-600,oklch(68.1% .162 75.834));color:var(--color-yellow-600,oklch(68.1% .162 75.834))}@media(hover:hover){.soft-warning:hover{background-color:var(--color-yellow-300,oklch(90.5% .182 98.111))}}.info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-white,#fff)}@media(hover:hover){.info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.outline-info{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-cyan-600,oklch(60.9% .126 221.723));color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media(hover:hover){.outline-info:hover{background-color:var(--color-cyan-50,oklch(98.4% .019 200.873))}}.soft-info{background-color:var(--color-cyan-100,oklch(95.6% .045 203.388));color:var(--color-cyan-700,oklch(52% .105 223.128))}@media(hover:hover){.soft-info:hover{background-color:var(--color-cyan-200,oklch(91.7% .08 205.041))}}.dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-white,#fff)}.dark:is(:where(.peer):checked~*){border-color:var(--color-black,#000);background-color:var(--color-black,#000);color:var(--color-white,#fff)}@media(hover:hover){.dark:hover{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.dark:hover{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}}.outline-dark{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-900,oklch(21% .034 264.665));background-color:var(--color-white,#fff)}.outline-dark:is(:where(.peer):checked~*){color:var(--color-black,#000)}@media(hover:hover){.outline-dark:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.soft-dark{border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-500,oklch(55.1% .027 264.364));color:var(--color-black,#000)}.soft-dark:is(:where(.peer):checked~*){border-color:var(--color-gray-900,oklch(21% .034 264.665));color:var(--color-black,#000)}@media(hover:hover){.soft-dark:hover{background-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media(hover:hover){.light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}.outline-light{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.outline-light:hover{background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}}.soft-light{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));color:var(--color-gray-700,oklch(37.3% .034 259.733))}@media(hover:hover){.soft-light:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.link{padding:calc(var(--spacing,.25rem)*0);color:var(--color-blue-600,oklch(54.6% .245 262.881));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}@media(hover:hover){.link:hover{text-decoration-line:underline}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.toggler-primary{background-color:var(--color-blue-600,oklch(54.6% .245 262.881))}@media(hover:hover){.toggler-primary:hover{background-color:var(--color-blue-700,oklch(48.8% .243 264.376))}}.toggler-secondary{background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media(hover:hover){.toggler-secondary:hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.toggler-success{background-color:var(--color-green-600,oklch(62.7% .194 149.214))}@media(hover:hover){.toggler-success:hover{background-color:var(--color-green-700,oklch(52.7% .154 150.069))}}.toggler-danger{background-color:var(--color-red-600,oklch(57.7% .245 27.325))}@media(hover:hover){.toggler-danger:hover{background-color:var(--color-red-700,oklch(50.5% .213 27.518))}}.toggler-warning{background-color:var(--color-yellow-500,oklch(79.5% .184 86.047))}@media(hover:hover){.toggler-warning:hover{background-color:var(--color-yellow-600,oklch(68.1% .162 75.834))}}.toggler-info{background-color:var(--color-cyan-600,oklch(60.9% .126 221.723))}@media(hover:hover){.toggler-info:hover{background-color:var(--color-cyan-700,oklch(52% .105 223.128))}}.toggler-dark{background-color:var(--color-gray-900,oklch(21% .034 264.665))}@media(hover:hover){.toggler-dark:hover{background-color:var(--color-black,#000)}}.toggler-light{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}@media(hover:hover){.toggler-light:hover{background-color:var(--color-gray-200,oklch(92.8% .006 264.531))}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:slideUp .25s cubic-bezier(.22,1,.36,1)}
+/*$vite$:1*/`,document.head.appendChild(Q);const V={xs:"text-xs px-2 py-1",sm:"text-sm px-3 py-1.5",md:"text-sm px-3 py-3",lg:"text-lg px-5 py-3"},R={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full"},be={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"},ge={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,r,o)=>{if(o)return"border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";if(r)return"border-green-500 bg-green-50 text-green-900 placeholder-green-700 focus:ring-green-500 focus:border-green-500";switch(e){case"error":return"border-red-500 bg-red-50 focus:ring-red-500";case"warning":return"border-yellow-500 bg-yellow-50 focus:ring-yellow-500";case"success":return"border-green-500 bg-green-50 focus:ring-green-500";default:return"border-gray-300 focus:ring-blue-500"}},ee=l.forwardRef((e,r)=>{const{label:o,id:t,inputSize:a="md",shape:h="rounded",validate:g,onValidatedChange:u,className:f="",icon:s,iconPosition:c="left",floatingLabelStyle:i,onChange:d,isValid:w,isInvalid:b,feedback:v,iconClasses:$,feedbackType:S="invalid",labelClasses:O="",inputType:k="",inputPattern:C,...y}=e,[m,L]=l.useState("default"),N=l.useCallback(A=>{const T=A.target.value,K=(g==null?void 0:g(T))??"default";L(K),u==null||u(A,K),d==null||d(A)},[g,u,d]),P=l.useMemo(()=>t||(typeof o=="string"?`input-${o.toLowerCase().replace(/\s+/g,"-")}`:`input-${Math.random().toString(36).slice(2)}`),[t,o]),j=!!i,p=V[a]||V.md,M=R[h]||R.flat,D=l.useMemo(()=>ve(m,w,b),[m,w,b]),E=l.useMemo(()=>c==="start"||c==="left"?"left-0 ps-3.5":"right-0 pe-3.5",[c]),I=l.useMemo(()=>s?c==="start"||c==="left"?"ps-10":"pe-10":"",[s,c]),B=A=>{var Y;const T=A.key;!(A.ctrlKey||A.metaKey||T.length!==1||["Backspace","ArrowLeft","ArrowRight","Delete","Tab"].includes(T))&&(()=>{const H=/^\d$/,J=/^[a-zA-Z]$/;switch(k){case"numeric":case"number":case"integer":return!H.test(T);case"decimal":return!H.test(T)&&T!=="."&&T!=="Backspace"&&T!=="Tab";case"alphabetic":return!J.test(T);case"custom":return C?!C.test(T):!1;default:return!1}})()&&A.preventDefault(),(Y=y.onKeyDown)==null||Y.call(y,A)},z=A=>{var X;const T=A.clipboardData.getData("Text");(()=>{const Y=/^\d+$/,H=/^\d*\.?\d*$/,J=/^[a-zA-Z]+$/;switch(k){case"numeric":case"number":case"integer":return!Y.test(T);case"decimal":return!H.test(T);case"alphabetic":return!J.test(T);case"custom":return C?!C.test(T):!1;default:return!1}})()&&A.preventDefault(),(X=y.onPaste)==null||X.call(y,A)};return n.jsxs("div",{className:`w-full relative ${j?"z-0":""} tailwind-ux-input`,children:[!j&&o&&n.jsx("label",{htmlFor:P,className:`block mb-1 text-sm ${w?"text-green-700 dark:text-green-500":b?"text-red-700 dark:text-red-500":"text-gray-700"} ${O}`,children:o}),n.jsxs("div",{className:"relative w-full",children:[s&&n.jsx("div",{className:`absolute inset-y-0 flex items-center ${E} ${$}`,"aria-hidden":"true",children:s}),n.jsx("input",{...y,id:P,ref:r,placeholder:j?" ":y.placeholder,onChange:N,onKeyDown:B,onPaste:z,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
             ${p}
-            ${j&&i&&ge[i]}
-            ${I} ${E} ${P} ${f}`}),j&&o&&i&&n.jsx("label",{htmlFor:D,className:`ms-1 ${be[i]} ${f}`,children:o})]}),v&&n.jsx("p",{className:`mt-1 text-xs ${$==="invalid"?"text-red-600 dark:text-red-500":"text-green-600 dark:text-green-500"}`,role:$==="invalid"?"alert":void 0,children:v})]})});ee.displayName="Input";const pe={xs:"text-xs px-2 py-1",sm:"text-sm px-3 py-1.5",md:"text-sm px-3 py-3",lg:"text-lg px-5 py-3"},ye={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full"},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"},ke={filled:"absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",outlined:"absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",standard:"absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"},me=(e,r,o)=>{if(o)return"border-red-500 bg-red-50 text-red-900 focus:ring-red-500 focus:border-red-500";if(r)return"border-green-500 bg-green-50 text-green-900 focus:ring-green-500 focus:border-green-500";const t="focus:ring focus:border";switch(e){case"error":return`${t}-red-500 border-red-500 bg-red-50`;case"warning":return`${t}-yellow-500 border-yellow-500 bg-yellow-50`;case"success":return`${t}-green-500 border-green-500 bg-green-50`;default:return"border-gray-300 focus:ring-blue-500"}},oe=l.forwardRef((e,r)=>{const{label:o,id:t,inputSize:a="md",shape:h="rounded",validate:b,onValidatedChange:u,className:f="",icon:s,iconPosition:c="left",floatingLabelStyle:i,onChange:d,isValid:w,isInvalid:g,feedback:v,feedbackType:S="invalid",children:$,...M}=e,[k,x]=l.useState("default"),y=l.useId(),C=l.useMemo(()=>t||(typeof o=="string"?`select-${o.toLowerCase().replace(/\s+/g,"-")}`:y),[t,o,y]),O=N=>{const I=N.target.value,B=(b==null?void 0:b(I))??"default";x(B),u==null||u(N,B),d==null||d(N)},L=!!i,D=pe[a],j=ye[h],p=me(k,w,g),E=s&&(c==="start"||c==="left")?"ps-10":s?"pe-10":"",P=c==="start"||c==="left"?"left-0 ps-3.5":"right-0 pe-3.5";return n.jsxs("div",{className:`w-full relative ${L?"z-0":""}`,children:[!L&&o&&n.jsx("label",{htmlFor:C,className:`block mb-1 text-sm ${w?"text-green-700":g?"text-red-700":"text-gray-700"}`,children:o}),n.jsxs("div",{className:"relative w-full",children:[s&&n.jsx("div",{className:`absolute inset-y-0 flex items-center ${P}`,children:n.jsx("span",{className:"text-gray-500",children:s})}),n.jsx("select",{...M,id:C,ref:r,onChange:O,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
-            ${D} ${E}
-            ${L&&i&&we[i]}
-            ${j} ${p} ${f}`,children:$}),L&&o&&i&&n.jsx("label",{htmlFor:C,className:`ms-1 ${ke[i]} ${f}`,children:o})]}),v&&n.jsx("p",{className:`mt-1 text-xs ${S==="invalid"?"text-red-600":"text-green-600"}`,children:v})]})});oe.displayName="Select";const xe={primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",warning:"btn-warning",info:"btn-info",dark:"btn-dark",light:"btn-light",link:"btn-link","outline-primary":"btn-outline-primary","outline-secondary":"btn-outline-secondary","outline-success":"btn-outline-success","outline-danger":"btn-outline-danger","outline-warning":"btn-outline-warning","outline-info":"btn-outline-info","outline-dark":"btn-outline-dark","outline-light":"btn-outline-light","soft-primary":"btn-soft-primary","soft-secondary":"btn-soft-secondary","soft-success":"btn-soft-success","soft-danger":"btn-soft-danger","soft-warning":"btn-soft-warning","soft-info":"btn-soft-info","soft-dark":"btn-soft-dark","soft-light":"btn-soft-light"},Ce={xs:"px-3 py-2 text-xs",sm:"px-3 py-2 text-sm",md:"px-5 py-2.5 text-sm",lg:"px-5 py-3 text-base",xl:"px-6 py-3.5 text-base"},Se={flat:"shadow-none",rounded:"rounded-sm",pill:"rounded-full",circle:"rounded-full w-10 h-10 p-0 flex items-center justify-center"},$e=({children:e,variant:r="primary",size:o="md",type:t="button",shape:a="rounded",className:h="",isLoading:b=!1,disabled:u=!1,...f})=>{const s=u||b,c=["inline-flex items-center justify-center font-normal transition duration-150",xe[r],Ce[o],Se[a],a==="flat"?"shadow-none":"shadow-sm",s?"opacity-50 cursor-not-allowed":"cursor-pointer",h].filter(Boolean).join(" ");return n.jsxs("button",{type:t,className:c,disabled:s,...f,children:[b&&n.jsxs("svg",{"aria-hidden":"true",role:"status",className:"inline w-4 h-4 me-3 text-gray-200 animate-spin dark:text-gray-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n.jsx("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"}),n.jsx("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",fill:"#1C64F2"})]}),e]})};var re={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},te=l.createContext&&l.createContext(re),Ne=["attr","size","title"];function Ee(e,r){if(e==null)return{};var o=Le(e,r),t,a;if(Object.getOwnPropertySymbols){var h=Object.getOwnPropertySymbols(e);for(a=0;a<h.length;a++)t=h[a],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function Le(e,r){if(e==null)return{};var o={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(r.indexOf(t)>=0)continue;o[t]=e[t]}return o}function _(){return _=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},_.apply(this,arguments)}function le(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),o.push.apply(o,t)}return o}function F(e){for(var r=1;r<arguments.length;r++){var o=arguments[r]!=null?arguments[r]:{};r%2?le(Object(o),!0).forEach(function(t){Me(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):le(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function Me(e,r,o){return r=Pe(r),r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function Pe(e){var r=Oe(e,"string");return typeof r=="symbol"?r:r+""}function Oe(e,r){if(typeof e!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var t=o.call(e,r);if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function ne(e){return e&&e.map((r,o)=>l.createElement(r.tag,F({key:o},r.attr),ne(r.child)))}function Z(e){return r=>l.createElement(De,_({attr:F({},e.attr)},r),ne(e.child))}function De(e){var r=o=>{var{attr:t,size:a,title:h}=e,b=Ee(e,Ne),u=a||o.size||"1em",f;return o.className&&(f=o.className),e.className&&(f=(f?f+" ":"")+e.className),l.createElement("svg",_({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},o.attr,t,b,{className:f,style:F(F({color:e.color||o.color},o.style),e.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),h&&l.createElement("title",null,h),e.children)};return te!==void 0?l.createElement(te.Consumer,null,o=>r(o)):r(re)}function Te(e){return Z({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 je={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"},Ae={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full"},Ie={primary:"primary",secondary:"secondary",success:"success",danger:"danger",warning:"warning",info:"info",dark:"dark",light:"light",link:"link","outline-primary":"outline-primary","outline-secondary":"outline-secondary","outline-success":"outline-success","outline-danger":"outline-danger","outline-warning":"outline-warning","outline-info":"outline-info","outline-dark":"outline-dark","outline-light":"outline-light","soft-primary":"soft-primary","soft-secondary":"soft-secondary","soft-success":"soft-success","soft-danger":"soft-danger","soft-warning":"soft-warning","soft-info":"soft-info","soft-dark":"soft-dark","soft-light":"soft-light"},ae=l.forwardRef(({label:e,boxSize:r="md",shape:o="rounded",variant:t="success",onSelectionChange:a,disabled:h=!1,className:b="",id:u,value:f,icon:s,children:c,checked:i,...d},w)=>{const g=D=>{!h&&a&&a(D.target.checked),d.onChange&&d.onChange(D)},v="mr-2 border flex items-center justify-center transition-all",S=je[r],$=Ae[o],M=Ie[t]??"",k=t.startsWith("outline"),x=t.startsWith("soft"),O=`${v} ${S} ${$} ${M} ${i&&(k||x||t==="link")?"peer-checked:bg-current peer-checked:text-white":i?"peer-checked:bg-current":""}`,L={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 n.jsxs("label",{className:`flex items-center ${h?"opacity-50 cursor-not-allowed":"cursor-pointer"} me-4 ${b}`,children:[n.jsx("input",{type:"checkbox",className:"peer hidden",checked:i,onChange:g,disabled:h,id:u,value:f,ref:w,...d}),n.jsx("span",{className:O.trim(),children:(i||d.defaultChecked)&&(s??n.jsx(Te,{className:`${L[r]}`}))}),e||c?n.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-300",children:e??c}):null]})});ae.displayName="Checkbox";const Be=({label:e,header:r,items:o=[],onSelect:t,renderItem:a,position:h="right",className:b="",menuClassName:u="",width:f="w-48",closeOnSelect:s=!1,transition:c=!0,ariaLabel:i="Dropdown menu",forceCloseDropdown:d,...w})=>{const[g,v]=l.useState(!1),[S,$]=l.useState(!1),M=l.useRef(null),k=l.useRef(null),x=l.useMemo(()=>({left:"left-0",center:"left-1/2 transform -translate-x-1/2",right:"right-0"})[h],[h]),y=l.useCallback(()=>{const p=k.current,E=M.current;if(!p||!E)return;const{top:P,bottom:N}=p.getBoundingClientRect(),I=E.offsetHeight,B=window.innerHeight-N,z=P;$(B<I&&z>I)},[]),C=l.useCallback(p=>{var E,P;!((E=M.current)!=null&&E.contains(p.target))&&!((P=k.current)!=null&&P.contains(p.target))&&v(!1)},[]),O=l.useCallback(()=>v(p=>!p),[]),L=l.useCallback(()=>v(!1),[]);l.useEffect(()=>{if(g)return y(),window.addEventListener("resize",y),window.addEventListener("scroll",y,!0),()=>{window.removeEventListener("resize",y),window.removeEventListener("scroll",y,!0)}},[g,y]);const D=l.useRef(g);l.useEffect(()=>{D.current=g},[g]),l.useEffect(()=>{const p=E=>{var P;E.key==="Escape"&&D.current&&(v(!1),(P=k.current)==null||P.focus())};return document.addEventListener("keydown",p),()=>{document.removeEventListener("keydown",p)}},[]),l.useEffect(()=>(document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)),[C]);const j=l.useMemo(()=>["absolute z-50 bg-white rounded shadow-lg overflow-hidden w-auto",S?"bottom-full mb-2":"top-full mt-2",x,f,c&&"transition-all duration-200 ease-out",u].filter(Boolean).join(" "),[S,x,f,c,u]);return n.jsxs("div",{className:`relative inline-block ${b}`,...w,children:[n.jsx("button",{type:"button",ref:k,onClick:O,"aria-expanded":g,"aria-label":i,className:"focus:outline-none",children:e}),g&&n.jsxs("div",{ref:M,role:"menu",className:j,children:[r&&r,o.map((p,E)=>{const P=()=>{t&&t(p),s&&L()};return n.jsx("div",{children:a?a(p,P):n.jsx("div",{onClick:P,className:"px-4 py-2 text-sm text-gray-800 hover:bg-gray-100 cursor-pointer",role:"menuitem",children:p.label})},E)})]})]})},ze=({children:e,content:r,position:o="top",className:t="",tooltipClass:a="",tooltipStyle:h={}})=>{const b=l.useRef(null),u=l.useRef(null);l.useEffect(()=>{const s=b.current,c=u.current;if(!s||!c)return;const i=()=>{c.style.opacity="1",c.style.visibility="visible"},d=()=>{c.style.opacity="0",c.style.visibility="hidden"};return s.addEventListener("mouseenter",i),s.addEventListener("mouseleave",d),()=>{s.removeEventListener("mouseenter",i),s.removeEventListener("mouseleave",d)}},[]);const f=s=>{const c={position:"absolute",opacity:0,visibility:"hidden",transition:"opacity 0.2s ease",maxWidth:"240px",whiteSpace:"normal",wordBreak:"break-word",padding:"8px 12px",fontSize:"0.875rem",backgroundColor:"black",color:"white",borderRadius:"4px",boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.15)",zIndex:9999,width:"max-content"};switch(s){case"top":return{...c,bottom:"100%",left:"50%",transform:"translateX(-50%)",marginBottom:"8px"};case"bottom":return{...c,top:"100%",left:"50%",transform:"translateX(-50%)",marginTop:"8px"};case"left":return{...c,right:"100%",top:"50%",transform:"translateY(-50%)",marginRight:"8px"};case"right":return{...c,left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"8px"};default:return c}};return n.jsxs("div",{ref:b,className:`relative inline-block ${t}`,children:[e,n.jsx("div",{ref:u,role:"tooltip",className:a,style:{...f(o),...h},children:r})]})},_e={primary:"bg-blue-500 text-white",secondary:"bg-gray-500 text-white",success:"bg-green-500 text-white",danger:"bg-red-500 text-white",warning:"bg-yellow-400 text-black",info:"bg-cyan-500 text-white",dark:"bg-black text-white",light:"bg-gray-100 text-gray-800",link:"bg-transparent text-blue-500 underline","outline-primary":"border border-blue-500 text-blue-500 bg-transparent","outline-secondary":"border border-gray-500 text-gray-500 bg-transparent","outline-success":"border border-green-500 text-green-500 bg-transparent","outline-danger":"border border-red-500 text-red-500 bg-transparent","outline-warning":"border border-yellow-400 text-yellow-500 bg-transparent","outline-info":"border border-cyan-500 text-cyan-500 bg-transparent","outline-dark":"border border-black text-black bg-transparent","outline-light":"border border-gray-100 text-gray-800 bg-transparent"},Fe={xs:"text-xs px-2 py-0.5",sm:"text-sm px-2.5 py-0.5",md:"text-base px-3 py-1",lg:"text-lg px-3.5 py-1.5",xl:"text-xl px-4 py-2"},Ke={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full",circle:"rounded-full p-2 w-8 h-8 justify-center"},He=({label:e,variant:r="primary",size:o="sm",shape:t="rounded",icon:a,dismissible:h,onDismiss:b,className:u="",...f})=>{const s=!e&&!!a,c=`inline-flex items-center font-medium ${_e[r]||""} ${Fe[o]||""} ${Ke[t]||""} ${s?"justify-center p-2 w-8 h-8":""} `+u;return n.jsxs("span",{className:c.trim(),...f,children:[a&&n.jsx("span",{className:e?"mr-1":"",children:a}),e,h&&n.jsx("button",{type:"button",onClick:b,className:"ml-2 text-xs font-bold leading-none focus:outline-none",children:"×"})]})},ce={rounded:"rounded-md",pill:"rounded-full",flat:"rounded-none"},se={xs:{button:"px-2 py-1 text-xs"},sm:{button:"px-3 py-1.5 text-sm"},md:{button:"px-4 py-2 text-sm"},lg:{button:"px-5 py-3 text-base"},xl:{button:"px-6 py-4 text-lg"}};function Ye({options:e,selected:r,onChange:o,label:t,disabled:a=!1,shape:h="rounded",variant:b="primary",size:u="md",className:f="",classNames:s={},id:c,name:i,renderOption:d}){const w=ce[h]||ce.rounded,g=se[u]||se.md,v=l.useRef(null),[S,$]=l.useState({});l.useEffect(()=>{if(!v.current)return;const k=e.findIndex(C=>C.value===r);if(k===-1)return;const y=v.current.querySelectorAll("button")[k];if(y){const{offsetLeft:C,offsetWidth:O,offsetHeight:L}=y;$({transform:`translateX(${C}px)`,width:O,height:L})}},[r,e,u]);const M=`toggler-${b}`;return n.jsxs("div",{className:`flex flex-col gap-2 w-fit ${f} ${s.root??""}`,id:c,children:[t&&n.jsx("span",{className:`text-sm font-medium select-none ${s.label??""}`,children:t}),n.jsxs("div",{ref:v,role:"radiogroup","aria-disabled":a,className:`relative inline-flex overflow-hidden border border-gray-300 bg-gray-100 ${w} ${a?"opacity-50 cursor-not-allowed":""} ${s.group??""}`,children:[n.jsx("div",{className:`absolute top-0 left-0 transition-transform duration-300 ease-in-out ${w} ${M}`,style:{...S,zIndex:0},"aria-hidden":"true"}),e.map(k=>{const x=r===k.value,y=a||k.disabled;return n.jsx("button",{role:"radio",name:i,"aria-checked":x,disabled:y,onClick:()=>!y&&o(k.value),onKeyDown:C=>{(C.key==="Enter"||C.key===" ")&&!y&&(C.preventDefault(),o(k.value))},className:`
+            ${j&&i&&be[i]}
+            ${I} ${M} ${D} ${f}`}),j&&o&&i&&n.jsx("label",{htmlFor:P,className:`ms-1 ${ge[i]} ${f}`,children:o})]}),v&&n.jsx("p",{className:`mt-1 text-xs ${S==="invalid"?"text-red-600 dark:text-red-500":"text-green-600 dark:text-green-500"}`,role:S==="invalid"?"alert":void 0,children:v})]})});ee.displayName="Input";const pe={xs:"text-xs px-2 py-1",sm:"text-sm px-3 py-1.5",md:"text-sm px-3 py-3",lg:"text-lg px-5 py-3"},ye={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full"},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"},ke={filled:"absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",outlined:"absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",standard:"absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"},me=(e,r,o)=>{if(o)return"border-red-500 bg-red-50 text-red-900 focus:ring-red-500 focus:border-red-500";if(r)return"border-green-500 bg-green-50 text-green-900 focus:ring-green-500 focus:border-green-500";const t="focus:ring focus:border";switch(e){case"error":return`${t}-red-500 border-red-500 bg-red-50`;case"warning":return`${t}-yellow-500 border-yellow-500 bg-yellow-50`;case"success":return`${t}-green-500 border-green-500 bg-green-50`;default:return"border-gray-300 focus:ring-blue-500"}},oe=l.forwardRef((e,r)=>{const{label:o,id:t,inputSize:a="md",shape:h="rounded",validate:g,onValidatedChange:u,className:f="",icon:s,iconPosition:c="left",floatingLabelStyle:i,onChange:d,isValid:w,isInvalid:b,feedback:v,feedbackType:$="invalid",children:S,...O}=e,[k,C]=l.useState("default"),y=l.useId(),m=l.useMemo(()=>t||(typeof o=="string"?`select-${o.toLowerCase().replace(/\s+/g,"-")}`:y),[t,o,y]),L=E=>{const I=E.target.value,B=(g==null?void 0:g(I))??"default";C(B),u==null||u(E,B),d==null||d(E)},N=!!i,P=pe[a],j=ye[h],p=me(k,w,b),M=s&&(c==="start"||c==="left")?"ps-10":s?"pe-10":"",D=c==="start"||c==="left"?"left-0 ps-3.5":"right-0 pe-3.5";return n.jsxs("div",{className:`w-full relative ${N?"z-0":""}`,children:[!N&&o&&n.jsx("label",{htmlFor:m,className:`block mb-1 text-sm ${w?"text-green-700":b?"text-red-700":"text-gray-700"}`,children:o}),n.jsxs("div",{className:"relative w-full",children:[s&&n.jsx("div",{className:`absolute inset-y-0 flex items-center ${D}`,children:n.jsx("span",{className:"text-gray-500",children:s})}),n.jsx("select",{...O,id:m,ref:r,onChange:L,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} ${M}
+            ${N&&i&&we[i]}
+            ${j} ${p} ${f}`,children:S}),N&&o&&i&&n.jsx("label",{htmlFor:m,className:`ms-1 ${ke[i]} ${f}`,children:o})]}),v&&n.jsx("p",{className:`mt-1 text-xs ${$==="invalid"?"text-red-600":"text-green-600"}`,children:v})]})});oe.displayName="Select";const xe={primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",warning:"btn-warning",info:"btn-info",dark:"btn-dark",light:"btn-light",link:"btn-link","outline-primary":"btn-outline-primary","outline-secondary":"btn-outline-secondary","outline-success":"btn-outline-success","outline-danger":"btn-outline-danger","outline-warning":"btn-outline-warning","outline-info":"btn-outline-info","outline-dark":"btn-outline-dark","outline-light":"btn-outline-light","soft-primary":"btn-soft-primary","soft-secondary":"btn-soft-secondary","soft-success":"btn-soft-success","soft-danger":"btn-soft-danger","soft-warning":"btn-soft-warning","soft-info":"btn-soft-info","soft-dark":"btn-soft-dark","soft-light":"btn-soft-light"},Ce={xs:"px-3 py-2 text-xs",sm:"px-3 py-2 text-sm",md:"px-5 py-2.5 text-sm",lg:"px-5 py-3 text-base",xl:"px-6 py-3.5 text-base"},Se={flat:"shadow-none",rounded:"rounded-sm",pill:"rounded-full",circle:"rounded-full w-10 h-10 p-0 flex items-center justify-center"},$e=({children:e,variant:r="primary",size:o="md",type:t="button",shape:a="rounded",className:h="",isLoading:g=!1,disabled:u=!1,...f})=>{const s=u||g,c=["inline-flex items-center justify-center font-normal transition duration-150",xe[r],Ce[o],Se[a],a==="flat"?"shadow-none":"shadow-sm",s?"opacity-50 cursor-not-allowed":"cursor-pointer",h].filter(Boolean).join(" ");return n.jsxs("button",{type:t,className:c,disabled:s,...f,children:[g&&n.jsxs("svg",{"aria-hidden":"true",role:"status",className:"inline w-4 h-4 me-3 text-gray-200 animate-spin dark:text-gray-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n.jsx("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"}),n.jsx("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",fill:"#1C64F2"})]}),e]})};var re={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},te=l.createContext&&l.createContext(re),Ne=["attr","size","title"];function Ee(e,r){if(e==null)return{};var o=Le(e,r),t,a;if(Object.getOwnPropertySymbols){var h=Object.getOwnPropertySymbols(e);for(a=0;a<h.length;a++)t=h[a],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function Le(e,r){if(e==null)return{};var o={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(r.indexOf(t)>=0)continue;o[t]=e[t]}return o}function _(){return _=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},_.apply(this,arguments)}function le(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),o.push.apply(o,t)}return o}function F(e){for(var r=1;r<arguments.length;r++){var o=arguments[r]!=null?arguments[r]:{};r%2?le(Object(o),!0).forEach(function(t){Me(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):le(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function Me(e,r,o){return r=Pe(r),r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function Pe(e){var r=Oe(e,"string");return typeof r=="symbol"?r:r+""}function Oe(e,r){if(typeof e!="object"||!e)return e;var o=e[Symbol.toPrimitive];if(o!==void 0){var t=o.call(e,r);if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function ne(e){return e&&e.map((r,o)=>l.createElement(r.tag,F({key:o},r.attr),ne(r.child)))}function Z(e){return r=>l.createElement(De,_({attr:F({},e.attr)},r),ne(e.child))}function De(e){var r=o=>{var{attr:t,size:a,title:h}=e,g=Ee(e,Ne),u=a||o.size||"1em",f;return o.className&&(f=o.className),e.className&&(f=(f?f+" ":"")+e.className),l.createElement("svg",_({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},o.attr,t,g,{className:f,style:F(F({color:e.color||o.color},o.style),e.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),h&&l.createElement("title",null,h),e.children)};return te!==void 0?l.createElement(te.Consumer,null,o=>r(o)):r(re)}function Te(e){return Z({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 je={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"},Ae={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full"},Ie={primary:"primary",secondary:"secondary",success:"success",danger:"danger",warning:"warning",info:"info",dark:"dark",light:"light",link:"link","outline-primary":"outline-primary","outline-secondary":"outline-secondary","outline-success":"outline-success","outline-danger":"outline-danger","outline-warning":"outline-warning","outline-info":"outline-info","outline-dark":"outline-dark","outline-light":"outline-light","soft-primary":"soft-primary","soft-secondary":"soft-secondary","soft-success":"soft-success","soft-danger":"soft-danger","soft-warning":"soft-warning","soft-info":"soft-info","soft-dark":"soft-dark","soft-light":"soft-light"},ae=l.forwardRef(({label:e,boxSize:r="md",shape:o="rounded",variant:t="success",onSelectionChange:a,disabled:h=!1,className:g="",id:u,value:f,icon:s,children:c,checked:i,...d},w)=>{const b=P=>{!h&&a&&a(P.target.checked),d.onChange&&d.onChange(P)},v="mr-2 border flex items-center justify-center transition-all",$=je[r],S=Ae[o],O=Ie[t]??"",k=t.startsWith("outline"),C=t.startsWith("soft"),L=`${v} ${$} ${S} ${O} ${i&&(k||C||t==="link")?"peer-checked:bg-current peer-checked:text-white":i?"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 n.jsxs("label",{className:`flex items-center ${h?"opacity-50 cursor-not-allowed":"cursor-pointer"} me-4 ${g}`,children:[n.jsx("input",{type:"checkbox",className:"peer hidden",checked:i,onChange:b,disabled:h,id:u,value:f,ref:w,...d}),n.jsx("span",{className:L.trim(),children:(i||d.defaultChecked)&&(s??n.jsx(Te,{className:`${N[r]}`}))}),e||c?n.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-300",children:e??c}):null]})});ae.displayName="Checkbox";const Be=({label:e,header:r,items:o=[],onSelect:t,renderItem:a,position:h="right",className:g="",menuClassName:u="",width:f="w-48",closeOnSelect:s=!1,transition:c=!0,ariaLabel:i="Dropdown menu",forceCloseDropdown:d,...w})=>{const[b,v]=l.useState(!1),[$,S]=l.useState(!1),O=l.useRef(null),k=l.useRef(null),C=l.useMemo(()=>({left:"left-0",center:"left-1/2 transform -translate-x-1/2",right:"right-0"})[h],[h]),y=l.useCallback(()=>{const p=k.current,M=O.current;if(!p||!M)return;const{top:D,bottom:E}=p.getBoundingClientRect(),I=M.offsetHeight,B=window.innerHeight-E,z=D;S(B<I&&z>I)},[]),m=l.useCallback(p=>{var M,D;!((M=O.current)!=null&&M.contains(p.target))&&!((D=k.current)!=null&&D.contains(p.target))&&v(!1)},[]),L=l.useCallback(()=>v(p=>!p),[]),N=l.useCallback(()=>v(!1),[]);l.useEffect(()=>{if(b)return y(),window.addEventListener("resize",y),window.addEventListener("scroll",y,!0),()=>{window.removeEventListener("resize",y),window.removeEventListener("scroll",y,!0)}},[b,y]);const P=l.useRef(b);l.useEffect(()=>{P.current=b},[b]),l.useEffect(()=>{const p=M=>{var D;M.key==="Escape"&&P.current&&(v(!1),(D=k.current)==null||D.focus())};return document.addEventListener("keydown",p),()=>{document.removeEventListener("keydown",p)}},[]),l.useEffect(()=>(document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)),[m]);const j=l.useMemo(()=>["absolute z-50 bg-white rounded shadow-lg overflow-hidden w-auto",$?"bottom-full mb-2":"top-full mt-2",C,f,c&&"transition-all duration-200 ease-out",u].filter(Boolean).join(" "),[$,C,f,c,u]);return n.jsxs("div",{className:`relative inline-block ${g}`,...w,children:[n.jsx("button",{type:"button",ref:k,onClick:L,"aria-expanded":b,"aria-label":i,className:"focus:outline-none",children:e}),b&&n.jsxs("div",{ref:O,role:"menu",className:j,children:[r&&r,o.map((p,M)=>{const D=()=>{t&&t(p),s&&N()};return n.jsx("div",{children:a?a(p,D):n.jsx("div",{onClick:D,className:"px-4 py-2 text-sm text-gray-800 hover:bg-gray-100 cursor-pointer",role:"menuitem",children:p.label})},M)})]})]})},ze=({children:e,content:r,position:o="top",className:t="",tooltipClass:a="",tooltipStyle:h={}})=>{const g=l.useRef(null),u=l.useRef(null);l.useEffect(()=>{const s=g.current,c=u.current;if(!s||!c)return;const i=()=>{c.style.opacity="1",c.style.visibility="visible"},d=()=>{c.style.opacity="0",c.style.visibility="hidden"};return s.addEventListener("mouseenter",i),s.addEventListener("mouseleave",d),()=>{s.removeEventListener("mouseenter",i),s.removeEventListener("mouseleave",d)}},[]);const f=s=>{const c={position:"absolute",opacity:0,visibility:"hidden",transition:"opacity 0.2s ease",maxWidth:"240px",whiteSpace:"normal",wordBreak:"break-word",padding:"8px 12px",fontSize:"0.875rem",backgroundColor:"black",color:"white",borderRadius:"4px",boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.15)",zIndex:9999,width:"max-content"};switch(s){case"top":return{...c,bottom:"100%",left:"50%",transform:"translateX(-50%)",marginBottom:"8px"};case"bottom":return{...c,top:"100%",left:"50%",transform:"translateX(-50%)",marginTop:"8px"};case"left":return{...c,right:"100%",top:"50%",transform:"translateY(-50%)",marginRight:"8px"};case"right":return{...c,left:"100%",top:"50%",transform:"translateY(-50%)",marginLeft:"8px"};default:return c}};return n.jsxs("div",{ref:g,className:`relative inline-block ${t}`,children:[e,n.jsx("div",{ref:u,role:"tooltip",className:a,style:{...f(o),...h},children:r})]})},_e={primary:"bg-blue-500 text-white",secondary:"bg-gray-500 text-white",success:"bg-green-500 text-white",danger:"bg-red-500 text-white",warning:"bg-yellow-400 text-black",info:"bg-cyan-500 text-white",dark:"bg-black text-white",light:"bg-gray-100 text-gray-800",link:"bg-transparent text-blue-500 underline","outline-primary":"border border-blue-500 text-blue-500 bg-transparent","outline-secondary":"border border-gray-500 text-gray-500 bg-transparent","outline-success":"border border-green-500 text-green-500 bg-transparent","outline-danger":"border border-red-500 text-red-500 bg-transparent","outline-warning":"border border-yellow-400 text-yellow-500 bg-transparent","outline-info":"border border-cyan-500 text-cyan-500 bg-transparent","outline-dark":"border border-black text-black bg-transparent","outline-light":"border border-gray-100 text-gray-800 bg-transparent"},Fe={xs:"text-xs px-2 py-0.5",sm:"text-sm px-2.5 py-0.5",md:"text-base px-3 py-1",lg:"text-lg px-3.5 py-1.5",xl:"text-xl px-4 py-2"},Ke={flat:"rounded-none",rounded:"rounded-sm",pill:"rounded-full",circle:"rounded-full p-2 w-8 h-8 justify-center"},Ye=({label:e,variant:r="primary",size:o="sm",shape:t="rounded",icon:a,dismissible:h,onDismiss:g,className:u="",...f})=>{const s=!e&&!!a,c=`inline-flex items-center font-medium ${_e[r]||""} ${Fe[o]||""} ${Ke[t]||""} ${s?"justify-center p-2 w-8 h-8":""} `+u;return n.jsxs("span",{className:c.trim(),...f,children:[a&&n.jsx("span",{className:e?"mr-1":"",children:a}),e,h&&n.jsx("button",{type:"button",onClick:g,className:"ml-2 text-xs font-bold leading-none focus:outline-none",children:"×"})]})},ce={rounded:"rounded-md",pill:"rounded-full",flat:"rounded-none"},se={xs:{button:"px-2 py-1 text-xs"},sm:{button:"px-3 py-1.5 text-sm"},md:{button:"px-4 py-2 text-sm"},lg:{button:"px-5 py-3 text-base"},xl:{button:"px-6 py-4 text-lg"}};function He({options:e,selected:r,onChange:o,label:t,disabled:a=!1,shape:h="rounded",variant:g="primary",size:u="md",className:f="",classNames:s={},id:c,name:i,renderOption:d}){const w=ce[h]||ce.rounded,b=se[u]||se.md,v=l.useRef(null),[$,S]=l.useState({});l.useEffect(()=>{if(!v.current)return;const k=e.findIndex(m=>m.value===r);if(k===-1)return;const y=v.current.querySelectorAll("button")[k];if(y){const{offsetLeft:m,offsetWidth:L,offsetHeight:N}=y;S({transform:`translateX(${m}px)`,width:L,height:N})}},[r,e,u]);const O=`toggler-${g}`;return n.jsxs("div",{className:`flex flex-col gap-2 w-fit ${f} ${s.root??""}`,id:c,children:[t&&n.jsx("span",{className:`text-sm font-medium select-none ${s.label??""}`,children:t}),n.jsxs("div",{ref:v,role:"radiogroup","aria-disabled":a,className:`relative inline-flex overflow-hidden border border-gray-300 bg-gray-100 ${w} ${a?"opacity-50 cursor-not-allowed":""} ${s.group??""}`,children:[n.jsx("div",{className:`absolute top-0 left-0 transition-transform duration-300 ease-in-out ${w} ${O}`,style:{...$,zIndex:0},"aria-hidden":"true"}),e.map(k=>{const C=r===k.value,y=a||k.disabled;return n.jsx("button",{role:"radio",name:i,"aria-checked":C,disabled:y,onClick:()=>!y&&o(k.value),onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&!y&&(m.preventDefault(),o(k.value))},className:`
                 relative z-10
                 transition-colors duration-200 focus:outline-none
-                ${g.button}
-                ${x?`text-white toggler-text-${b}`:"text-gray-700 hover:bg-gray-200"}
+                ${b.button}
+                ${C?`text-white toggler-text-${g}`:"text-gray-700 hover:bg-gray-200"}
                 ${s.option??""}
-                ${x?s.selectedOption??"":""}
-              `,children:d?d(k,x):k.label},String(k.value))})]})]})}const ie=l.createContext(null);function Ze({children:e}){const[r,o]=l.useState([]),t=l.useCallback(u=>{o(f=>f.includes(u)?f:[...f,u])},[]),a=l.useCallback(u=>{o(f=>f.filter(s=>s!==u))},[]),h=l.useCallback(()=>{o([])},[]),b=l.useMemo(()=>({showBottomSheet:t,closeBottomSheet:a,closeAllBottomSheet:h,activeSheets:r}),[t,a,h,r]);return n.jsx(ie.Provider,{value:b,children:e})}function de(){const e=l.useContext(ie);if(!e)throw new Error("useBottomSheet must be used inside BottomSheetProvider");return e}function Ue({id:e,children:r,initialSnap:o="half",snapPoints:t,className:a="",overlayClassName:h="",closeOnBackdrop:b=!0,lockScroll:u=!0,zIndex:f=1e3}){const{activeSheets:s,closeBottomSheet:c}=de(),i=s.includes(e),d=!!t,[w,g]=l.useState(!1),[v,S]=l.useState(100),[$,M]=l.useState(!1),k=l.useRef(0),x=l.useRef(0),y=l.useRef(null),C=typeof window<"u"?window.innerHeight:0,O=t?(1-t.full)*100:0,L=t?(1-t.half)*100:0,D=l.useCallback(N=>{if(d)switch(N){case"full":S(O);break;case"half":S(L);break;default:S(100)}},[O,L,d]);l.useEffect(()=>{g(!0)},[]),l.useEffect(()=>{if(!i){S(100);return}d?D(o):S(0)},[i,o,D,d]),l.useEffect(()=>{if(u)return i?(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=""}},[i,u]),l.useEffect(()=>{if(!i)return;const N=I=>{I.key==="Escape"&&c(e)};return window.addEventListener("keydown",N),()=>{window.removeEventListener("keydown",N)}},[c,e,i]);const j=N=>{var I,B;d&&(M(!0),k.current=N.clientY,x.current=v,(B=(I=N.target).setPointerCapture)==null||B.call(I,N.pointerId))},p=N=>{if(!$||!d)return;const B=(N.clientY-k.current)/C*100,z=x.current+B;S(Math.min(Math.max(z,O),100))},E=()=>{if(!d)return;if(M(!1),v>75){c(e);return}const N=(L+O)/2;v<=N?D("full"):D("half")};if(!w)return null;const P={transform:`translate3d(0, ${v}%, 0)`,transition:$?"none":"transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",willChange:"transform",zIndex:f,maxHeight:"100dvh"};return fe.createPortal(n.jsxs(n.Fragment,{children:[n.jsx("button",{type:"button","aria-label":"Close bottom sheet",onClick:()=>{b&&c(e)},className:`fixed inset-0 bg-black/45 backdrop-blur-[2px] transition-opacity duration-200 ${i?"opacity-100":"pointer-events-none opacity-0"} ${h}`,style:{zIndex:f}}),n.jsxs("div",{ref:y,style:P,className:`
+                ${C?s.selectedOption??"":""}
+              `,children:d?d(k,C):k.label},String(k.value))})]})]})}const ie=l.createContext(null);function Ze({children:e}){const[r,o]=l.useState([]),t=l.useCallback(u=>{o(f=>f.includes(u)?f:[...f,u])},[]),a=l.useCallback(u=>{o(f=>f.filter(s=>s!==u))},[]),h=l.useCallback(()=>{o([])},[]),g=l.useMemo(()=>({showBottomSheet:t,closeBottomSheet:a,closeAllBottomSheet:h,activeSheets:r}),[t,a,h,r]);return n.jsx(ie.Provider,{value:g,children:e})}function de(){const e=l.useContext(ie);if(!e)throw new Error("useBottomSheet must be used inside BottomSheetProvider");return e}function Ue({id:e,children:r,initialSnap:o="half",snapPoints:t,className:a="",overlayClassName:h="",closeOnBackdrop:g=!0,lockScroll:u=!0,zIndex:f=1e3}){const{activeSheets:s,closeBottomSheet:c}=de(),i=s.includes(e),d=!!t,[w,b]=l.useState(!1),[v,$]=l.useState(100),[S,O]=l.useState(!1),k=l.useRef(0),C=l.useRef(0),y=l.useRef(null),m=typeof window<"u"?window.innerHeight:0,L=t?(1-t.full)*100:0,N=t?(1-t.half)*100:0,P=l.useCallback(E=>{if(d)switch(E){case"full":$(L);break;case"half":$(N);break;default:$(100)}},[L,N,d]);l.useEffect(()=>{b(!0)},[]),l.useEffect(()=>{if(!i){$(100);return}d?P(o):$(0)},[i,o,P,d]),l.useEffect(()=>{if(u)return i?(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=""}},[i,u]),l.useEffect(()=>{if(!i)return;const E=I=>{I.key==="Escape"&&c(e)};return window.addEventListener("keydown",E),()=>{window.removeEventListener("keydown",E)}},[c,e,i]);const j=E=>{var I,B;d&&(O(!0),k.current=E.clientY,C.current=v,(B=(I=E.target).setPointerCapture)==null||B.call(I,E.pointerId))},p=E=>{if(!S||!d)return;const B=(E.clientY-k.current)/m*100,z=C.current+B;$(Math.min(Math.max(z,L),100))},M=()=>{if(!d)return;if(O(!1),v>75){c(e);return}const E=(N+L)/2;v<=E?P("full"):P("half")};if(!w)return null;const D={transform:`translate3d(0, ${v}%, 0)`,transition:S?"none":"transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",willChange:"transform",zIndex:f,maxHeight:"100dvh"};return fe.createPortal(n.jsxs(n.Fragment,{children:[n.jsx("button",{type:"button","aria-label":"Close bottom sheet",onClick:()=>{g&&c(e)},className:`fixed inset-0 bg-black/45 backdrop-blur-[2px] transition-opacity duration-200 ${i?"opacity-100":"pointer-events-none opacity-0"} ${h}`,style:{zIndex:f}}),n.jsxs("div",{ref:y,style:D,className:`
           fixed inset-x-0 bottom-0
           rounded-t-3xl
           bg-white
@@ -24,8 +24,43 @@
           touch-pan-y
           pb-[env(safe-area-inset-bottom)]
           ${a}
-        `,children:[n.jsx("div",{onPointerDown:j,onPointerMove:p,onPointerUp:E,className:`
+        `,children:[n.jsx("div",{onPointerDown:j,onPointerMove:p,onPointerUp:M,className:`
             flex justify-center py-2.5
             ${d?"cursor-grab active:cursor-grabbing":""}
             select-none touch-none bg-gray-50
-          `,children:n.jsx("div",{className:"h-1 w-14 rounded-full bg-gray-500"})}),n.jsx("div",{className:"flex-1 overflow-y-auto p-4",children:r})]})]}),document.body)}function We(e){return Z({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 qe=({items:e,allowMultipleOpen:r=!1,className:o="",tileClasses:t="",open:a,onChange:h,renderTitle:b,renderContent:u,showArrowIcon:f=!0,panelClasses:s=""})=>{const[c,i]=l.useState(new Set),d=l.useMemo(()=>a?new Set(a):c,[a,c]),w=l.useCallback(g=>{const v=new Set(d);v.has(g)?v.delete(g):(r||v.clear(),v.add(g)),a&&h?h(Array.from(v)):i(v)},[d,a,h,r]);return n.jsx("div",{className:"accordion",role:"region","aria-multiselectable":r,children:e.map(g=>{const v=d.has(g.id),S=`accordion-heading-${g.id}`,$=`accordion-panel-${g.id}`;return n.jsxs("div",{className:`accordion-item border rounded border-gray-300 dark:border-gray-700 ${o}`,children:[n.jsxs("button",{id:S,type:"button","aria-expanded":v,"aria-controls":$,onClick:()=>w(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 ${t}`,children:[b?b(g,v):g.title,f?n.jsx(We,{}):null]}),n.jsx("div",{id:$,role:"region","aria-labelledby":S,hidden:!v,className:`p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${s}`,children:u?u(g,v):g.content})]},g.id)})})},ue=l.createContext(null),U=()=>{const e=l.useContext(ue);if(!e)throw new Error("useModalActions must be used within a ModalActionProvider");return e},he=l.createContext(null),W=()=>l.useContext(he);function Ge({id:e,variant:r="center",title:o,children:t,standalone:a=!1,showFloatingClose:h=!1,containerClasses:b="",headerClasses:u="",bodyClasses:f="",onClose:s,disableEscapeClose:c=!1,closeBtnStyle:i}){const d=W(),w=U(),g=!a&&!!d&&!!w,[v,S]=l.useState(!1),$=g?d.isOpen(e):v,M=g?d.getModalData(e):null,k=r==="bottom-sheet",x=l.useCallback(()=>{g?w.closeModal(e):S(!1),s==null||s()},[g,w,e,s]),y=l.useRef(null);return l.useEffect(()=>{$&&(y.current=document.activeElement);const C=document.getElementById(e),O=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'],L=()=>{if(!C)return[];const p=C.querySelectorAll(O.join(","));return Array.from(p).filter(E=>E.offsetParent!==null)},D=p=>{if(p.key==="Tab"){const E=L();if(E.length===0)return;const P=E[0],N=E[E.length-1];p.shiftKey?document.activeElement===P&&(p.preventDefault(),N.focus()):document.activeElement===N&&(p.preventDefault(),P.focus())}},j=p=>{p.key==="Escape"&&!c&&x(),D(p)};return $&&(document.body.style.overflow="hidden",setTimeout(()=>{const p=L();p.length&&p[0].focus()},0),window.addEventListener("keydown",j)),()=>{var p;document.body.style.overflow="",(p=y.current)==null||p.focus(),window.removeEventListener("keydown",j)}},[$,c,x,e]),$?n.jsx("div",{id:e,className:`fixed inset-0 z-50 bg-black/60 backdrop-blur-[2px] ${k?"flex items-end justify-center":"flex items-center justify-center"}`,children:n.jsxs("div",{className:`bg-white shadow-lg transform transition-all duration-300 ${k?"w-full rounded-t-3xl max-h-[92dvh] overflow-y-auto animate-slide-up p-4":"w-full max-w-md rounded-lg scale-100 p-4"} ${b}`,children:[n.jsxs("div",{className:`flex justify-between items-center relative ${u}`,children:[o&&n.jsx("h2",{className:"text-lg font-semibold",children:o}),h&&n.jsx("button",{onClick:x,"aria-label":"Close modal",className:`text-gray-500 hover:text-black absolute top-0 right-3 hover:bg-gray-200 rounded-full aspect-square w-8 ${i}`,children:"✕"})]}),n.jsx("div",{className:f,children:typeof t=="function"?t({modalData:M}):t})]})}):null}function Xe({children:e}){const[r,o]=l.useState({}),[t,a]=l.useState({}),h=l.useCallback((i,d)=>{o(w=>({...w,[i]:!0})),d&&a(w=>({...w,[i]:d}))},[]),b=l.useCallback(i=>{o(d=>({...d,[i]:!1})),a(d=>{const w={...d};return delete w[i],w})},[]),u=l.useCallback(i=>!!r[i],[r]),f=l.useCallback(i=>t[i],[t]),s=l.useMemo(()=>({openModal:h,closeModal:b}),[h,b]),c=l.useMemo(()=>({isOpen:u,getModalData:f}),[u,f]);return n.jsx(ue.Provider,{value:s,children:n.jsx(he.Provider,{value:c,children:e})})}function Je(e){const{openModal:r,closeModal:o}=U(),{isOpen:t,getModalData:a}=W();return{open:h=>r(e,h),close:()=>o(e),isOpen:t(e),data:a(e)}}let q=null,G={};function Qe(e){q=e}function Ve(e){G={...G,...e}}function Re(){return G}function eo(e,r,o=3e3,t){q?q(e,r,o,t):console.warn("Toast system is not mounted")}function oo(e){return Z({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 ro=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const r=Math.random()*16|0;return(e==="x"?r:r&3|8).toString(16)}),to=({containerStyle:e=""})=>{const[r,o]=l.useState([]);l.useEffect(()=>{Qe((a,h,b,u)=>{const f=ro();o(s=>[...s,{id:f,type:a,message:h,config:u}]),setTimeout(()=>{o(s=>s.filter(c=>c.id!==f))},b)})},[]);const t=Re();return n.jsx("div",{className:`fixed top-5 right-5 z-9999 flex flex-col gap-2 ${e}`,children:r.map(a=>{var s,c,i,d,w,g,v,S,$,M,k,x,y,C;const h=((s=a.config)==null?void 0:s.icon)||((c=t.icons)==null?void 0:c[a.type])||lo(a.type),b=((i=a.config)==null?void 0:i.bgColor)||((w=(d=t.colors)==null?void 0:d[a.type])==null?void 0:w.bg)||"bg-white dark:bg-gray-800",u=((g=a.config)==null?void 0:g.textColor)||((S=(v=t.colors)==null?void 0:v[a.type])==null?void 0:S.text)||"text-gray-700 dark:text-gray-300",f=`w-8 h-8 mr-3 text-xl flex items-center justify-center ${($=a.config)==null?void 0:$.iconContainerClass}`;return n.jsxs("div",{className:`flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${b} ${u} ${(M=a.config)==null?void 0:M.containerBody}`,children:[h&&n.jsx("div",{className:f,children:h}),n.jsxs("div",{className:"flex-1",children:[((k=a.config)==null?void 0:k.title)&&n.jsx("div",{className:`font-semibold text-black ${(x=a.config)==null?void 0:x.titleClass}`,children:a.config.title}),((y=a.config)==null?void 0:y.description)&&n.jsx("div",{className:`text-sm text-gray-500 ${(C=a.config)==null?void 0:C.subTitleClass}`,children:a.config.description})]}),n.jsx("button",{onClick:()=>o(O=>O.filter(L=>L.id!==a.id)),className:"ml-auto text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white","aria-label":"Close",children:n.jsx(oo,{size:18})})]},a.id)})})};function lo(e){switch(e){case"success":return"✅";case"error":return"❌";case"warning":return"⚠️";case"info":return"ℹ️"}}m.Accordion=qe,m.Badge=He,m.BottomSheet=Ue,m.BottomSheetProvider=Ze,m.Button=$e,m.Checkbox=ae,m.Dropdown=Be,m.Input=ee,m.Modal=Ge,m.ModalProvider=Xe,m.Select=oe,m.Toast=to,m.Toggler=Ye,m.Tooltip=ze,m.setToastDefaults=Ve,m.showToast=eo,m.useBottomSheet=de,m.useModalActions=U,m.useModalInstance=Je,m.useModalState=W,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+          `,children:n.jsx("div",{className:"h-1 w-14 rounded-full bg-gray-500"})}),n.jsx("div",{className:"flex-1 overflow-y-auto p-4",children:r})]})]}),document.body)}function We(e){return Z({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 qe=({items:e,allowMultipleOpen:r=!1,className:o="",tileClasses:t="",open:a,onChange:h,renderTitle:g,renderContent:u,showArrowIcon:f=!0,panelClasses:s=""})=>{const[c,i]=l.useState(new Set),d=l.useMemo(()=>a?new Set(a):c,[a,c]),w=l.useCallback(b=>{const v=new Set(d);v.has(b)?v.delete(b):(r||v.clear(),v.add(b)),a&&h?h(Array.from(v)):i(v)},[d,a,h,r]);return n.jsx("div",{className:"accordion",role:"region","aria-multiselectable":r,children:e.map(b=>{const v=d.has(b.id),$=`accordion-heading-${b.id}`,S=`accordion-panel-${b.id}`;return n.jsxs("div",{className:`accordion-item border rounded border-gray-300 dark:border-gray-700 ${o}`,children:[n.jsxs("button",{id:$,type:"button","aria-expanded":v,"aria-controls":S,onClick:()=>w(b.id),className:`flex justify-between items-center w-full p-1.5 text-left text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none gap-3 ${t}`,children:[g?g(b,v):b.title,f?n.jsx(We,{}):null]}),n.jsx("div",{id:S,role:"region","aria-labelledby":$,hidden:!v,className:`p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${s}`,children:u?u(b,v):b.content})]},b.id)})})},ue=l.createContext(null),U=()=>{const e=l.useContext(ue);if(!e)throw new Error("useModalActions must be used within a ModalActionProvider");return e},he=l.createContext(null),W=()=>l.useContext(he);function Ge({id:e,variant:r="center",title:o,children:t,standalone:a=!1,showFloatingClose:h=!1,containerClasses:g="",headerClasses:u="",bodyClasses:f="",onClose:s,disableEscapeClose:c=!1,closeBtnStyle:i}){const d=W(),w=U(),b=!a&&!!d&&!!w,[v,$]=l.useState(!1),S=b?d.isOpen(e):v,O=b?d.getModalData(e):null,k=r==="bottom-sheet",C=l.useCallback(()=>{b?w.closeModal(e):$(!1),s==null||s()},[b,w,e,s]),y=l.useRef(null);return l.useEffect(()=>{if(!S)return;const m=window.scrollY,L={position:document.body.style.position,top:document.body.style.top,width:document.body.style.width};document.body.style.position="fixed",document.body.style.top=`-${m}px`,document.body.style.width="100%";const N=P=>{P.preventDefault()};return document.addEventListener("touchmove",N,{passive:!1}),()=>{document.body.style.position=L.position,document.body.style.top=L.top,document.body.style.width=L.width,document.removeEventListener("touchmove",N),window.scrollTo(0,m)}},[S]),l.useEffect(()=>{S&&(y.current=document.activeElement);const m=document.getElementById(e),L=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'],N=()=>{if(!m)return[];const p=m.querySelectorAll(L.join(","));return Array.from(p).filter(M=>M.offsetParent!==null)},P=p=>{if(p.key!=="Tab")return;const M=N();if(!M.length)return;const D=M[0],E=M[M.length-1];p.shiftKey?document.activeElement===D&&(p.preventDefault(),E.focus()):document.activeElement===E&&(p.preventDefault(),D.focus())},j=p=>{p.key==="Escape"&&!c&&C(),P(p)};return S&&(window.addEventListener("keydown",j),setTimeout(()=>{const p=N();p.length&&p[0].focus()},0)),()=>{var p;window.removeEventListener("keydown",j),(p=y.current)==null||p.focus()}},[S,C,c,e]),S?n.jsx("div",{id:e,className:`
+        fixed inset-0 z-50
+        bg-black/60 backdrop-blur-[2px]
+        flex
+        ${k?"items-end justify-center":"items-center justify-center"}
+      `,children:n.jsxs("div",{className:`
+          bg-white shadow-lg
+          transform transition-all duration-300
+
+          ${k?`
+                w-full
+                rounded-t-3xl
+                max-h-[92dvh]
+                overflow-y-auto
+                animate-slide-up
+                p-4
+              `:`
+                w-full max-w-md
+                rounded-lg
+                p-4
+              `}
+
+          ${g}
+        `,children:[n.jsxs("div",{className:`
+            flex justify-between
+            items-center relative
+            ${u}
+          `,children:[o&&n.jsx("h2",{className:"text-lg font-semibold",children:o}),h&&n.jsx("button",{onClick:C,"aria-label":"Close modal",className:`
+                text-gray-500 hover:text-black
+                absolute top-0 right-3
+                hover:bg-gray-200
+                rounded-full
+                w-8 aspect-square
+
+                ${i}
+              `,children:"✕"})]}),n.jsx("div",{className:f,children:typeof t=="function"?t({modalData:O}):t})]})}):null}function Xe({children:e}){const[r,o]=l.useState({}),[t,a]=l.useState({}),h=l.useCallback((i,d)=>{o(w=>({...w,[i]:!0})),d&&a(w=>({...w,[i]:d}))},[]),g=l.useCallback(i=>{o(d=>({...d,[i]:!1})),a(d=>{const w={...d};return delete w[i],w})},[]),u=l.useCallback(i=>!!r[i],[r]),f=l.useCallback(i=>t[i],[t]),s=l.useMemo(()=>({openModal:h,closeModal:g}),[h,g]),c=l.useMemo(()=>({isOpen:u,getModalData:f}),[u,f]);return n.jsx(ue.Provider,{value:s,children:n.jsx(he.Provider,{value:c,children:e})})}function Je(e){const{openModal:r,closeModal:o}=U(),{isOpen:t,getModalData:a}=W();return{open:h=>r(e,h),close:()=>o(e),isOpen:t(e),data:a(e)}}let q=null,G={};function Qe(e){q=e}function Ve(e){G={...G,...e}}function Re(){return G}function eo(e,r,o=3e3,t){q?q(e,r,o,t):console.warn("Toast system is not mounted")}function oo(e){return Z({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 ro=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const r=Math.random()*16|0;return(e==="x"?r:r&3|8).toString(16)}),to=({containerStyle:e=""})=>{const[r,o]=l.useState([]);l.useEffect(()=>{Qe((a,h,g,u)=>{const f=ro();o(s=>[...s,{id:f,type:a,message:h,config:u}]),setTimeout(()=>{o(s=>s.filter(c=>c.id!==f))},g)})},[]);const t=Re();return n.jsx("div",{className:`fixed top-5 right-5 z-9999 flex flex-col gap-2 ${e}`,children:r.map(a=>{var s,c,i,d,w,b,v,$,S,O,k,C,y,m;const h=((s=a.config)==null?void 0:s.icon)||((c=t.icons)==null?void 0:c[a.type])||lo(a.type),g=((i=a.config)==null?void 0:i.bgColor)||((w=(d=t.colors)==null?void 0:d[a.type])==null?void 0:w.bg)||"bg-white dark:bg-gray-800",u=((b=a.config)==null?void 0:b.textColor)||(($=(v=t.colors)==null?void 0:v[a.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 ${(S=a.config)==null?void 0:S.iconContainerClass}`;return n.jsxs("div",{className:`flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${g} ${u} ${(O=a.config)==null?void 0:O.containerBody}`,children:[h&&n.jsx("div",{className:f,children:h}),n.jsxs("div",{className:"flex-1",children:[((k=a.config)==null?void 0:k.title)&&n.jsx("div",{className:`font-semibold text-black ${(C=a.config)==null?void 0:C.titleClass}`,children:a.config.title}),((y=a.config)==null?void 0:y.description)&&n.jsx("div",{className:`text-sm text-gray-500 ${(m=a.config)==null?void 0:m.subTitleClass}`,children:a.config.description})]}),n.jsx("button",{onClick:()=>o(L=>L.filter(N=>N.id!==a.id)),className:"ml-auto text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white","aria-label":"Close",children:n.jsx(oo,{size:18})})]},a.id)})})};function lo(e){switch(e){case"success":return"✅";case"error":return"❌";case"warning":return"⚠️";case"info":return"ℹ️"}}x.Accordion=qe,x.Badge=Ye,x.BottomSheet=Ue,x.BottomSheetProvider=Ze,x.Button=$e,x.Checkbox=ae,x.Dropdown=Be,x.Input=ee,x.Modal=Ge,x.ModalProvider=Xe,x.Select=oe,x.Toast=to,x.Toggler=He,x.Tooltip=ze,x.setToastDefaults=Ve,x.showToast=eo,x.useBottomSheet=de,x.useModalActions=U,x.useModalInstance=Je,x.useModalState=W,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-ux-kit",
-  "version": "1.0.105",
+  "version": "1.0.106",
   "main": "lib/tailwind-ux-kit.es.js",
   "module": "lib/tailwind-ux-kit.umd.js",
   "types": "lib/tailwind-ux-kit.es.d.ts",