@cgi-learning-hub/ui 1.3.5 → 1.4.0-dev.1740498210

package/dist/{InputBase-BJy3wwFB.js → InputBase-CF5oNEfh.js}

@@ -1,21 +1,20 @@
 import * as s from "react";
-import { P as e, I as Fe, H as ke, G as ce, J as Be } from "./generateUtilityClasses-Bssl7BA_.js";
+import { P as e, H as Fe, I as ke, G as ce, L as Q, Z as Be } from "./identifier-D58rA1gM.js";
 import { i as pe } from "./isHostComponent-kiaBvYVo.js";
-import { f as He } from "./formControlState-vgaj2ksH.js";
-import { u as Me, F as Pe } from "./useFormControl-CatNKXAi.js";
-import { g as We } from "./index-BCnPLuqJ.js";
-import { m as be } from "./memoTheme-D7Fyh_3C.js";
-import { i as De } from "./utils-DWqc1kRF.js";
-import { jsxs as Z, jsx as B } from "react/jsx-runtime";
-import { s as ye, u as Le, c as je } from "./DefaultPropsProvider-CvJPQJmL.js";
+import { f as Me } from "./formControlState-vgaj2ksH.js";
+import { u as He, F as Pe } from "./useFormControl-CatNKXAi.js";
+import { g as We } from "./index-ClXCinr6.js";
+import { m as be } from "./memoTheme-DyiN-Awd.js";
+import { i as Le } from "./utils-DWqc1kRF.js";
+import { jsxs as X, jsx as A } from "react/jsx-runtime";
+import { u as De, s as ye, c as je } from "./DefaultPropsProvider-BcmyIf2H.js";
 import { u as ge } from "./useForkRef-C_4o__cU.js";
-import { u as Q } from "./useEnhancedEffect-CJGo-L3B.js";
+import { u as ee } from "./useEnhancedEffect-CJGo-L3B.js";
 import { o as fe } from "./ownerWindow-niciwP7I.js";
-import { d as Ve } from "./debounce-46wSf_lW.js";
-import { e as Ue } from "./elementTypeAcceptingRef-D-5kcohU.js";
-import { r as _e } from "./refType-DKYKROQk.js";
-import { c as X } from "./capitalize-CkF8kU4n.js";
-function L(n) {
+import { d as Ue } from "./debounce-46wSf_lW.js";
+import { r as Ve } from "./refType-B86yTZra.js";
+import { e as _e } from "./elementTypeAcceptingRef-CrAqn_fc.js";
+function j(n) {
   return parseInt(n, 10) || 0;
 }
 const $e = {
@@ -34,90 +33,96 @@ const $e = {
   }
 };
 function Ge(n) {
-  return n == null || Object.keys(n).length === 0 || n.outerHeightStyle === 0 && !n.overflowing;
+  for (const o in n)
+    return !1;
+  return !0;
 }
-const we = /* @__PURE__ */ s.forwardRef(function(o, t) {
+function Ke(n) {
+  return Ge(n) || n.outerHeightStyle === 0 && !n.overflowing;
+}
+const ve = /* @__PURE__ */ s.forwardRef(function(o, r) {
   const {
     onChange: d,
     maxRows: f,
     minRows: c = 1,
-    style: O,
+    style: R,
     value: T,
-    ...H
+    ...F
   } = o, {
-    current: S
-  } = s.useRef(T != null), h = s.useRef(null), E = ge(t, h), b = s.useRef(null), C = s.useRef(null), v = s.useCallback(() => {
-    const l = h.current, r = fe(l).getComputedStyle(l);
-    if (r.width === "0px")
+    current: C
+  } = s.useRef(T != null), p = s.useRef(null), O = ge(r, p), b = s.useRef(null), S = s.useRef(null), w = s.useCallback(() => {
+    const l = p.current, t = S.current;
+    if (!l || !t)
+      return;
+    const u = fe(l).getComputedStyle(l);
+    if (u.width === "0px")
       return {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    const p = C.current;
-    p.style.width = r.width, p.value = l.value || o.placeholder || "x", p.value.slice(-1) === `
-` && (p.value += " ");
-    const z = r.boxSizing, R = L(r.paddingBottom) + L(r.paddingTop), g = L(r.borderBottomWidth) + L(r.borderTopWidth), N = p.scrollHeight;
-    p.value = "x";
-    const A = p.scrollHeight;
-    let u = N;
-    c && (u = Math.max(Number(c) * A, u)), f && (u = Math.min(Number(f) * A, u)), u = Math.max(u, A);
-    const M = u + (z === "border-box" ? R + g : 0), P = Math.abs(u - N) <= 1;
+    t.style.width = u.width, t.value = l.value || o.placeholder || "x", t.value.slice(-1) === `
+` && (t.value += " ");
+    const k = u.boxSizing, B = j(u.paddingBottom) + j(u.paddingTop), M = j(u.borderBottomWidth) + j(u.borderTopWidth), H = t.scrollHeight;
+    t.value = "x";
+    const g = t.scrollHeight;
+    let m = H;
+    c && (m = Math.max(Number(c) * g, m)), f && (m = Math.min(Number(f) * g, m)), m = Math.max(m, g);
+    const P = m + (k === "border-box" ? B + M : 0), W = Math.abs(m - H) <= 1;
     return {
-      outerHeightStyle: M,
-      overflowing: P
+      outerHeightStyle: P,
+      overflowing: W
     };
   }, [f, c, o.placeholder]), x = s.useCallback(() => {
-    const l = v();
-    if (Ge(l))
+    const l = p.current, t = w();
+    if (!l || !t || Ke(t))
       return;
-    const y = l.outerHeightStyle, r = h.current;
-    b.current !== y && (b.current = y, r.style.height = `${y}px`), r.style.overflow = l.overflowing ? "hidden" : "";
-  }, [v]);
-  Q(() => {
-    const l = () => {
-      x();
-    };
-    let y;
-    const r = () => {
-      cancelAnimationFrame(y), y = requestAnimationFrame(() => {
-        l();
+    const y = t.outerHeightStyle;
+    b.current !== y && (b.current = y, l.style.height = `${y}px`), l.style.overflow = t.overflowing ? "hidden" : "";
+  }, [w]), E = s.useRef(-1);
+  ee(() => {
+    const l = Ue(() => x()), t = p == null ? void 0 : p.current;
+    if (!t)
+      return;
+    const y = fe(t);
+    y.addEventListener("resize", l);
+    let u;
+    return typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
+      u.unobserve(t), cancelAnimationFrame(E.current), x(), E.current = requestAnimationFrame(() => {
+        u.observe(t);
       });
-    }, p = Ve(l), z = h.current, R = fe(z);
-    R.addEventListener("resize", p);
-    let g;
-    return typeof ResizeObserver < "u" && (g = new ResizeObserver(process.env.NODE_ENV === "test" ? r : l), g.observe(z)), () => {
-      p.clear(), cancelAnimationFrame(y), R.removeEventListener("resize", p), g && g.disconnect();
+    }), u.observe(t)), () => {
+      l.clear(), cancelAnimationFrame(E.current), y.removeEventListener("resize", l), u && u.disconnect();
     };
-  }, [v, x]), Q(() => {
+  }, [w, x]), ee(() => {
     x();
   });
-  const j = (l) => {
-    S || x(), d && d(l);
+  const U = (l) => {
+    C || x(), d && d(l);
   };
-  return /* @__PURE__ */ Z(s.Fragment, {
-    children: [/* @__PURE__ */ B("textarea", {
+  return /* @__PURE__ */ X(s.Fragment, {
+    children: [/* @__PURE__ */ A("textarea", {
       value: T,
-      onChange: j,
-      ref: E,
+      onChange: U,
+      ref: O,
       rows: c,
-      style: O,
-      ...H
-    }), /* @__PURE__ */ B("textarea", {
+      style: R,
+      ...F
+    }), /* @__PURE__ */ A("textarea", {
       "aria-hidden": !0,
       className: o.className,
       readOnly: !0,
-      ref: C,
+      ref: S,
       tabIndex: -1,
       style: {
         ...$e.shadow,
-        ...O,
+        ...R,
         paddingTop: 0,
         paddingBottom: 0
       }
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (we.propTypes = {
+process.env.NODE_ENV !== "production" && (ve.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -152,46 +157,46 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
    */
   value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
 });
-function Ke(n) {
+function qe(n) {
   return ke("MuiInputBase", n);
 }
-const ee = Fe("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
+const oe = Fe("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
 var me;
-const qe = (n, o) => {
+const Ye = (n, o) => {
   const {
-    ownerState: t
+    ownerState: r
   } = n;
-  return [o.root, t.formControl && o.formControl, t.startAdornment && o.adornedStart, t.endAdornment && o.adornedEnd, t.error && o.error, t.size === "small" && o.sizeSmall, t.multiline && o.multiline, t.color && o[`color${X(t.color)}`], t.fullWidth && o.fullWidth, t.hiddenLabel && o.hiddenLabel];
-}, Ye = (n, o) => {
+  return [o.root, r.formControl && o.formControl, r.startAdornment && o.adornedStart, r.endAdornment && o.adornedEnd, r.error && o.error, r.size === "small" && o.sizeSmall, r.multiline && o.multiline, r.color && o[`color${Q(r.color)}`], r.fullWidth && o.fullWidth, r.hiddenLabel && o.hiddenLabel];
+}, Ze = (n, o) => {
   const {
-    ownerState: t
+    ownerState: r
   } = n;
-  return [o.input, t.size === "small" && o.inputSizeSmall, t.multiline && o.inputMultiline, t.type === "search" && o.inputTypeSearch, t.startAdornment && o.inputAdornedStart, t.endAdornment && o.inputAdornedEnd, t.hiddenLabel && o.inputHiddenLabel];
+  return [o.input, r.size === "small" && o.inputSizeSmall, r.multiline && o.inputMultiline, r.type === "search" && o.inputTypeSearch, r.startAdornment && o.inputAdornedStart, r.endAdornment && o.inputAdornedEnd, r.hiddenLabel && o.inputHiddenLabel];
 }, Je = (n) => {
   const {
     classes: o,
-    color: t,
+    color: r,
     disabled: d,
     error: f,
     endAdornment: c,
-    focused: O,
+    focused: R,
     formControl: T,
-    fullWidth: H,
-    hiddenLabel: S,
-    multiline: h,
-    readOnly: E,
+    fullWidth: F,
+    hiddenLabel: C,
+    multiline: p,
+    readOnly: O,
     size: b,
-    startAdornment: C,
-    type: v
+    startAdornment: S,
+    type: w
   } = n, x = {
-    root: ["root", `color${X(t)}`, d && "disabled", f && "error", H && "fullWidth", O && "focused", T && "formControl", b && b !== "medium" && `size${X(b)}`, h && "multiline", C && "adornedStart", c && "adornedEnd", S && "hiddenLabel", E && "readOnly"],
-    input: ["input", d && "disabled", v === "search" && "inputTypeSearch", h && "inputMultiline", b === "small" && "inputSizeSmall", S && "inputHiddenLabel", C && "inputAdornedStart", c && "inputAdornedEnd", E && "readOnly"]
+    root: ["root", `color${Q(r)}`, d && "disabled", f && "error", F && "fullWidth", R && "focused", T && "formControl", b && b !== "medium" && `size${Q(b)}`, p && "multiline", S && "adornedStart", c && "adornedEnd", C && "hiddenLabel", O && "readOnly"],
+    input: ["input", d && "disabled", w === "search" && "inputTypeSearch", p && "inputMultiline", b === "small" && "inputSizeSmall", C && "inputHiddenLabel", S && "inputAdornedStart", c && "inputAdornedEnd", O && "readOnly"]
   };
-  return je(x, Ke, o);
-}, Ze = ye("div", {
+  return je(x, qe, o);
+}, Qe = ye("div", {
   name: "MuiInputBase",
   slot: "Root",
-  overridesResolver: qe
+  overridesResolver: Ye
 })(be(({
   theme: n
 }) => ({
@@ -205,7 +210,7 @@ const qe = (n, o) => {
   cursor: "text",
   display: "inline-flex",
   alignItems: "center",
-  [`&.${ee.disabled}`]: {
+  [`&.${oe.disabled}`]: {
     color: (n.vars || n).palette.text.disabled,
     cursor: "default"
   },
@@ -219,8 +224,8 @@ const qe = (n, o) => {
   }, {
     props: ({
       ownerState: o,
-      size: t
-    }) => o.multiline && t === "small",
+      size: r
+    }) => o.multiline && r === "small",
     style: {
       paddingTop: 1
     }
@@ -232,14 +237,14 @@ const qe = (n, o) => {
       width: "100%"
     }
   }]
-}))), Qe = ye("input", {
+}))), Xe = ye("input", {
   name: "MuiInputBase",
   slot: "Input",
-  overridesResolver: Ye
+  overridesResolver: Ze
 })(be(({
   theme: n
 }) => {
-  const o = n.palette.mode === "light", t = {
+  const o = n.palette.mode === "light", r = {
     color: "currentColor",
     ...n.vars ? {
       opacity: n.vars.opacity.inputPlaceholder
@@ -273,10 +278,10 @@ const qe = (n, o) => {
     // Make the flex item shrink with Firefox
     minWidth: 0,
     width: "100%",
-    "&::-webkit-input-placeholder": t,
-    "&::-moz-placeholder": t,
+    "&::-webkit-input-placeholder": r,
+    "&::-moz-placeholder": r,
     // Firefox 19+
-    "&::-ms-input-placeholder": t,
+    "&::-ms-input-placeholder": r,
     // Edge
     "&:focus": {
       outline: 0
@@ -290,7 +295,7 @@ const qe = (n, o) => {
       WebkitAppearance: "none"
     },
     // Show and hide the placeholder logic
-    [`label[data-shrink=false] + .${ee.formControl} &`]: {
+    [`label[data-shrink=false] + .${oe.formControl} &`]: {
       "&::-webkit-input-placeholder": d,
       "&::-moz-placeholder": d,
       // Firefox 19+
@@ -302,7 +307,7 @@ const qe = (n, o) => {
       "&:focus::-ms-input-placeholder": f
       // Edge
     },
-    [`&.${ee.disabled}`]: {
+    [`&.${oe.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
       WebkitTextFillColor: (n.vars || n).palette.text.disabled
@@ -358,192 +363,192 @@ const qe = (n, o) => {
       display: "block"
     }
   }
-}), Xe = /* @__PURE__ */ s.forwardRef(function(o, t) {
-  const d = Le({
+}), eo = /* @__PURE__ */ s.forwardRef(function(o, r) {
+  const d = De({
     props: o,
     name: "MuiInputBase"
   }), {
     "aria-describedby": f,
     autoComplete: c,
-    autoFocus: O,
+    autoFocus: R,
     className: T,
-    color: H,
-    components: S = {},
-    componentsProps: h = {},
-    defaultValue: E,
+    color: F,
+    components: C = {},
+    componentsProps: p = {},
+    defaultValue: O,
     disabled: b,
-    disableInjectingGlobalStyles: C,
-    endAdornment: v,
+    disableInjectingGlobalStyles: S,
+    endAdornment: w,
     error: x,
-    fullWidth: j = !1,
-    id: l,
-    inputComponent: y = "input",
-    inputProps: r = {},
-    inputRef: p,
-    margin: z,
-    maxRows: R,
-    minRows: g,
-    multiline: N = !1,
-    name: A,
-    onBlur: u,
-    onChange: M,
+    fullWidth: E = !1,
+    id: U,
+    inputComponent: l = "input",
+    inputProps: t = {},
+    inputRef: y,
+    margin: u,
+    maxRows: k,
+    minRows: B,
+    multiline: M = !1,
+    name: H,
+    onBlur: g,
+    onChange: m,
     onClick: P,
-    onFocus: oe,
-    onKeyDown: ve,
-    onKeyUp: Se,
+    onFocus: W,
+    onKeyDown: we,
+    onKeyUp: xe,
     placeholder: Ce,
     readOnly: V,
     renderSuffix: ne,
-    rows: W,
-    size: eo,
+    rows: L,
+    size: oo,
     slotProps: te = {},
     slots: re = {},
-    startAdornment: F,
+    startAdornment: z,
     type: ie = "text",
-    value: xe,
+    value: Se,
     ...Re
-  } = d, D = r.value != null ? r.value : xe, {
-    current: U
-  } = s.useRef(D != null), I = s.useRef(), Oe = s.useCallback((i) => {
+  } = d, D = t.value != null ? t.value : Se, {
+    current: _
+  } = s.useRef(D != null), I = s.useRef(), Te = s.useCallback((i) => {
     process.env.NODE_ENV !== "production" && i && i.nodeName !== "INPUT" && !i.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), Te = ge(I, p, r.ref, Oe), [_, $] = s.useState(!1), a = Me();
+  }, []), Oe = ge(I, y, t.ref, Te), [$, G] = s.useState(!1), a = He();
   process.env.NODE_ENV !== "production" && s.useEffect(() => {
     if (a)
       return a.registerEffect();
   }, [a]);
-  const m = He({
+  const h = Me({
     props: d,
     muiFormControl: a,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  m.focused = a ? a.focused : _, s.useEffect(() => {
-    !a && b && _ && ($(!1), u && u());
-  }, [a, b, _, u]);
-  const G = a && a.onFilled, K = a && a.onEmpty, k = s.useCallback((i) => {
-    De(i) ? G && G() : K && K();
-  }, [G, K]);
-  Q(() => {
-    U && k({
+  h.focused = a ? a.focused : $, s.useEffect(() => {
+    !a && b && $ && (G(!1), g && g());
+  }, [a, b, $, g]);
+  const K = a && a.onFilled, q = a && a.onEmpty, N = s.useCallback((i) => {
+    Le(i) ? K && K() : q && q();
+  }, [K, q]);
+  ee(() => {
+    _ && N({
       value: D
     });
-  }, [D, k, U]);
-  const Ee = (i) => {
-    oe && oe(i), r.onFocus && r.onFocus(i), a && a.onFocus ? a.onFocus(i) : $(!0);
-  }, Ie = (i) => {
-    u && u(i), r.onBlur && r.onBlur(i), a && a.onBlur ? a.onBlur(i) : $(!1);
+  }, [D, N, _]);
+  const Ie = (i) => {
+    W && W(i), t.onFocus && t.onFocus(i), a && a.onFocus ? a.onFocus(i) : G(!0);
+  }, Ee = (i) => {
+    g && g(i), t.onBlur && t.onBlur(i), a && a.onBlur ? a.onBlur(i) : G(!1);
   }, ze = (i, ...ue) => {
-    if (!U) {
+    if (!_) {
       const de = i.target || I.current;
       if (de == null)
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Be(1));
-      k({
+      N({
         value: de.value
       });
     }
-    r.onChange && r.onChange(i, ...ue), M && M(i, ...ue);
+    t.onChange && t.onChange(i, ...ue), m && m(i, ...ue);
   };
   s.useEffect(() => {
-    k(I.current);
+    N(I.current);
   }, []);
   const Ne = (i) => {
     I.current && i.currentTarget === i.target && I.current.focus(), P && P(i);
   };
-  let q = y, w = r;
-  N && q === "input" && (W ? (process.env.NODE_ENV !== "production" && (g || R) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), w = {
+  let Y = l, v = t;
+  M && Y === "input" && (L ? (process.env.NODE_ENV !== "production" && (B || k) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), v = {
     type: void 0,
-    minRows: W,
-    maxRows: W,
-    ...w
-  }) : w = {
+    minRows: L,
+    maxRows: L,
+    ...v
+  }) : v = {
     type: void 0,
-    maxRows: R,
-    minRows: g,
-    ...w
-  }, q = we);
+    maxRows: k,
+    minRows: B,
+    ...v
+  }, Y = ve);
   const Ae = (i) => {
-    k(i.animationName === "mui-auto-fill-cancel" ? I.current : {
+    N(i.animationName === "mui-auto-fill-cancel" ? I.current : {
       value: "x"
     });
   };
   s.useEffect(() => {
-    a && a.setAdornedStart(!!F);
-  }, [a, F]);
-  const Y = {
+    a && a.setAdornedStart(!!z);
+  }, [a, z]);
+  const Z = {
     ...d,
-    color: m.color || "primary",
-    disabled: m.disabled,
-    endAdornment: v,
-    error: m.error,
-    focused: m.focused,
+    color: h.color || "primary",
+    disabled: h.disabled,
+    endAdornment: w,
+    error: h.error,
+    focused: h.focused,
     formControl: a,
-    fullWidth: j,
-    hiddenLabel: m.hiddenLabel,
-    multiline: N,
-    size: m.size,
-    startAdornment: F,
+    fullWidth: E,
+    hiddenLabel: h.hiddenLabel,
+    multiline: M,
+    size: h.size,
+    startAdornment: z,
     type: ie
-  }, ae = Je(Y), se = re.root || S.Root || Ze, J = te.root || h.root || {}, le = re.input || S.Input || Qe;
-  return w = {
-    ...w,
-    ...te.input ?? h.input
-  }, /* @__PURE__ */ Z(s.Fragment, {
-    children: [!C && typeof he == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
+  }, ae = Je(Z), se = re.root || C.Root || Qe, J = te.root || p.root || {}, le = re.input || C.Input || Xe;
+  return v = {
+    ...v,
+    ...te.input ?? p.input
+  }, /* @__PURE__ */ X(s.Fragment, {
+    children: [!S && typeof he == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
     // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
-    (me || (me = /* @__PURE__ */ B(he, {}))), /* @__PURE__ */ Z(se, {
+    (me || (me = /* @__PURE__ */ A(he, {}))), /* @__PURE__ */ X(se, {
       ...J,
-      ref: t,
+      ref: r,
       onClick: Ne,
       ...Re,
       ...!pe(se) && {
         ownerState: {
-          ...Y,
+          ...Z,
           ...J.ownerState
         }
       },
       className: ce(ae.root, J.className, T, V && "MuiInputBase-readOnly"),
-      children: [F, /* @__PURE__ */ B(Pe.Provider, {
+      children: [z, /* @__PURE__ */ A(Pe.Provider, {
         value: null,
-        children: /* @__PURE__ */ B(le, {
-          "aria-invalid": m.error,
+        children: /* @__PURE__ */ A(le, {
+          "aria-invalid": h.error,
           "aria-describedby": f,
           autoComplete: c,
-          autoFocus: O,
-          defaultValue: E,
-          disabled: m.disabled,
-          id: l,
+          autoFocus: R,
+          defaultValue: O,
+          disabled: h.disabled,
+          id: U,
           onAnimationStart: Ae,
-          name: A,
+          name: H,
           placeholder: Ce,
           readOnly: V,
-          required: m.required,
-          rows: W,
+          required: h.required,
+          rows: L,
           value: D,
-          onKeyDown: ve,
-          onKeyUp: Se,
+          onKeyDown: we,
+          onKeyUp: xe,
           type: ie,
-          ...w,
+          ...v,
           ...!pe(le) && {
-            as: q,
+            as: Y,
             ownerState: {
-              ...Y,
-              ...w.ownerState
+              ...Z,
+              ...v.ownerState
             }
           },
-          ref: Te,
-          className: ce(ae.input, w.className, V && "MuiInputBase-readOnly"),
-          onBlur: Ie,
+          ref: Oe,
+          className: ce(ae.input, v.className, V && "MuiInputBase-readOnly"),
+          onBlur: Ee,
           onChange: ze,
-          onFocus: Ee
+          onFocus: Ie
         })
-      }), v, ne ? ne({
-        ...m,
-        startAdornment: F
+      }), w, ne ? ne({
+        ...h,
+        startAdornment: z
       }) : null]
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Xe.propTypes = {
+process.env.NODE_ENV !== "production" && (eo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -638,7 +643,7 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent: Ue,
+  inputComponent: _e,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    * @default {}
@@ -647,7 +652,7 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: _e,
+  inputRef: Ve,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -772,10 +777,10 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
   value: e.any
 });
 export {
-  Xe as I,
-  Ze as a,
-  Qe as b,
-  Ye as c,
-  ee as i,
-  qe as r
+  eo as I,
+  Qe as a,
+  Xe as b,
+  Ze as c,
+  oe as i,
+  Ye as r
 };