biblio-react 3.0.0-alpha7 → 3.0.0-alpha8

package/dist/index.js

@@ -5,7 +5,7 @@ import * as S from "react";
 import Vt, { forwardRef as hi, useContext as me, createElement as ss, Children as Hn, isValidElement as vr, cloneElement as Zt, createContext as Fr, useState as Ue, useMemo as Rt, useCallback as ke, useEffect as dt, Fragment as Ut, memo as ff, useRef as gi } from "react";
 import { unstable_ClassNameGenerator as Qc, exactProp as bi, unstable_getScrollbarSize as mf, unstable_ownerDocument as Jt, unstable_ownerWindow as yi, unstable_useForkRef as Eo, elementAcceptingRef as hf, unstable_useEnhancedEffect as Fn, unstable_setRef as cs, HTMLElementType as Ua, unstable_useEventCallback as us, unstable_createChainedFunction as ds, unstable_getNormalizedScrollLeft as gf, unstable_detectScrollType as bf, chainPropTypes as vf, refType as yf, deepmerge as Xc } from "@mui/utils";
 import a from "prop-types";
-import { MenuItem as Ga, ListItemIcon as qa, ListItemText as ps, useMediaQuery as Wn, Typography as Zc, Box as $e, alpha as Of, createTheme as Oi, StyledEngineProvider as Jc, Stack as eu, Card as xf, CircularProgress as tu, Dialog as xi, DialogTitle as ru, DialogContent as Sf, DialogActions as Pf, Tooltip as Un, IconButton as wn, ThemeProvider as Tf, Paper as Si, CardContent as ou, Collapse as Ef, List as Cf, Divider as Ff, Button as fs } from "@mui/material";
+import { MenuItem as Ga, ListItemIcon as qa, ListItemText as ps, useMediaQuery as Wn, Typography as Zc, Box as Le, alpha as Of, createTheme as Oi, StyledEngineProvider as Jc, Stack as eu, Card as xf, CircularProgress as tu, Dialog as xi, DialogTitle as ru, DialogContent as Sf, DialogActions as Pf, Tooltip as Un, IconButton as wn, ThemeProvider as Tf, Paper as Si, CardContent as ou, Collapse as Ef, List as Cf, Divider as Ff, Button as fs } from "@mui/material";
 import { useTranslate as Je, useUserMenu as wf, useResourceDefinitions as kf, AppBar as Mf, UserMenu as Rf, Logout as Lf, useDataProvider as nu, useListContext as Ur, useNotify as tr, useRedirect as zo, useRefresh as $f, useResourceContext as qe, useUnselectAll as Af, NumberField as If, DateField as ms, TextField as vn, ReferenceField as Df, Button as ct, useRecordContext as qt, useInput as Nf, useGetList as au, useSafeSetState as Pi, Confirm as Ti, Form as Ho, SaveButton as Gn, useCreatePath as qn, useResourceDefinition as iu, DatagridRoot as _f, DatagridClasses as hs, BulkActionsToolbar as jf, SimpleList as Vf, useGetOne as lu, required as Bf, minValue as zf, TopToolbar as su, ListButton as Hf, ShowButton as Wf, useCreateController as Uf, CreateContextProvider as Gf, useSaveContext as qf, Create as Kf, useListController as Yf, ListContextProvider as Qf, List as cu, useDelete as Xf, useEditController as Zf, Edit as Jf, SimpleForm as em, useSidebarState as uu, Menu as tm, DashboardMenuItem as rm, MenuItemLink as du, Layout as om, FilterContext as nm, sanitizeListRestProps as am, FilterButton as im, CreateButton as lm, ExportButton as sm, useLogin as cm, TextInput as Or, PasswordInput as pu, FieldTitle as um, useShowController as dm, Show as pm, FormTab as fm, getTabbedFormTabFullPath as mm, TabbedFormTabs as hm, Toolbar as fu, defaultTheme as mu, BooleanField as gm, ImageInput as bm, ImageField as vm, FileInput as ym, BooleanInput as Om, ReferenceInput as hu, useChoicesContext as xm, AutocompleteInput as Sm, SelectInput as Pm, ReferenceArrayInput as Tm, SelectArrayInput as Em, RadioButtonGroupInput as gu, useRecordSelection as bu, Datagrid as Cm, NumberInput as Fm, DateInput as wm, DateTimeInput as km } from "react-admin";
 import { Link as Co, useNavigate as Mm, Routes as Ei, Route as Ci, useLocation as Kn, matchPath as Ka, useResolvedPath as Rm } from "react-router-dom";
 import { DataGridPremium as Fi, useGridApiContext as wi, useGridApiRef as vu, useKeepGroupedColumnsHidden as yu, GridActionsCellItem as gs } from "@mui/x-data-grid-premium";
@@ -4597,7 +4597,7 @@ const Bv = hi((e, t) => {
         id: "react-admin-title"
       }
     ),
-    t && /* @__PURE__ */ f($e, { component: "span", sx: { flex: 1 } })
+    t && /* @__PURE__ */ f(Le, { component: "span", sx: { flex: 1 } })
   ] });
 }, "CustomAppBar");
 function Wv(e) {
@@ -15237,7 +15237,7 @@ const $d = Fr(), ga = /* @__PURE__ */ o(({ children: e }) => {
       ] })
     }
   ),
-  /* @__PURE__ */ f($e, { sx: { mt: 1 }, children: "No hay registros" })
+  /* @__PURE__ */ f(Le, { sx: { mt: 1 }, children: "No hay registros" })
 ] }), "CustomNoRowsOverlay"), h0 = q(ct, {
   name: "EtrDeleteButton",
   overridesResolver: /* @__PURE__ */ o((e, t) => t.root, "overridesResolver")
@@ -16725,7 +16725,7 @@ const oP = /* @__PURE__ */ o((e) => {
     /* @__PURE__ */ B(_f, { sx: i, className: hs.root, children: [
       le ? /* @__PURE__ */ f(jf, { selectedIds: N, children: n }) : null,
       /* @__PURE__ */ f(
-        $e,
+        Le,
         {
           sx: { height: "78vh", width: "100%" },
           className: hs.tableWrapper,
@@ -16793,8 +16793,8 @@ const oP = /* @__PURE__ */ o((e) => {
           type: x = "string",
           jsxMobile: P
         } = g;
-        return P ? /* @__PURE__ */ f($e, { children: P(v, g) }) : x === "boolean" ? /* @__PURE__ */ f($e, { children: /* @__PURE__ */ f(
-          $e,
+        return P ? /* @__PURE__ */ f(Le, { children: P(v, g) }) : x === "boolean" ? /* @__PURE__ */ f(Le, { children: /* @__PURE__ */ f(
+          Le,
           {
             component: "span",
             sx: {
@@ -16804,9 +16804,9 @@ const oP = /* @__PURE__ */ o((e) => {
             },
             children: E
           }
-        ) }) : /* @__PURE__ */ f($e, { children: v[y] });
+        ) }) : /* @__PURE__ */ f(Le, { children: v[y] });
       }),
-      /* @__PURE__ */ f($e, { children: n.filter((g) => !!g).map((g, y) => {
+      /* @__PURE__ */ f(Le, { children: n.filter((g) => !!g).map((g, y) => {
         const {
           key: E,
           handler: C,
@@ -17521,10 +17521,10 @@ const wP = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), kP = ["act
       M.current.pulsate(Z);
     })), O && O(Z), g && Z.target === Z.currentTarget && Re() && Z.key === " " && !Z.defaultPrevented && g(Z);
   });
-  let Le = u;
-  Le === "button" && (I.href || I.to) && (Le = b);
+  let $e = u;
+  $e === "button" && (I.href || I.to) && ($e = b);
   const rt = {};
-  Le === "button" ? (rt.type = j === void 0 ? "button" : j, rt.disabled = d) : (!I.href && !I.to && (rt.role = "button"), d && (rt["aria-disabled"] = d));
+  $e === "button" ? (rt.type = j === void 0 ? "button" : j, rt.disabled = d) : (!I.href && !I.to && (rt.role = "button"), d && (rt["aria-disabled"] = d));
   const Ct = pt(r, Ce, V);
   process.env.NODE_ENV !== "production" && S.useEffect(() => {
     ne && !M.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
@@ -17541,7 +17541,7 @@ const wP = pe("MuiButtonBase", ["root", "disabled", "focusVisible"]), kP = ["act
     focusVisible: ie
   }), Qt = MP(At);
   return /* @__PURE__ */ B(RP, T({
-    as: Le,
+    as: $e,
     className: K(Qt.root, c),
     ownerState: At,
     onBlur: fe,
@@ -18443,7 +18443,7 @@ const sp = /* @__PURE__ */ S.forwardRef(/* @__PURE__ */ o(function(t, r) {
       Y += De[M];
     }
     return Y;
-  }, "getScrollSize"), Le = /* @__PURE__ */ o(() => {
+  }, "getScrollSize"), $e = /* @__PURE__ */ o(() => {
     Be(-1 * Qe());
   }, "handleStartScrollClick"), rt = /* @__PURE__ */ o(() => {
     Be(Qe());
@@ -18468,7 +18468,7 @@ const sp = /* @__PURE__ */ S.forwardRef(/* @__PURE__ */ o(function(t, r) {
       },
       orientation: y,
       direction: l ? "right" : "left",
-      onClick: Le,
+      onClick: $e,
       disabled: !ne
     }, F, {
       className: K(ge.scrollButtons, F.className)
@@ -19681,7 +19681,13 @@ const PT = /^(\d+)(th|st|nd|rd)?/i, TT = /\d+/i, ET = {
   ].filter((we) => we !== void 0);
   return {
     propsContenido: {
-      sx: { mt: 1, mb: 1, ml: { xs: 0, md: 1 }, mr: { xs: 0, md: 1 } },
+      sx: {
+        mr: { xs: 0, md: 1 },
+        "& .MuiFormHelperText-root": {
+          position: "absolute",
+          bottom: "-1.8em"
+        }
+      },
       onFocus: /* @__PURE__ */ o((we) => {
         X && ee(Ce, r, we);
       }, "onFocus"),
@@ -21356,7 +21362,7 @@ function BC(e) {
       w[P] = Me, N[P] = Me - V;
     }
     if (c) {
-      var Fe, fe = P === "x" ? ot : nt, tt = P === "x" ? St : Pt, Re = w[O], we = O === "y" ? "height" : "width", Be = Re + y[fe], Qe = Re - y[tt], Le = [ot, nt].indexOf(E) !== -1, rt = (Fe = L == null ? void 0 : L[O]) != null ? Fe : 0, Ct = Le ? Be : Re - F[we] - $[we] - rt + R.altAxis, At = Le ? Re + F[we] + $[we] - rt - R.altAxis : Qe, Qt = b && Le ? dC(Ct, Re, At) : Po(b ? Ct : Be, Re, b ? At : Qe);
+      var Fe, fe = P === "x" ? ot : nt, tt = P === "x" ? St : Pt, Re = w[O], we = O === "y" ? "height" : "width", Be = Re + y[fe], Qe = Re - y[tt], $e = [ot, nt].indexOf(E) !== -1, rt = (Fe = L == null ? void 0 : L[O]) != null ? Fe : 0, Ct = $e ? Be : Re - F[we] - $[we] - rt + R.altAxis, At = $e ? Re + F[we] + $[we] - rt - R.altAxis : Qe, Qt = b && $e ? dC(Ct, Re, At) : Po(b ? Ct : Be, Re, b ? At : Qe);
       w[O] = Qt, N[O] = Qt - Re;
     }
     t.modifiersData[n] = N;
@@ -22281,7 +22287,7 @@ const _l = /* @__PURE__ */ S.forwardRef(/* @__PURE__ */ o(function(t, r) {
     TransitionProps: X
   } = w, D = G(w, d1), re = /* @__PURE__ */ S.isValidElement($) ? $ : /* @__PURE__ */ f("span", {
     children: $
-  }), Me = kr(), Fe = fa(), [fe, tt] = S.useState(), [Re, we] = S.useState(null), Be = S.useRef(!1), Qe = _ || H, Le = jr(), rt = jr(), Ct = jr(), At = jr(), [Qt, Z] = gd({
+  }), Me = kr(), Fe = fa(), [fe, tt] = S.useState(), [Re, we] = S.useState(null), Be = S.useRef(!1), Qe = _ || H, $e = jr(), rt = jr(), Ct = jr(), At = jr(), [Qt, Z] = gd({
     controlled: U,
     default: !1,
     name: "Tooltip",
@@ -22310,7 +22316,7 @@ const _l = /* @__PURE__ */ S.forwardRef(/* @__PURE__ */ o(function(t, r) {
     (ae) => {
       Ic.start(800 + ge, () => {
         hn = !1;
-      }), Z(!1), Ce && et && Ce(ae), Le.start(Me.transitions.duration.shortest, () => {
+      }), Z(!1), Ce && et && Ce(ae), $e.start(Me.transitions.duration.shortest, () => {
         Be.current = !1;
       });
     }
@@ -22336,7 +22342,7 @@ const _l = /* @__PURE__ */ S.forwardRef(/* @__PURE__ */ o(function(t, r) {
     const lt = re.props;
     lt.onTouchStart && lt.onTouchStart(ae);
   }, "detectTouchStart"), rf = /* @__PURE__ */ o((ae) => {
-    os(ae), Ct.clear(), Le.clear(), mr(), Dt.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", At.start(M, () => {
+    os(ae), Ct.clear(), $e.clear(), mr(), Dt.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", At.start(M, () => {
       document.body.style.WebkitUserSelect = Dt.current, Y(ae);
     });
   }, "handleTouchStart"), of = /* @__PURE__ */ o((ae) => {
@@ -22914,7 +22920,7 @@ const w1 = /* @__PURE__ */ o((e) => {
     translate: t
   });
   return /* @__PURE__ */ f(
-    $e,
+    Le,
     {
       sx: {
         width: l ? 230 : 50,
@@ -23998,7 +24004,7 @@ const Uk = /* @__PURE__ */ o((e) => {
     const v = {};
     return b[r] || (v[r] = s("ra.validation.required")), b[n] || (v[n] = s("ra.validation.required")), v;
   }, "validate"), children: /* @__PURE__ */ f(
-    $e,
+    Le,
     {
       sx: {
         display: "flex",
@@ -24012,7 +24018,7 @@ const Uk = /* @__PURE__ */ o((e) => {
       },
       children: /* @__PURE__ */ B(jp, { sx: { minWidth: 300, marginTop: "6em" }, children: [
         /* @__PURE__ */ f(
-          $e,
+          Le,
           {
             sx: {
               margin: "1em",
@@ -24031,7 +24037,7 @@ const Uk = /* @__PURE__ */ o((e) => {
           }
         ),
         /* @__PURE__ */ f(
-          $e,
+          Le,
           {
             sx: {
               marginTop: "1em",
@@ -24043,8 +24049,8 @@ const Uk = /* @__PURE__ */ o((e) => {
             children: "Inicio de Sesión"
           }
         ),
-        /* @__PURE__ */ B($e, { sx: { padding: "0 1em 1em 1em" }, children: [
-          /* @__PURE__ */ f($e, { sx: { marginTop: 0 }, children: /* @__PURE__ */ f(
+        /* @__PURE__ */ B(Le, { sx: { padding: "0 1em 1em 1em" }, children: [
+          /* @__PURE__ */ f(Le, { sx: { marginTop: 0 }, children: /* @__PURE__ */ f(
             Or,
             {
               autoFocus: !0,
@@ -24054,7 +24060,7 @@ const Uk = /* @__PURE__ */ o((e) => {
               disabled: i
             }
           ) }),
-          /* @__PURE__ */ f($e, { sx: { marginTop: 0 }, children: /* @__PURE__ */ f(
+          /* @__PURE__ */ f(Le, { sx: { marginTop: 0 }, children: /* @__PURE__ */ f(
             pu,
             {
               name: n,
@@ -24485,19 +24491,19 @@ const SF = /* @__PURE__ */ o((e) => {
     let Fe = Me.top - re.vertical, fe = Me.left - re.horizontal;
     const tt = Fe + D.height, Re = fe + D.width, we = Tr(Cn(u)), Be = we.innerHeight - y, Qe = we.innerWidth - y;
     if (y !== null && Fe < y) {
-      const Le = Fe - y;
-      Fe -= Le, re.vertical += Le;
+      const $e = Fe - y;
+      Fe -= $e, re.vertical += $e;
     } else if (y !== null && tt > Be) {
-      const Le = tt - Be;
-      Fe -= Le, re.vertical += Le;
+      const $e = tt - Be;
+      Fe -= $e, re.vertical += $e;
     }
     if (process.env.NODE_ENV !== "production" && D.height > Be && D.height && Be && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${D.height - Be}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
 `)), y !== null && fe < y) {
-      const Le = fe - y;
-      fe -= Le, re.horizontal += Le;
+      const $e = fe - y;
+      fe -= $e, re.horizontal += $e;
     } else if (Re > Qe) {
-      const Le = Re - Qe;
-      fe -= Le, re.horizontal += Le;
+      const $e = Re - Qe;
+      fe -= $e, re.horizontal += $e;
     }
     return {
       top: `${Math.round(Fe)}px`,
@@ -25242,7 +25248,7 @@ const _F = /* @__PURE__ */ o(({
   }, "handleToggle"), E = /* @__PURE__ */ o((x) => {
     h.current && h.current.contains(x.target) || p(!1);
   }, "handleClose"), C = r[m];
-  return /* @__PURE__ */ B($e, { sx: { display: "inline-block" }, ..._F(u), children: [
+  return /* @__PURE__ */ B(Le, { sx: { display: "inline-block" }, ..._F(u), children: [
     /* @__PURE__ */ f(
       ct,
       {
@@ -25268,7 +25274,7 @@ const _F = /* @__PURE__ */ o(({
         children: [
           x.icon,
           /* @__PURE__ */ f(
-            $e,
+            Le,
             {
               component: "span",
               sx: { paddingRight: "4px" }
@@ -25949,7 +25955,7 @@ const qc = /* @__PURE__ */ o((e) => {
         loading: !t,
         maxWidth: "sm",
         title: "",
-        content: /* @__PURE__ */ B($e, { display: "flex", flexDirection: "column", children: [
+        content: /* @__PURE__ */ B(Le, { display: "flex", flexDirection: "column", children: [
           /* @__PURE__ */ f(
             fs,
             {
@@ -26122,15 +26128,15 @@ const qc = /* @__PURE__ */ o((e) => {
     }
   ));
 }, "Camino"), rM = /* @__PURE__ */ o((e) => {
-  const {
-    propsContenido: { sx: t, ...r },
-    hidden: n
-  } = it(e);
-  return !n && /* @__PURE__ */ f(
-    Om,
+  const { propsContenido: t, hidden: r } = it(e);
+  return !r && /* @__PURE__ */ f(
+    Le,
     {
-      ...r,
-      sx: { ...t, display: "inline-flex", margin: 1 }
+      sx: {
+        display: "inline-flex",
+        "& .MuiFormGroup-root": { position: "relative" }
+      },
+      children: /* @__PURE__ */ f(Om, { ...t })
     }
   );
 }, "CheckBox"), bw = hi((e, t) => /* @__PURE__ */ f(Un, { ref: t, ...e })), vw = /* @__PURE__ */ o((e) => {
@@ -26143,12 +26149,11 @@ const qc = /* @__PURE__ */ o((e) => {
   return dt(() => {
     s || typeof t == "function" && t(Object.values([c]));
   }, [c, t, s]), /* @__PURE__ */ f(bw, { title: ((p = d.current) == null ? void 0 : p.value) || "", placement: "top", arrow: !0, children: /* @__PURE__ */ f(
-    $e,
+    Le,
     {
-      sx: n ? { margin: 1, ...r } : {
+      sx: n ? { marginLeft: 1, ...r } : {
         display: { xs: "inherit", md: "inline-flex" },
         verticalAlign: "top",
-        margin: 1,
         ...r
       },
       width: n ? {} : { xs: "100%", md: "auto" },
@@ -26156,7 +26161,7 @@ const qc = /* @__PURE__ */ o((e) => {
         Sm,
         {
           size: "small",
-          sx: n ? { width: "100% !important" } : r,
+          sx: n ? { width: "100% !important" } : {},
           ...l,
           onChange: /* @__PURE__ */ o((h) => {
             var m;
@@ -26229,11 +26234,18 @@ const qc = /* @__PURE__ */ o((e) => {
   const { title: t, source: r, src: n } = e, i = qt(e), l = `${n}/${i[r]}`;
   return /* @__PURE__ */ f(Bl, { title: t, src: l });
 }, "ImageField"), aM = /* @__PURE__ */ o((e) => {
-  const { propsContenido: t, hidden: r } = it(e), { isLoading: n } = me(Ge), { source: i, reference: l } = e;
-  return !r && !n ? /* @__PURE__ */ f(Tm, { source: i, reference: l, children: /* @__PURE__ */ f(
+  const {
+    propsContenido: { sx: t, ...r },
+    hidden: n
+  } = it(e), { isLoading: i } = me(Ge), { source: l, reference: s } = e;
+  return !n && !i ? /* @__PURE__ */ f(Tm, { source: l, reference: s, children: /* @__PURE__ */ f(
     Em,
     {
-      ...t,
+      ...r,
+      sx: {
+        ...t,
+        "& .MuiFormControl-root": { position: "relative" }
+      },
       optionText: "etiqueta",
       optionValue: e.source
     }
@@ -26242,18 +26254,37 @@ const qc = /* @__PURE__ */ o((e) => {
   const { propsContenido: t, hidden: r } = it(e);
   return !r && /* @__PURE__ */ f(pu, { ...t });
 }, "Password"), lM = /* @__PURE__ */ o((e) => {
-  const { propsContenido: t, hidden: r } = it(e), { isLoading: n } = me(Ge), { source: i, reference: l } = e;
-  return !r && !n ? /* @__PURE__ */ f(hu, { source: i, reference: l, children: /* @__PURE__ */ f(
+  const {
+    propsContenido: { sx: t, ...r },
+    hidden: n
+  } = it(e), { isLoading: i } = me(Ge), { source: l, reference: s } = e;
+  return !n && !i ? /* @__PURE__ */ f(hu, { source: l, reference: s, children: /* @__PURE__ */ f(
     gu,
     {
-      ...t,
+      ...r,
+      sx: {
+        ...t,
+        "& .MuiFormControl-root": { position: "relative" }
+      },
       optionText: "etiqueta",
       optionValue: e.source
     }
   ) }) : null;
 }, "RadioButton"), sM = /* @__PURE__ */ o((e) => {
-  const { propsContenido: t, hidden: r } = it(e);
-  return !r && /* @__PURE__ */ f(gu, { ...t });
+  const {
+    propsContenido: { sx: t, ...r },
+    hidden: n
+  } = it(e);
+  return !n && /* @__PURE__ */ f(
+    gu,
+    {
+      ...r,
+      sx: {
+        ...t,
+        "& .MuiFormControl-root": { position: "relative" }
+      }
+    }
+  );
 }, "RadioButtonManual");
 var Gl = {}, Ow = Ae;
 Object.defineProperty(Gl, "__esModule", {
@@ -26392,11 +26423,11 @@ const Iw = /* @__PURE__ */ o((e) => /* @__PURE__ */ f(
   }, "handleTodos");
   return u ? null : /* @__PURE__ */ B(lr, { children: [
     /* @__PURE__ */ f(
-      $e,
+      Le,
       {
         display: "flex",
         alignItems: "center",
-        sx: { ...i, display: "inline-flex", margin: 1 },
+        sx: { ...i, display: "inline-flex" },
         children: /* @__PURE__ */ f(
           Or,
           {
@@ -26521,7 +26552,7 @@ const Iw = /* @__PURE__ */ o((e) => /* @__PURE__ */ f(
     [n]
   );
   return /* @__PURE__ */ B(
-    $e,
+    Le,
     {
       display: "flex",
       flex: 1,
@@ -26532,7 +26563,7 @@ const Iw = /* @__PURE__ */ o((e) => /* @__PURE__ */ f(
       },
       children: [
         /* @__PURE__ */ f(
-          $e,
+          Le,
           {
             flex: { xs: "1 0 auto", md: "0 0 300px" },
             sx: {
@@ -26554,7 +26585,7 @@ const Iw = /* @__PURE__ */ o((e) => /* @__PURE__ */ f(
           }
         ),
         /* @__PURE__ */ f(
-          $e,
+          Le,
           {
             flexGrow: 1,
             sx: {
@@ -26673,7 +26704,7 @@ const Iw = /* @__PURE__ */ o((e) => /* @__PURE__ */ f(
   }, "handleTodos");
   return y ? null : /* @__PURE__ */ B(lr, { children: [
     /* @__PURE__ */ f(
-      $e,
+      Le,
       {
         display: "flex",
         alignItems: "center",
@@ -26757,16 +26788,18 @@ const Iw = /* @__PURE__ */ o((e) => /* @__PURE__ */ f(
   };
   return i ? null : t === "N" || t === "D" ? /* @__PURE__ */ f(Fm, { ...s }) : t === "F" ? /* @__PURE__ */ f(wm, { ...s }) : t === "Z" ? /* @__PURE__ */ f(km, { ...s }) : t === "H" ? /* @__PURE__ */ f(Or, { ...s, type: "time" }) : /* @__PURE__ */ f(Or, { ...s });
 }, "TextBox"), fM = /* @__PURE__ */ o((e) => {
-  const { source: t, label: r, sx: n } = e, { hidden: i } = it(e);
-  return i ? null : /* @__PURE__ */ B(
-    $e,
+  const { label: t, sx: r } = e, {
+    hidden: n,
+    propsContenido: { helperText: i, sx: l }
+  } = it(e);
+  return n ? null : /* @__PURE__ */ B(
+    Le,
     {
       sx: {
-        ...n,
+        ...r,
+        ...l,
         display: "inline-flex",
         alignItems: "flex-start",
-        marginLeft: { md: 1 },
-        marginBottom: -1,
         width: { xs: "100%", md: "calc(24vw + 1em)" }
       },
       children: [
@@ -26775,18 +26808,18 @@ const Iw = /* @__PURE__ */ o((e) => /* @__PURE__ */ f(
           {
             ...e,
             label: "",
-            source: t,
-            sx: { flex: 1, marginTop: 1 }
+            sx: { flex: 1 },
+            helperText: i
           }
         ),
         /* @__PURE__ */ f(
           yw,
           {
             ...e,
-            source: t,
-            label: r,
+            label: t,
             isTC: !0,
-            sx: { flex: 3 }
+            sx: { flex: 3 },
+            helperText: i
           }
         )
       ]