@firecms/ui 3.0.0-alpha.62 → 3.0.0-alpha.63

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as p, Fragment as V } from "react/jsx-runtime";
-import * as h from "react";
+import { jsx as e, jsxs as y, Fragment as V } from "react/jsx-runtime";
+import * as K from "react";
 import w, { useEffect as N, useCallback as cn, useRef as tn, useState as Y, useMemo as Fn, useDeferredValue as In, useLayoutEffect as Bn } from "react";
 import * as $ from "@radix-ui/react-collapsible";
 import { clsx as Tn } from "clsx";
@@ -232,7 +232,7 @@ const jn = (n) => {
   style: i
 }) => {
   const u = jn(r);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     "div",
     {
       style: i,
@@ -287,7 +287,7 @@ const jn = (n) => {
     size: u = "medium",
     ...l
   }, s) {
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ y(
       "button",
       {
         ref: s,
@@ -347,13 +347,13 @@ const jn = (n) => {
   autoFocus: l,
   disabled: s,
   size: f,
-  ...y
+  ...p
 }) {
-  const g = w.useRef(null), d = w.useRef(null), [K, b] = w.useState(l), S = () => b(!0), x = () => b(!1);
+  const g = w.useRef(null), d = w.useRef(null), [h, b] = w.useState(l), S = () => b(!0), x = () => b(!1);
   w.useEffect(() => {
   }, []);
   const v = document.activeElement === d?.current || document.activeElement === g?.current;
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     "div",
     {
       ref: g,
@@ -373,7 +373,7 @@ const jn = (n) => {
         r === "end" ? "flex-row-reverse" : "flex-row"
       ),
       onClick: s ? void 0 : (P) => {
-        y.allowIndeterminate ? t == null ? a?.(!0) : a?.(t ? !1 : null) : a?.(!t);
+        p.allowIndeterminate ? t == null ? a?.(!0) : a?.(t ? !1 : null) : a?.(!t);
       },
       children: [
         /* @__PURE__ */ e(
@@ -384,7 +384,7 @@ const jn = (n) => {
             size: f,
             className: c && v ? yn : "",
             disabled: s,
-            ...y
+            ...p
           }
         ),
         /* @__PURE__ */ e("div", { className: _(
@@ -407,7 +407,7 @@ function Jn({
   component: l,
   ...s
 }) {
-  const f = "h-fit rounded-md border uppercase inline-flex items-center justify-center p-2 px-4 text-sm font-medium focus:outline-none transition ease-in-out duration-150 gap-2", y = _(
+  const f = "h-fit rounded-md border uppercase inline-flex items-center justify-center p-2 px-4 text-sm font-medium focus:outline-none transition ease-in-out duration-150 gap-2", p = _(
     {
       "w-full": u,
       "w-fit": !u,
@@ -420,27 +420,27 @@ function Jn({
   ), g = _(
     {
       "py-1 px-2": a === "small",
-      "py-2 px-4": a === "medium",
-      "py-3 px-5": a === "large"
+      "py-2 px-3.5": a === "medium",
+      "py-3 px-4": a === "large"
     }
   );
-  return l ? /* @__PURE__ */ p(
+  return l ? /* @__PURE__ */ y(
     l,
     {
       onClick: s.onClick,
-      className: _(A, i ? "pl-3" : "", f, y, g, t),
+      className: _(A, i ? "pl-3" : "", f, p, g, t),
       ...s,
       children: [
         i,
         n
       ]
     }
-  ) : /* @__PURE__ */ p(
+  ) : /* @__PURE__ */ y(
     "button",
     {
       type: s.type ?? "button",
       onClick: s.onClick,
-      className: _(A, i ? "pl-3" : "", f, y, g, t),
+      className: _(A, i ? "pl-3" : "", f, p, g, t),
       disabled: c,
       ...s,
       children: [
@@ -14578,7 +14578,7 @@ function non({
   className: l
 }) {
   const s = typeof t == "string" ? Vn(t) : t;
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: _(
@@ -14639,7 +14639,7 @@ const ue = "hover:bg-gray-200 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:ho
     ),
     children: n
   }
-), _n = w.forwardRef(de), kn = h.forwardRef(function(t, r) {
+), _n = w.forwardRef(de), kn = K.forwardRef(function(t, r) {
   const {
     shrink: c,
     className: a,
@@ -14714,11 +14714,11 @@ function rn({
   paragraph: l = !1,
   variant: s = "body1",
   variantMapping: f = pn,
-  style: y,
+  style: p,
   onClick: g,
   ...d
 }) {
-  const K = a || (l ? "p" : f[s] || pn[s]) || "span", b = _(
+  const h = a || (l ? "p" : f[s] || pn[s]) || "span", b = _(
     A,
     pe[s],
     t ? ye[t] : "",
@@ -14729,11 +14729,11 @@ function rn({
     c
   );
   return /* @__PURE__ */ e(
-    K,
+    h,
     {
       className: b,
       onClick: g,
-      style: y,
+      style: p,
       ...d,
       children: r
     }
@@ -14750,18 +14750,18 @@ const eon = ({
   size: l,
   className: s,
   style: f,
-  inputClassName: y,
+  inputClassName: p,
   preventOpenOnFocus: g,
   invisible: d,
-  locale: K
+  locale: h
 }) => {
   const b = tn(null), S = tn(null), [x, v] = w.useState(document.activeElement === S.current), P = n != null, C = n != null && !(n instanceof Date);
   nn("DateTimeField", me);
   const D = (F) => {
     F.preventDefault(), r(null);
   };
-  return /* @__PURE__ */ p(V, { children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(V, { children: [
+    /* @__PURE__ */ y(
       "div",
       {
         className: _(
@@ -14792,7 +14792,7 @@ const eon = ({
             Mn,
             {
               ref: b,
-              locale: K,
+              locale: h,
               selected: (C ? null : n) ?? null,
               onChange: r,
               disabled: !1,
@@ -14813,7 +14813,7 @@ const eon = ({
                 !d && A,
                 l === "small" ? "min-h-[48px]" : "min-h-[64px]",
                 t ? "pt-[28px] pb-2" : "py-2",
-                y,
+                p,
                 c && "border border-transparent outline-none opacity-50 dark:opacity-50 text-gray-600 dark:text-gray-500"
               )
             }
@@ -14837,13 +14837,13 @@ const eon = ({
         ]
       }
     ),
-    C && /* @__PURE__ */ p(
+    C && /* @__PURE__ */ y(
       "div",
       {
         className: "flex items-center m-2",
         children: [
           /* @__PURE__ */ e(te, { size: "small", color: "error" }),
-          /* @__PURE__ */ p("div", { className: "pl-2", children: [
+          /* @__PURE__ */ y("div", { className: "pl-2", children: [
             /* @__PURE__ */ e(
               rn,
               {
@@ -15717,7 +15717,7 @@ const eon = ({
   maxWidth: s = "lg",
   modal: f = !0
 }) => {
-  const [y, g] = Y(!1);
+  const [p, g] = Y(!1);
   return N(() => {
     if (n)
       return g(!0), () => {
@@ -15731,20 +15731,20 @@ const eon = ({
   }, [n]), /* @__PURE__ */ e(
     R.Root,
     {
-      open: y || n,
+      open: p || n,
       modal: f,
       onOpenChange: t,
-      children: /* @__PURE__ */ e(R.Portal, { children: /* @__PURE__ */ p("div", { className: "fixed inset-0 z-30", children: [
+      children: /* @__PURE__ */ e(R.Portal, { children: /* @__PURE__ */ y("div", { className: "fixed inset-0 z-30", children: [
         /* @__PURE__ */ e(
           R.Overlay,
           {
             className: _(
               "fixed inset-0 transition-opacity z-20 ease-in-out duration-200 bg-black bg-opacity-50 dark:bg-opacity-60 backdrop-blur-sm ",
-              y && n ? "opacity-100" : "opacity-0",
+              p && n ? "opacity-100" : "opacity-0",
               "z-20 fixed top-0 left-0 w-full h-full flex justify-center items-center"
             ),
             style: {
-              pointerEvents: y ? "auto" : "none"
+              pointerEvents: p ? "auto" : "none"
             }
           }
         ),
@@ -15767,7 +15767,7 @@ const eon = ({
                   u ? "h-screen w-screen" : "max-h-[90vh] shadow-xl",
                   "ease-in-out duration-200",
                   l && "overflow-y-auto",
-                  y && n ? "opacity-100" : "opacity-0",
+                  p && n ? "opacity-100" : "opacity-0",
                   s && !u ? Ie[s] : void 0,
                   c
                 ),
@@ -15853,14 +15853,14 @@ function con({
     height: 0;
   }
 }`);
-  const [f, y] = Y(c !== void 0 ? c : i), [g, d] = Y(f);
+  const [f, p] = Y(c !== void 0 ? c : i), [g, d] = Y(f);
   return N(() => {
     f ? setTimeout(() => {
       d(!0);
     }, 220) : d(!1);
   }, [f]), N(() => {
-    c !== void 0 && y(c);
-  }, [c]), /* @__PURE__ */ e(V, { children: /* @__PURE__ */ p(
+    c !== void 0 && p(c);
+  }, [c]), /* @__PURE__ */ e(V, { children: /* @__PURE__ */ y(
     $.Root,
     {
       className: _(
@@ -15868,11 +15868,11 @@ function con({
         "rounded-md"
       ),
       open: f,
-      onOpenChange: (K) => {
-        a?.(K), y(K);
+      onOpenChange: (h) => {
+        a?.(h), p(h);
       },
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ y(
           $.Trigger,
           {
             className: _(
@@ -15914,12 +15914,12 @@ function ion({
   uploadDescription: l = "Drag and drop a file here or click",
   children: s,
   preventDropOnDocument: f = !0,
-  size: y
+  size: p
 }) {
   const {
     getRootProps: g,
     getInputProps: d,
-    isDragActive: K,
+    isDragActive: h,
     isDragAccept: b,
     isDragReject: S
   } = Rn(
@@ -15934,7 +15934,7 @@ function ion({
       preventDropOnDocument: f
     }
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     "div",
     {
       ...g(),
@@ -15945,10 +15945,10 @@ function ion({
         "flex gap-2",
         "p-4 box-border relative items-center border-2 border-solid border-transparent outline-none rounded-md duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] focus:border-primary-solid",
         {
-          "h-44": y === "medium",
-          "h-28": y === "small",
+          "h-44": p === "medium",
+          "h-28": p === "small",
           "cursor-pointer": !a,
-          "hover:bg-field-hover dark:hover:bg-field-hover-dark": !K,
+          "hover:bg-field-hover dark:hover:bg-field-hover-dark": !h,
           "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-red-500": S,
           "transition-colors duration-200 ease-[cubic-bezier(0,0,0.2,1)] border-green-500": b
         }
@@ -16004,7 +16004,7 @@ function uon({
   startIcon: a,
   ...i
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     Jn,
     {
       disabled: t || r,
@@ -16042,7 +16042,7 @@ function lon({
   defaultOpen: c,
   onOpenChange: a
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     Z.Root,
     {
       open: r,
@@ -16079,7 +16079,7 @@ function wn({ children: n, error: t }) {
     t ? "text-red-500 dark:text-red-600" : "text-gray-500 dark:text-gray-300"
   ), children: n });
 }
-const vn = h.createContext({});
+const vn = K.createContext({});
 function fon({
   value: n,
   open: t,
@@ -16091,19 +16091,19 @@ function fon({
   renderValues: l,
   includeFocusOutline: s = !0,
   containerClassName: f,
-  className: y,
+  className: p,
   children: g,
   error: d
 }) {
-  const K = h.useRef(null), b = h.useRef(null), S = h.useRef(null);
+  const h = K.useRef(null), b = K.useRef(null), S = K.useRef(null);
   hn(S, () => v(!1));
-  const [x, v] = h.useState(!1);
+  const [x, v] = K.useState(!1);
   N(() => {
     v(t ?? !1);
   }, [t]);
-  const P = h.useCallback((m) => {
+  const P = K.useCallback((m) => {
     Array.isArray(n) && n.includes(m) ? r?.(n.filter((k) => k !== m)) : r?.([...n ?? [], m]);
-  }, [n, r]), [C, D] = h.useState(""), [F, L] = h.useState(null), E = h.useCallback((m) => {
+  }, [n, r]), [C, D] = K.useState(""), [F, L] = K.useState(null), E = K.useCallback((m) => {
     const k = b.current;
     if (k) {
       if ((m.key === "Delete" || m.key === "Backspace") && k.value === "") {
@@ -16112,12 +16112,12 @@ function fon({
       }
       m.key === "Escape" && (k.blur(), v(!1), m.stopPropagation());
     }
-  }, [r, n]), O = h.useCallback(() => {
-    L(K.current?.getBoundingClientRect() ?? null), v(!0);
-  }, []), B = F ?? K.current?.getBoundingClientRect(), j = window.innerHeight - (B?.top ?? 0) - (B?.height ?? 0) - 16;
-  return /* @__PURE__ */ p(V, { children: [
+  }, [r, n]), O = K.useCallback(() => {
+    L(h.current?.getBoundingClientRect() ?? null), v(!0);
+  }, []), B = F ?? h.current?.getBoundingClientRect(), j = window.innerHeight - (B?.top ?? 0) - (B?.height ?? 0) - 16;
+  return /* @__PURE__ */ y(V, { children: [
     typeof a == "string" ? /* @__PURE__ */ e(wn, { error: d, children: a }) : a,
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ y(
       on,
       {
         onKeyDown: E,
@@ -16126,10 +16126,10 @@ function fon({
         },
         className: _("relative overflow-visible bg-transparent", f),
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ y(
             "div",
             {
-              ref: K,
+              ref: h,
               className: _(
                 "flex flex-row",
                 c === "small" ? "min-h-[42px]" : "min-h-[64px]",
@@ -16141,10 +16141,10 @@ function fon({
                 d ? "text-red-500 dark:text-red-600" : "focus:text-text-primary dark:focus:text-text-primary-dark",
                 d ? "border border-red-500 dark:border-red-600" : "",
                 s ? A : "",
-                y
+                p
               ),
               children: [
-                /* @__PURE__ */ p("div", { className: _("flex-grow flex gap-1.5 flex-wrap items-center"), children: [
+                /* @__PURE__ */ y("div", { className: _("flex-grow flex gap-1.5 flex-wrap items-center"), children: [
                   u && (n ?? []).map((m, k) => u(m, k)),
                   l && l(n ?? []),
                   /* @__PURE__ */ e(
@@ -16206,7 +16206,7 @@ function fon({
   ] });
 }
 function don({ children: n, value: t, className: r }) {
-  const c = h.useContext(vn);
+  const c = K.useContext(vn);
   if (!c)
     throw new Error("MultiSelectItem must be used inside a MultiSelect");
   const { fieldValue: a, setInputValue: i, onValueChangeInternal: u } = c;
@@ -16258,10 +16258,10 @@ function pon({
   onValueChange: l,
   onMultiValueChange: s,
   className: f,
-  inputClassName: y,
+  inputClassName: p,
   placeholder: g,
   renderValue: d,
-  renderValues: K,
+  renderValues: h,
   label: b,
   size: S = "medium",
   includeFocusOutline: x = !0,
@@ -16287,7 +16287,7 @@ function pon({
       }
     });
   }, [L, u, i, s, l]);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     M.Root,
     {
       name: r,
@@ -16302,7 +16302,7 @@ function pon({
       ...B,
       children: [
         typeof b == "string" ? /* @__PURE__ */ e(wn, { error: v, children: b }) : b,
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ y(
           "div",
           {
             className: _(
@@ -16314,7 +16314,7 @@ function pon({
               f
             ),
             children: [
-              /* @__PURE__ */ p(
+              /* @__PURE__ */ y(
                 M.Trigger,
                 {
                   ref: n,
@@ -16330,17 +16330,17 @@ function pon({
                     P ? "text-gray-600 dark:text-gray-400" : "text-gray-800 dark:text-gray-200",
                     "relative flex items-center",
                     x ? A : "",
-                    y
+                    p
                   ),
                   children: [
-                    /* @__PURE__ */ e(M.Value, { asChild: !0, children: /* @__PURE__ */ p("div", { className: _(
+                    /* @__PURE__ */ e(M.Value, { asChild: !0, children: /* @__PURE__ */ y("div", { className: _(
                       "flex-grow w-full max-w-full flex flex-row gap-2 items-center",
                       "overflow-visible",
                       S === "small" ? "h-[42px]" : "h-[64px]"
                     ), children: [
                       d && (i && Array.isArray(i) ? i.map((I, T) => /* @__PURE__ */ e("div", { className: "flex items-center gap-1 max-w-full", children: d ? d(I, T) : I }, I)) : typeof i == "string" ? d ? d(i, 0) : i : g),
-                      K && (!i || Array.isArray(i)) ? K(i ?? []) : null,
-                      !d && !K && i
+                      h && (!i || Array.isArray(i)) ? h(i ?? []) : null,
+                      !d && !h && i
                     ] }) }),
                     /* @__PURE__ */ e(M.Icon, { className: _(
                       "px-2 h-full flex items-center"
@@ -16395,7 +16395,7 @@ function mon({
   disabled: r,
   className: c
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     M.Item,
     {
       value: n,
@@ -16434,7 +16434,7 @@ function Ion({
   children: t,
   className: r
 }) {
-  return /* @__PURE__ */ p(V, { children: [
+  return /* @__PURE__ */ y(V, { children: [
     /* @__PURE__ */ e(
       M.Group,
       {
@@ -16454,22 +16454,24 @@ function gon({
   placeholder: t = "Search",
   expandable: r = !1,
   large: c = !1,
-  className: a,
-  autoFocus: i
+  innerClassName: a,
+  className: i,
+  autoFocus: u
 }) {
-  const [u, l] = Y(""), [s, f] = Y(!1), y = In(u);
+  const [l, s] = Y(""), [f, p] = Y(!1), g = In(l);
   w.useEffect(() => {
-    n(y || void 0);
-  }, [y]);
-  const g = cn(() => {
-    l(""), n(void 0);
+    n(g || void 0);
+  }, [g]);
+  const d = cn(() => {
+    s(""), n(void 0);
   }, []);
-  return /* @__PURE__ */ p("div", { className: _(
+  return /* @__PURE__ */ y("div", { className: _(
     "relative",
     c ? "h-14" : "h-[42px]",
     "bg-gray-50 dark:bg-gray-800 transition duration-150 ease-in-out border",
     X,
-    "rounded"
+    "rounded",
+    i
   ), children: [
     /* @__PURE__ */ e(
       "div",
@@ -16482,27 +16484,27 @@ function gon({
       "input",
       {
         placeholder: t,
-        value: u,
-        onChange: (d) => {
-          l(d.target.value);
+        value: l,
+        onChange: (h) => {
+          s(h.target.value);
         },
-        autoFocus: i,
-        onFocus: () => f(!0),
-        onBlur: () => f(!1),
+        autoFocus: u,
+        onFocus: () => p(!0),
+        onBlur: () => p(!1),
         className: _(
           "relative flex items-center rounded transition-all bg-transparent outline-none appearance-none border-none",
           "pl-12 h-full text-current ",
-          r ? s ? "w-[220px]" : "w-[180px]" : "",
+          r ? f ? "w-[220px]" : "w-[180px]" : "",
           A,
           a
         )
       }
     ),
-    u ? /* @__PURE__ */ e(
+    l ? /* @__PURE__ */ e(
       _n,
       {
         className: `${c ? "mr-2 top-1" : "mr-1 top-0"} absolute right-0 z-10`,
-        onClick: g,
+        onClick: d,
         children: /* @__PURE__ */ e(bn, { size: "small" })
       }
     ) : /* @__PURE__ */ e("div", { style: { width: 26 } })
@@ -16539,7 +16541,7 @@ const hon = ({
     {
       open: u || r,
       onOpenChange: c,
-      children: /* @__PURE__ */ p(R.Portal, { children: [
+      children: /* @__PURE__ */ y(R.Portal, { children: [
         /* @__PURE__ */ e(
           R.Overlay,
           {
@@ -16578,8 +16580,8 @@ const hon = ({
   );
 };
 function Kon() {
-  return /* @__PURE__ */ p("div", { role: "status", children: [
-    /* @__PURE__ */ p(
+  return /* @__PURE__ */ y("div", { role: "status", children: [
+    /* @__PURE__ */ y(
       "svg",
       {
         "aria-hidden": "true",
@@ -16629,7 +16631,7 @@ const Ke = {
 function mn(n) {
   return n == null || Object.keys(n).length === 0 || n.outerHeightStyle === 0 && !n.overflow;
 }
-const be = h.forwardRef(function(t, r) {
+const be = K.forwardRef(function(t, r) {
   const {
     onChange: c,
     onScroll: a,
@@ -16638,14 +16640,14 @@ const be = h.forwardRef(function(t, r) {
     minRows: l = 1,
     style: s,
     value: f,
-    onFocus: y,
+    onFocus: p,
     onBlur: g,
     sizeRef: d,
-    ignoreBoxSizing: K,
+    ignoreBoxSizing: h,
     ...b
-  } = t, { current: S } = h.useRef(f != null), x = h.useRef(null), v = ke(r, x), P = h.useRef(null), C = h.useRef(0), [D, F] = h.useState({
+  } = t, { current: S } = K.useRef(f != null), x = K.useRef(null), v = ke(r, x), P = K.useRef(null), C = K.useRef(0), [D, F] = K.useState({
     outerHeightStyle: 0
-  }), L = h.useCallback(() => {
+  }), L = K.useCallback(() => {
     const m = x.current;
     if (typeof window > "u")
       return {
@@ -16664,7 +16666,7 @@ const be = h.forwardRef(function(t, r) {
     const an = T.scrollHeight;
     let H = sn;
     l && (H = Math.max(Number(l) * an, H)), u && (H = Math.min(Number(u) * an, H)), H = Math.max(H, an, An);
-    const Pn = H + (!K && xn === "border-box" ? Sn + Cn : 0), Dn = Math.abs(H - sn) <= 1;
+    const Pn = H + (!h && xn === "border-box" ? Sn + Cn : 0), Dn = Math.abs(H - sn) <= 1;
     return {
       outerHeightStyle: Pn,
       overflow: Dn
@@ -16684,7 +16686,7 @@ const be = h.forwardRef(function(t, r) {
       ].join(`
 `)
     ), m);
-  }, O = h.useCallback(() => {
+  }, O = K.useCallback(() => {
     const m = L();
     mn(m) || (i && i(m), F((k) => E(k, m)));
   }, [L, i]), B = () => {
@@ -16693,7 +16695,7 @@ const be = h.forwardRef(function(t, r) {
       F((k) => E(k, m));
     });
   };
-  h.useEffect(() => {
+  K.useEffect(() => {
     const m = zn(() => {
       C.current = 0, x.current && B();
     });
@@ -16705,13 +16707,13 @@ const be = h.forwardRef(function(t, r) {
       };
   }), Bn(() => {
     O();
-  }), h.useEffect(() => {
+  }), K.useEffect(() => {
     C.current = 0;
   }, [f]);
   const j = (m) => {
     C.current = 0, S || O(), c && c(m);
   };
-  return /* @__PURE__ */ p(h.Fragment, { children: [
+  return /* @__PURE__ */ y(K.Fragment, { children: [
     /* @__PURE__ */ e(
       "textarea",
       {
@@ -16719,7 +16721,7 @@ const be = h.forwardRef(function(t, r) {
         onChange: j,
         className: t.className,
         ref: v,
-        onFocus: y,
+        onFocus: p,
         onBlur: g,
         rows: l,
         style: {
@@ -16751,7 +16753,7 @@ const be = h.forwardRef(function(t, r) {
   ] });
 });
 function ke(...n) {
-  return h.useMemo(() => n.every((t) => t == null) ? null : (t) => {
+  return K.useMemo(() => n.every((t) => t == null) ? null : (t) => {
     n.forEach((r) => {
       we(r, t);
     });
@@ -16771,10 +16773,10 @@ function ve({
   disabled: l,
   error: s,
   endAdornment: f,
-  autoFocus: y,
+  autoFocus: p,
   placeholder: g,
   size: d = "medium",
-  className: K,
+  className: h,
   style: b,
   inputClassName: S,
   inputStyle: x,
@@ -16791,7 +16793,7 @@ function ve({
       ...P,
       ref: C,
       placeholder: D || L || !r ? g : void 0,
-      autoFocus: y,
+      autoFocus: p,
       rows: u,
       value: n ?? "",
       onChange: t,
@@ -16823,7 +16825,7 @@ function ve({
         S
       ),
       placeholder: D || L || !r ? g : void 0,
-      autoFocus: y,
+      autoFocus: p,
       onFocus: () => F(!0),
       onBlur: () => F(!1),
       type: c,
@@ -16831,7 +16833,7 @@ function ve({
       onChange: t
     }
   );
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: _(
@@ -16843,7 +16845,7 @@ function ve({
           "min-h-[48px]": !i && d === "small",
           "min-h-[64px]": !i && d === "medium"
         },
-        K
+        h
       ),
       style: b,
       children: [
@@ -16876,7 +16878,7 @@ const bon = ({
   style: u,
   tooltipClassName: l,
   children: s
-}) => (nn("Tooltip", xe), a ? /* @__PURE__ */ e(U.Provider, { delayDuration: 250, children: /* @__PURE__ */ p(U.Root, { open: n, onOpenChange: c, children: [
+}) => (nn("Tooltip", xe), a ? /* @__PURE__ */ e(U.Provider, { delayDuration: 250, children: /* @__PURE__ */ y(U.Root, { open: n, onOpenChange: c, children: [
   /* @__PURE__ */ e(U.Trigger, { asChild: !0, children: /* @__PURE__ */ e("div", { className: i, style: u, children: s }) }),
   /* @__PURE__ */ e(U.Portal, { children: /* @__PURE__ */ e(
     U.Content,
@@ -17097,21 +17099,21 @@ function Pon({
   alignOffset: l,
   arrowPadding: s,
   sticky: f,
-  hideWhenDetached: y,
+  hideWhenDetached: p,
   avoidCollisions: g,
   enabled: d = !0,
-  modal: K = !1,
+  modal: h = !1,
   className: b
 }) {
-  return nn("Popover", Ce), d ? /* @__PURE__ */ p(
+  return nn("Popover", Ce), d ? /* @__PURE__ */ y(
     Q.Root,
     {
       open: r,
       onOpenChange: c,
-      modal: K,
+      modal: h,
       children: [
         /* @__PURE__ */ e(Q.Trigger, { asChild: !0, children: n }),
-        /* @__PURE__ */ e(Q.Portal, { children: /* @__PURE__ */ p(
+        /* @__PURE__ */ e(Q.Portal, { children: /* @__PURE__ */ y(
           Q.Content,
           {
             className: _(G, "PopoverContent shadow z-40", b),
@@ -17121,7 +17123,7 @@ function Pon({
             alignOffset: l,
             arrowPadding: s,
             sticky: f,
-            hideWhenDetached: y,
+            hideWhenDetached: p,
             avoidCollisions: g,
             children: [
               t,
@@ -17212,7 +17214,7 @@ const Ce = `
   color: n = "primary",
   invisible: t = !1,
   children: r
-}) => /* @__PURE__ */ p("div", { className: "relative inline-block", children: [
+}) => /* @__PURE__ */ y("div", { className: "relative inline-block", children: [
   r,
   /* @__PURE__ */ e(
     "span",