@mateosuarezdev/react-ui 1.0.7 → 1.0.13

package/dist/index.js

@@ -1,12 +1,12 @@
 import { jsx as f, jsxs as w, Fragment as Te } from "react/jsx-runtime";
-import { useRef as N, useEffect as j, useState as L, useSyncExternalStore as Ke, useCallback as K, useId as ve, forwardRef as H, memo as Be, useContext as xe, createContext as we } from "react";
+import { useRef as N, useEffect as I, useState as D, useSyncExternalStore as Ke, useCallback as K, useId as ve, forwardRef as H, memo as Be, useContext as xe, createContext as we } from "react";
 import { createPortal as ye } from "react-dom";
 import { clsx as Ve } from "clsx";
 import { twMerge as Xe } from "tailwind-merge";
 import { atom as Ue } from "@mateosuarezdev/atoms";
-import { appendErrors as ke, FormProvider as Ze, useForm as Pe, useFormContext as W, Controller as R } from "react-hook-form";
+import { appendErrors as ke, FormProvider as Ze, useForm as Pe, useFormContext as R, Controller as W } from "react-hook-form";
 import { validateFieldsNatively as me, toNestErrors as be } from "@hookform/resolvers";
-import { Check as Ne, Minus as Ye, DollarSign as qe, CheckIcon as J, EyeOffIcon as Ge, Eye as Je, XIcon as Qe, ChevronDownIcon as He, X as We, Plus as Re } from "lucide-react";
+import { Check as Ne, Minus as Ye, DollarSign as qe, CheckIcon as J, EyeOffIcon as Ge, Eye as Je, XIcon as Qe, ChevronDownIcon as He, X as Re, Plus as We } from "lucide-react";
 import { AnimatePresence as et, motion as tt } from "framer-motion";
 const p = (...e) => Xe(Ve(e));
 function ae(e, n = 100) {
@@ -115,7 +115,7 @@ const Q = (e) => {
   deps: i = []
 } = {}) => {
   const l = N(null);
-  return j(() => {
+  return I(() => {
     if (!l.current || !t) return;
     let s = !1;
     const a = ae(() => {
@@ -138,8 +138,8 @@ const Q = (e) => {
   enabled: r = !0,
   deps: t = []
 } = {}) => {
-  const i = N(null), [l, s] = L(null);
-  return j(() => {
+  const i = N(null), [l, s] = D(null);
+  return I(() => {
     if (!i.current || !r) return;
     let o = !1;
     const c = ae(() => {
@@ -239,7 +239,7 @@ const pe = ae(() => {
   le.set(window.innerWidth > 1024);
 });
 typeof window < "u" && (se && (window.removeEventListener("resize", pe), se = !1), window.addEventListener("resize", pe), se = !0);
-const lt = () => (j(() => {
+const lt = () => (I(() => {
   le.set(window.innerWidth > 1024);
 }, []), ot(le));
 function it(...e) {
@@ -290,7 +290,7 @@ const at = (e = !0, n) => {
   onOpen: o,
   onClose: a
 } = {}) => {
-  const [c, u] = L(!1), [d, b] = L({
+  const [c, u] = D(!1), [d, b] = D({
     width: 192,
     height: 300
   }), m = N(null), g = N(null), v = N({
@@ -320,7 +320,7 @@ const at = (e = !0, n) => {
     },
     [v.current, d, n, r]
   );
-  j(() => {
+  I(() => {
     if (!c || !e || (x.current = document.getElementById(e), !x.current)) return;
     c && O();
     const E = () => {
@@ -437,7 +437,7 @@ const at = (e = !0, n) => {
 };
 function ar(e) {
   const n = N(null);
-  return j(() => {
+  return I(() => {
     const r = (t) => {
       n.current && !n.current.contains(t.target) && e();
     };
@@ -452,7 +452,7 @@ function cr(e, n = {}) {
     events: t = ["mousedown", "touchstart"],
     excludeRefs: i = []
   } = n, l = N(null);
-  return j(() => {
+  return I(() => {
     if (!r) return;
     const s = (o) => {
       const a = o.target;
@@ -470,7 +470,7 @@ function cr(e, n = {}) {
   }, [e, r, t, i]), l;
 }
 function ft(e, n, r = !0) {
-  j(() => {
+  I(() => {
     if (!r) return;
     const t = (i) => {
       e.current && !e.current.contains(i.target) && n(i);
@@ -480,6 +480,21 @@ function ft(e, n, r = !0) {
     };
   }, [e, n, r]);
 }
+function ur(e, { target: n = window, event: r = "keydown", enabled: t } = {}) {
+  const i = N(e);
+  I(() => {
+    i.current = e;
+  }, [e]), I(() => {
+    if (!t) return;
+    const l = (s) => {
+      const o = s.key, a = i.current[o];
+      a && a(s);
+    };
+    return n.addEventListener(r, l), () => {
+      n.removeEventListener(r, l);
+    };
+  }, [n, r, t]);
+}
 const dt = "relative shrink-0 select-none transition outline-none duration-200 ease-out focus:ring-border-brand-light flex items-center justify-center cursor-pointer", ht = {
   xs: "text-xs px-1 gap-x-0.5 py-1",
   sm: "text-sm px-2.5 gap-x-1 py-1.5",
@@ -553,7 +568,7 @@ const dt = "relative shrink-0 select-none transition outline-none duration-200 e
     type: b = "button",
     ...m
   }, g) => {
-    const [v, x] = L(!1), A = ($) => {
+    const [v, x] = D(!1), A = ($) => {
       i === "enabled" && (d ? (x(!0), l && l($), setTimeout(() => x(!1), 1e3)) : l && l($));
     }, { ref: F, ripple: O } = at(
       a,
@@ -585,7 +600,7 @@ const dt = "relative shrink-0 select-none transition outline-none duration-200 e
   }
 );
 ie.displayName = "Button";
-const ur = ({ className: e }) => /* @__PURE__ */ f("div", { className: p("w-full h-px bg-base-4", e) }), xt = ({
+const fr = ({ className: e }) => /* @__PURE__ */ f("div", { className: p("w-full h-px bg-base-4", e) }), xt = ({
   children: e,
   size: n = 24,
   strokeWidth: r = 2,
@@ -757,7 +772,7 @@ function zt(e, n) {
   }
   return r;
 }
-function Dt(e, n, r) {
+function Lt(e, n, r) {
   if (r === void 0 && (r = {}), (function(t) {
     return "_def" in t && typeof t._def == "object" && "typeName" in t._def;
   })(e)) return function(t, i, l) {
@@ -796,7 +811,7 @@ function Dt(e, n, r) {
   };
   throw new Error("Invalid input: not a Zod schema");
 }
-function fr({
+function dr({
   methods: e,
   onSubmit: n,
   onError: r,
@@ -812,7 +827,7 @@ function fr({
         l
       ),
       onSubmit: e.handleSubmit(
-        (s) => n(s),
+        (s) => n(s, e),
         (s) => {
           i && console.log(s), r?.(s);
         }
@@ -821,9 +836,9 @@ function fr({
     }
   ) });
 }
-function dr(e, n) {
+function hr(e, n) {
   return Pe({
-    resolver: Dt(e),
+    resolver: Lt(e),
     defaultValues: n
   });
 }
@@ -832,7 +847,7 @@ const G = {
   checked: "bg-brand lg:hover:bg-brand-hover text-brand-text",
   uncheckedDisabled: "bg-base-3 border-base-4",
   checkedDisabled: "bg-base-3 border-base-4 text-base-10"
-}, Lt = H(
+}, Dt = H(
   ({
     checked: e = !1,
     onCheckedChange: n,
@@ -924,11 +939,11 @@ const G = {
     ] });
   }
 );
-Lt.displayName = "Checkbox";
-const Mt = {
+Dt.displayName = "Checkbox";
+const It = {
   solid: "bg-base-3 border border-base-4 drop-shadow-sm dark-theme:drop-shadow-none",
   outline: "border border-base-6"
-}, It = {
+}, Mt = {
   brand: "ring-1 ring-brand",
   solid: "ring-1 ring-base-6"
 }, ze = H(
@@ -951,8 +966,8 @@ const Mt = {
     value: v,
     ...x
   }, A) => {
-    const F = N(null), O = N(!1), [S, $] = L(!1), [E, z] = L(!1), _ = g === "password", B = _ && S ? "text" : c ? "number" : g, U = v !== "" && v !== null && v !== void 0;
-    return j(() => {
+    const F = N(null), O = N(!1), [S, $] = D(!1), [E, z] = D(!1), _ = g === "password", B = _ && S ? "text" : c ? "number" : g, U = v !== "" && v !== null && v !== void 0;
+    return I(() => {
       if (!O.current) {
         O.current = !0;
         return;
@@ -971,10 +986,10 @@ const Mt = {
         {
           className: p(
             "rounded-6 transition cursor-text relative",
-            Mt[t],
+            It[t],
             {
               "pt-[22px] pb-1.5": r === "floating",
-              [It[i]]: !o && E,
+              [Mt[i]]: !o && E,
               "bg-red-4 text-red-9": !!o,
               "ring-1 ring-red-9": !!o && E
             },
@@ -1072,14 +1087,14 @@ const Mt = {
   }
 );
 ze.displayName = "Input";
-const hr = ({
+const mr = ({
   name: e,
   customRead: n,
   customSet: r,
   withNullSet: t = !0,
   ...i
 }) => {
-  const { control: l } = W(), s = K(
+  const { control: l } = R(), s = K(
     (a) => n ? n(a) : a === null ? Ce(a) : a,
     [n]
   ), o = K(
@@ -1087,7 +1102,7 @@ const hr = ({
     [r]
   );
   return l ? /* @__PURE__ */ f(
-    R,
+    W,
     {
       name: e,
       control: l,
@@ -1110,7 +1125,7 @@ const hr = ({
 }, jt = {
   brand: "ring-1 ring-brand",
   solid: "ring-1 ring-base-6"
-}, De = H(
+}, Le = H(
   ({
     label: e,
     labelPosition: n = "default",
@@ -1122,7 +1137,7 @@ const hr = ({
     rows: o = 3,
     ...a
   }, c) => {
-    const [u, d] = L(!1), b = s !== "" && s !== null && s !== void 0;
+    const [u, d] = D(!1), b = s !== "" && s !== null && s !== void 0;
     return /* @__PURE__ */ w("div", { className: "relative", children: [
       n === "default" ? /* @__PURE__ */ f(
         "label",
@@ -1186,14 +1201,14 @@ const hr = ({
     ] });
   }
 );
-De.displayName = "TextArea";
-const mr = ({
+Le.displayName = "TextArea";
+const br = ({
   name: e,
   customRead: n,
   customSet: r,
   ...t
 }) => {
-  const { control: i } = W(), l = K(
+  const { control: i } = R(), l = K(
     (o) => n ? n(o) : o === null ? Ce(o) : o,
     [n]
   ), s = K(
@@ -1201,13 +1216,13 @@ const mr = ({
     [r]
   );
   return i ? /* @__PURE__ */ f(
-    R,
+    W,
     {
       name: e,
       control: i,
       render: ({ field: o, fieldState: a }) => /* @__PURE__ */ w("div", { children: [
         /* @__PURE__ */ f(
-          De,
+          Le,
           {
             value: l(o.value),
             onChange: (c) => o.onChange(s(c.target.value)),
@@ -1235,14 +1250,14 @@ const mr = ({
   maxTags: a,
   validateTag: c
 }) => {
-  const [u, d] = L(""), [b, m] = L(!1), [g, v] = L(null), x = N(null), A = N(null), F = N([]), O = t.length > 0, S = N(
+  const [u, d] = D(""), [b, m] = D(!1), [g, v] = D(null), x = N(null), A = N(null), F = N([]), O = t.length > 0, S = N(
     `taginput-${Math.random().toString(36).substr(2, 9)}`
   ).current, $ = N(
     `label-${Math.random().toString(36).substr(2, 9)}`
   ).current, E = N(
     `error-${Math.random().toString(36).substr(2, 9)}`
   ).current;
-  j(() => {
+  I(() => {
     F.current = F.current.slice(0, t.length);
   }, [t.length]);
   const z = (k) => {
@@ -1258,11 +1273,11 @@ const mr = ({
         return;
       }
       if (c) {
-        const I = c(C);
-        if (typeof I == "string") {
-          v(I);
+        const j = c(C);
+        if (typeof j == "string") {
+          v(j);
           return;
-        } else if (I === !1) {
+        } else if (j === !1) {
           v("Invalid tag");
           return;
         }
@@ -1275,13 +1290,13 @@ const mr = ({
   }, _ = (k, C) => {
     if (k.key === "Backspace" || k.key === "Delete") {
       k.preventDefault();
-      const I = t[C], Z = [...t];
+      const j = t[C], Z = [...t];
       Z.splice(C, 1), i(Z), setTimeout(() => {
         x.current && x.current.focus();
-      }, 0), M(`Removed tag ${I}`);
+      }, 0), M(`Removed tag ${j}`);
     } else k.key === "ArrowRight" ? (k.preventDefault(), C < t.length - 1 ? F.current[C + 1]?.focus() : x.current?.focus()) : k.key === "ArrowLeft" && (k.preventDefault(), C > 0 && F.current[C - 1]?.focus());
   }, B = (k, C) => {
-    i(t.filter((I) => I !== k)), setTimeout(() => {
+    i(t.filter((j) => j !== k)), setTimeout(() => {
       C < t.length - 1 ? F.current[C]?.focus() : C > 0 ? F.current[C - 1]?.focus() : x.current?.focus();
     }, 0), M(`Removed tag ${k}`);
   }, U = (k) => {
@@ -1356,8 +1371,8 @@ const mr = ({
                   t.map((k, C) => /* @__PURE__ */ w(
                     "div",
                     {
-                      ref: (I) => {
-                        F.current[C] = I;
+                      ref: (j) => {
+                        F.current[C] = j;
                       },
                       className: p(
                         "line-clamp-1 text-brand rounded-full px-2 text-sm flex items-center",
@@ -1369,7 +1384,7 @@ const mr = ({
                       tabIndex: 0,
                       role: "button",
                       "aria-label": `${k}, press delete or backspace to remove`,
-                      onKeyDown: (I) => _(I, C),
+                      onKeyDown: (j) => _(j, C),
                       children: [
                         k,
                         /* @__PURE__ */ f(
@@ -1425,10 +1440,10 @@ const mr = ({
     ),
     /* @__PURE__ */ f("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: t.length > 0 ? `Current tags: ${t.join(", ")}` : "No tags added yet" })
   ] });
-}, br = ({ name: e, ...n }) => {
-  const { control: r } = W();
+}, pr = ({ name: e, ...n }) => {
+  const { control: r } = R();
   return r ? /* @__PURE__ */ f(
-    R,
+    W,
     {
       name: e,
       control: r,
@@ -1463,7 +1478,7 @@ const mr = ({
   disabled: m = !1,
   className: g
 }) => {
-  const [v, x] = L(""), [A, F] = L(!1), [O, S] = L(-1), $ = N(null), E = N(null), z = N([]), {
+  const [v, x] = D(""), [A, F] = D(!1), [O, S] = D(-1), $ = N(null), E = N(null), z = N([]), {
     triggerRef: _,
     triggerProps: B,
     popoverRef: U,
@@ -1481,7 +1496,7 @@ const mr = ({
     onClose: () => {
       F(!1), x(""), S(-1);
     }
-  }), I = N(
+  }), j = N(
     `multiselect-${Math.random().toString(36).substr(2, 9)}`
   ).current, Z = N(
     `label-${Math.random().toString(36).substr(2, 9)}`
@@ -1490,11 +1505,11 @@ const mr = ({
   ).current, ee = N(
     `listbox-${Math.random().toString(36).substr(2, 9)}`
   ).current, T = o ? t.map((h) => r.find(
-    (D) => l(D) === h || l(D) === l(h)
+    (L) => l(L) === h || l(L) === l(h)
   )).filter(Boolean) : t, te = T.length > 0, X = b ? r.filter(
     (h) => s(h).toLowerCase().includes(v.toLowerCase())
   ) : r;
-  j(() => {
+  I(() => {
     z.current = z.current.slice(0, X.length);
   }, [X.length]);
   const ue = (h) => o ? t.some(
@@ -1506,13 +1521,13 @@ const mr = ({
       if (ue(h)) {
         let y;
         if (o) {
-          const D = l(h);
+          const L = l(h);
           y = t.filter(
-            (P) => P !== D && l(P) !== D
+            (P) => P !== L && l(P) !== L
           );
         } else
           y = t.filter(
-            (D) => l(D) !== l(h)
+            (L) => l(L) !== l(h)
           );
         i(y), Y(`Removed ${s(h)}`);
       } else {
@@ -1527,13 +1542,13 @@ const mr = ({
     if (m) return;
     let y;
     if (o) {
-      const D = l(h);
+      const L = l(h);
       y = t.filter(
-        (P) => P !== D && l(P) !== D
+        (P) => P !== L && l(P) !== L
       );
     } else
       y = t.filter(
-        (D) => l(D) !== l(h)
+        (L) => l(L) !== l(h)
       );
     i(y), Y(`Removed ${s(h)}`);
   }, he = (h) => {
@@ -1566,7 +1581,7 @@ const mr = ({
           }
           break;
       }
-  }, Ie = (h) => {
+  }, Me = (h) => {
     x(h.target.value), S(-1);
   }, je = () => {
     m || (b && $.current && $.current.focus(), k());
@@ -1620,7 +1635,7 @@ const mr = ({
               "label",
               {
                 id: Z,
-                htmlFor: I,
+                htmlFor: j,
                 className: p(
                   "absolute transition-all duration-200 pointer-events-none",
                   "text-base top-4 font-semibold left-3",
@@ -1674,11 +1689,11 @@ const mr = ({
                     "input",
                     {
                       ref: $,
-                      id: I,
+                      id: j,
                       type: "text",
                       className: "flex-grow min-w-[60px] bg-transparent outline-none placeholder:text-sm",
                       value: v,
-                      onChange: Ie,
+                      onChange: Me,
                       onKeyDown: he,
                       placeholder: te ? "" : u,
                       disabled: m,
@@ -1731,7 +1746,7 @@ const mr = ({
         id: ee,
         "aria-labelledby": Z,
         children: X.length === 0 ? /* @__PURE__ */ f("div", { className: "px-3 py-2 text-sm text-secondarytext", children: v ? "No results found" : "No options available" }) : X.map((h, y) => {
-          const D = ue(h);
+          const L = ue(h);
           return /* @__PURE__ */ w(
             "div",
             {
@@ -1745,16 +1760,16 @@ const mr = ({
                 // !selected && "pl-9",
                 {
                   "bg-base-3 dark-theme:bg-base-4": y === O,
-                  "bg-brandfadedbg text-brand": D
+                  "bg-brandfadedbg text-brand": L
                 }
               ),
               onClick: () => fe(h),
               role: "option",
-              "aria-selected": D,
+              "aria-selected": L,
               onMouseEnter: () => S(y),
               children: [
                 /* @__PURE__ */ f("span", { children: s(h) }),
-                D && /* @__PURE__ */ f(J, { size: 16 })
+                L && /* @__PURE__ */ f(J, { size: 16 })
               ]
             },
             l(h)
@@ -1773,13 +1788,13 @@ const mr = ({
     ),
     /* @__PURE__ */ f("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: T.length > 0 ? `Selected: ${T.map(s).join(", ")}` : "No selections" })
   ] });
-}, pr = ({
+}, gr = ({
   name: e,
   ...n
 }) => {
-  const { control: r } = W();
+  const { control: r } = R();
   return r ? /* @__PURE__ */ f(
-    R,
+    W,
     {
       name: e,
       control: r,
@@ -1797,7 +1812,7 @@ const mr = ({
     "Form control missing for field: ",
     e
   ] }));
-}, gr = ({
+}, vr = ({
   isEditable: e,
   isDeletable: n = !0,
   createUpdateLoading: r,
@@ -1809,7 +1824,7 @@ const mr = ({
   deleteText: a = "Eliminar",
   className: c
 }) => {
-  const [u, d] = L(!1);
+  const [u, d] = D(!1);
   return /* @__PURE__ */ w("div", { className: `w-full grid grid-cols-2 gap-4 col-span-full ${c}`, children: [
     e && n ? /* @__PURE__ */ w(
       ie,
@@ -1820,7 +1835,7 @@ const mr = ({
           l ? u ? i?.() : d(!0) : i?.();
         },
         children: [
-          /* @__PURE__ */ f(We, { size: 18 }),
+          /* @__PURE__ */ f(Re, { size: 18 }),
           l && u ? "Confirmar" : a
         ]
       }
@@ -1833,14 +1848,14 @@ const mr = ({
         state: r ? "loading" : t ? "disabled" : "enabled",
         type: "submit",
         children: [
-          r ? /* @__PURE__ */ f(wt, {}) : e ? /* @__PURE__ */ f(Ne, { size: 18 }) : /* @__PURE__ */ f(Re, { size: 18 }),
+          r ? /* @__PURE__ */ f(wt, {}) : e ? /* @__PURE__ */ f(Ne, { size: 18 }) : /* @__PURE__ */ f(We, { size: 18 }),
           e ? o : s
         ]
       }
     )
   ] });
 };
-function vr({
+function xr({
   checked: e,
   onCheckedChange: n,
   disabled: r = !1,
@@ -1863,12 +1878,11 @@ function vr({
         r || n(!e);
       },
       className: p(
-        `
-        relative inline-flex h-6 w-11 items-center rounded-full
+        `relative inline-flex h-[28px] w-[48px] items-center rounded-full
         transition-colors duration-200 ease-in-out
-        focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2
-        focus-visible:ring-blue-500`,
-        e ? "bg-blue-600" : "bg-gray-200",
+        focus-visible:outline-none focus-visible:ring-1
+        focus-visible:ring-base-6`,
+        e ? "bg-brand" : "bg-base-3",
         r ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
         l
       ),
@@ -1877,10 +1891,10 @@ function vr({
           "span",
           {
             className: p(
-              `inline-block h-5 w-5 transform rounded-full bg-white
+              `inline-block h-6 w-6 transform rounded-full
           transition-transform duration-200 ease-in-out
-          shadow-lg`,
-              e ? "translate-x-6" : "translate-x-0.5"
+          shadow`,
+              e ? "bg-brand-text translate-x-[22px]" : "bg-base-1 dark-theme:bg-base-12 translate-x-[2px]"
             )
           }
         ),
@@ -1903,16 +1917,16 @@ function vr({
     }
   );
 }
-const Le = we(null), Kt = ({
+const De = we(null), Kt = ({
   children: e,
   value: n
-}) => /* @__PURE__ */ f(Le.Provider, { value: n, children: e }), Bt = () => {
-  const e = xe(Le);
+}) => /* @__PURE__ */ f(De.Provider, { value: n, children: e }), Bt = () => {
+  const e = xe(De);
   if (!e)
     throw new Error("useAliveScope must be wrapped within AliveScopeProvider");
   return e;
-}, xr = ({ children: e }) => {
-  const [n, r] = L({}), t = N(
+}, wr = ({ children: e }) => {
+  const [n, r] = D({}), t = N(
     {}
   ), i = N(
     {}
@@ -1954,16 +1968,16 @@ const Le = we(null), Kt = ({
       ]
     }
   );
-}, Me = we(
+}, Ie = we(
   null
 ), Vt = ({
   children: e,
   value: n
-}) => /* @__PURE__ */ f(Me.Provider, { value: n, children: e }), Xt = Be(({ id: e, onMountCallbacks: n, onDropCallbacks: r, children: t, element: i }) => /* @__PURE__ */ f(
+}) => /* @__PURE__ */ f(Ie.Provider, { value: n, children: e }), Xt = Be(({ id: e, onMountCallbacks: n, onDropCallbacks: r, children: t, element: i }) => /* @__PURE__ */ f(
   Vt,
   {
     value: { keepAliveId: e, onKeepAliveMount: (o, a = { runOnFirstMount: !1 }) => {
-      j(() => {
+      I(() => {
         const c = () => {
           if (document.getElementById(e))
             o(e);
@@ -1984,7 +1998,7 @@ const Le = we(null), Kt = ({
         };
       }, []);
     }, onKeepAliveDrop: (o) => {
-      j(() => (r.current[e].push(o), () => {
+      I(() => (r.current[e].push(o), () => {
         r.current[e] = r.current[e].filter(
           (a) => a !== o
         );
@@ -1992,47 +2006,47 @@ const Le = we(null), Kt = ({
     } },
     children: ye(t, i, e)
   }
-)), wr = () => {
-  const e = xe(Me);
+)), yr = () => {
+  const e = xe(Ie);
   if (!e)
     throw new Error("useKeepAlive must be used within KeepAliveProvider");
   return e;
-}, yr = ({
+}, kr = ({
   aliveKey: e,
   children: n,
   enabled: r = !0,
   ...t
 }) => {
   const i = N(null), { getPortalElement: l } = Bt();
-  return j(() => {
+  return I(() => {
     const s = l(e, n, t.className);
     return r && i.current && i.current.replaceWith(s), () => {
     };
   }, [e, n, r, t]), /* @__PURE__ */ f("div", { ...t, ref: i, children: n });
 };
 export {
-  xr as AliveScope,
+  wr as AliveScope,
   lr as Avatar,
   ir as AvatarsGroup,
   ie as Button,
-  Lt as Checkbox,
+  Dt as Checkbox,
   nr as FocusTrap,
-  fr as Form,
-  hr as FormInput,
-  pr as FormMultiSelect,
-  gr as FormSubmit,
-  br as FormTags,
-  mr as FormTextArea,
+  dr as Form,
+  mr as FormInput,
+  gr as FormMultiSelect,
+  vr as FormSubmit,
+  pr as FormTags,
+  br as FormTextArea,
   xt as Icon,
   ze as Input,
-  yr as KeepAlive,
+  kr as KeepAlive,
   Tt as MultiSelect,
   yt as Portal,
-  ur as Separator,
+  fr as Separator,
   wt as Spinner,
-  vr as Switch,
+  xr as Switch,
   _t as Tags,
-  De as TextArea,
+  Le as TextArea,
   ut as calculatePopoverPosition,
   Q as checkOverflow,
   p as cn,
@@ -2048,10 +2062,11 @@ export {
   ar as useClickAway,
   cr as useClickAwayAdvanced,
   ft as useClickAwayWithRef,
-  wr as useKeepAlive,
+  yr as useKeepAlive,
+  ur as useKeyListener,
   lt as useLargeScreen,
   it as useMergedRef,
-  dr as useMethods,
+  hr as useMethods,
   sr as useOverflow,
   or as useOverflowState,
   ct as usePopover,