@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750693982

package/dist/{InputBase-DxLqRpcl.js → InputBase-BS5oknUK.js}

@@ -1,25 +1,24 @@
 import * as l from "react";
 import { P as e } from "./index-Sy88PpwE.js";
-import { F as Ae, G as Be, H as pe, I as He } from "./generateUtilityClasses-DngCqveO.js";
+import { F as Ae, G as Be, H as pe, K as Q, X as He } from "./identifier-PWESmBq6.js";
 import { i as fe } from "./isHostComponent-kiaBvYVo.js";
 import { f as Me } from "./formControlState-vgaj2ksH.js";
-import { u as Pe, F as We } from "./useFormControl-CatNKXAi.js";
-import { g as De } from "./index-l8yqod25.js";
-import { m as ge } from "./memoTheme-nmt7i1dS.js";
-import { i as Le } from "./utils-DWqc1kRF.js";
-import { jsxs as X, jsx as A } from "react/jsx-runtime";
-import { u as je, s as ve, c as Ue } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { u as We, F as Pe } from "./useFormControl-CatNKXAi.js";
+import { g as Le } from "./index-8G2jvqZ8.js";
+import { m as ge } from "./memoTheme-DAFDflPY.js";
+import { i as De } from "./utils-DWqc1kRF.js";
+import { jsxs as ee, jsx as B } from "react/jsx-runtime";
+import { u as je, s as ve, c as Ue } from "./DefaultPropsProvider-DqazQPtr.js";
 import { u as we } from "./useForkRef-u29GSuCu.js";
-import { u as Ve, a as ee } from "./useEventCallback-Yoj9nCug.js";
+import { a as Ve, u as oe } from "./useEventCallback-Y2KwRxBw.js";
 import { o as me } from "./ownerWindow-niciwP7I.js";
 import { d as _e } from "./debounce-46wSf_lW.js";
-import { c as oe } from "./capitalize-BHFotl9B.js";
-import { r as $e } from "./refType-Dp7CJc86.js";
-import { e as Ge } from "./elementTypeAcceptingRef-DOeckaXy.js";
-function L(t) {
+import { r as Ke } from "./refType-Dp7CJc86.js";
+import { e as $e } from "./elementTypeAcceptingRef-DOeckaXy.js";
+function D(t) {
   return parseInt(t, 10) || 0;
 }
-const Ke = {
+const Ge = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -42,87 +41,90 @@ function qe(t) {
 function he(t) {
   return qe(t) || t.outerHeightStyle === 0 && !t.overflowing;
 }
-const Se = /* @__PURE__ */ l.forwardRef(function(o, n) {
+const Se = /* @__PURE__ */ l.forwardRef(function(o, r) {
   const {
     onChange: d,
-    maxRows: m,
-    minRows: c = 1,
+    maxRows: h,
+    minRows: p = 1,
     style: R,
     value: T,
-    ...B
+    ...H
   } = o, {
     current: S
-  } = l.useRef(T != null), p = l.useRef(null), O = we(n, p), f = l.useRef(null), x = l.useRef(null), g = l.useCallback(() => {
-    const r = p.current, i = x.current;
-    if (!r || !i)
+  } = l.useRef(T != null), f = l.useRef(null), O = we(r, f), m = l.useRef(null), C = l.useRef(null), g = l.useCallback(() => {
+    const i = f.current, n = C.current;
+    if (!i || !n)
       return;
-    const u = me(r).getComputedStyle(r);
+    const u = me(i).getComputedStyle(i);
     if (u.width === "0px")
       return {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    i.style.width = u.width, i.value = r.value || o.placeholder || "x", i.value.slice(-1) === `
-` && (i.value += " ");
-    const H = u.boxSizing, M = L(u.paddingBottom) + L(u.paddingTop), U = L(u.borderBottomWidth) + L(u.borderTopWidth), w = i.scrollHeight;
-    i.value = "x";
-    const E = i.scrollHeight;
-    let h = w;
-    c && (h = Math.max(Number(c) * E, h)), m && (h = Math.min(Number(m) * E, h)), h = Math.max(h, E);
-    const P = h + (H === "border-box" ? M + U : 0), V = Math.abs(h - w) <= 1;
+    n.style.width = u.width, n.value = i.value || o.placeholder || "x", n.value.slice(-1) === `
+` && (n.value += " ");
+    const E = u.boxSizing, M = D(u.paddingBottom) + D(u.paddingTop), U = D(u.borderBottomWidth) + D(u.borderTopWidth), w = n.scrollHeight;
+    n.value = "x";
+    const I = n.scrollHeight;
+    let b = w;
+    p && (b = Math.max(Number(p) * I, b)), h && (b = Math.min(Number(h) * I, b)), b = Math.max(b, I);
+    const W = b + (E === "border-box" ? M + U : 0), V = Math.abs(b - w) <= 1;
     return {
-      outerHeightStyle: P,
+      outerHeightStyle: W,
       overflowing: V
     };
-  }, [m, c, o.placeholder]), z = Ve(() => {
-    const r = p.current, i = g();
-    if (!r || !i || he(i))
+  }, [h, p, o.placeholder]), N = Ve(() => {
+    const i = f.current, n = g();
+    if (!i || !n || he(n))
       return !1;
-    const y = i.outerHeightStyle;
-    return f.current != null && f.current !== y;
-  }), C = l.useCallback(() => {
-    const r = p.current, i = g();
-    if (!r || !i || he(i))
+    const c = n.outerHeightStyle;
+    return m.current != null && m.current !== c;
+  }), x = l.useCallback(() => {
+    const i = f.current, n = g();
+    if (!i || !n || he(n))
       return;
-    const y = i.outerHeightStyle;
-    f.current !== y && (f.current = y, r.style.height = `${y}px`), r.style.overflow = i.overflowing ? "hidden" : "";
+    const c = n.outerHeightStyle;
+    m.current !== c && (m.current = c, i.style.height = `${c}px`), i.style.overflow = n.overflowing ? "hidden" : "";
   }, [g]), F = l.useRef(-1);
-  ee(() => {
-    const r = _e(C), i = p == null ? void 0 : p.current;
-    if (!i)
+  oe(() => {
+    const i = _e(x), n = f == null ? void 0 : f.current;
+    if (!n)
       return;
-    const y = me(i);
-    y.addEventListener("resize", r);
+    const c = me(n);
+    c.addEventListener("resize", i);
     let u;
     return typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
-      z() && (u.unobserve(i), cancelAnimationFrame(F.current), C(), F.current = requestAnimationFrame(() => {
-        u.observe(i);
+      N() && (u.unobserve(n), cancelAnimationFrame(F.current), x(), F.current = requestAnimationFrame(() => {
+        u.observe(n);
       }));
-    }), u.observe(i)), () => {
-      r.clear(), cancelAnimationFrame(F.current), y.removeEventListener("resize", r), u && u.disconnect();
+    }), u.observe(n)), () => {
+      i.clear(), cancelAnimationFrame(F.current), c.removeEventListener("resize", i), u && u.disconnect();
     };
-  }, [g, C, z]), ee(() => {
-    C();
+  }, [g, x, N]), oe(() => {
+    x();
   });
-  const j = (r) => {
-    S || C(), d && d(r);
+  const j = (i) => {
+    S || x();
+    const n = i.target, c = n.value.length, u = n.value.endsWith(`
+`), E = n.selectionStart === c;
+    u && E && n.setSelectionRange(c, c), d && d(i);
   };
-  return /* @__PURE__ */ X(l.Fragment, {
-    children: [/* @__PURE__ */ A("textarea", {
+  return /* @__PURE__ */ ee(l.Fragment, {
+    children: [/* @__PURE__ */ B("textarea", {
       value: T,
       onChange: j,
       ref: O,
-      rows: c,
+      rows: p,
       style: R,
-      ...B
-    }), /* @__PURE__ */ A("textarea", {
+      ...H
+    }), /* @__PURE__ */ B("textarea", {
       "aria-hidden": !0,
       className: o.className,
       readOnly: !0,
-      ref: x,
+      ref: C,
       tabIndex: -1,
       style: {
-        ...Ke.shadow,
+        ...Ge.shadow,
         ...R,
         paddingTop: 0,
         paddingBottom: 0
@@ -170,41 +172,41 @@ function Ye(t) {
 }
 const te = Ae("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
 var be;
-const Ze = (t, o) => {
+const Xe = (t, o) => {
   const {
-    ownerState: n
+    ownerState: r
   } = t;
-  return [o.root, n.formControl && o.formControl, n.startAdornment && o.adornedStart, n.endAdornment && o.adornedEnd, n.error && o.error, n.size === "small" && o.sizeSmall, n.multiline && o.multiline, n.color && o[`color${oe(n.color)}`], n.fullWidth && o.fullWidth, n.hiddenLabel && o.hiddenLabel];
-}, Je = (t, 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 = (t, o) => {
   const {
-    ownerState: n
+    ownerState: r
   } = t;
-  return [o.input, n.size === "small" && o.inputSizeSmall, n.multiline && o.inputMultiline, n.type === "search" && o.inputTypeSearch, n.startAdornment && o.inputAdornedStart, n.endAdornment && o.inputAdornedEnd, n.hiddenLabel && o.inputHiddenLabel];
-}, Qe = (t) => {
+  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 = (t) => {
   const {
     classes: o,
-    color: n,
+    color: r,
     disabled: d,
-    error: m,
-    endAdornment: c,
+    error: h,
+    endAdornment: p,
     focused: R,
     formControl: T,
-    fullWidth: B,
+    fullWidth: H,
     hiddenLabel: S,
-    multiline: p,
+    multiline: f,
     readOnly: O,
-    size: f,
-    startAdornment: x,
+    size: m,
+    startAdornment: C,
     type: g
-  } = t, z = {
-    root: ["root", `color${oe(n)}`, d && "disabled", m && "error", B && "fullWidth", R && "focused", T && "formControl", f && f !== "medium" && `size${oe(f)}`, p && "multiline", x && "adornedStart", c && "adornedEnd", S && "hiddenLabel", O && "readOnly"],
-    input: ["input", d && "disabled", g === "search" && "inputTypeSearch", p && "inputMultiline", f === "small" && "inputSizeSmall", S && "inputHiddenLabel", x && "inputAdornedStart", c && "inputAdornedEnd", O && "readOnly"]
+  } = t, N = {
+    root: ["root", `color${Q(r)}`, d && "disabled", h && "error", H && "fullWidth", R && "focused", T && "formControl", m && m !== "medium" && `size${Q(m)}`, f && "multiline", C && "adornedStart", p && "adornedEnd", S && "hiddenLabel", O && "readOnly"],
+    input: ["input", d && "disabled", g === "search" && "inputTypeSearch", f && "inputMultiline", m === "small" && "inputSizeSmall", S && "inputHiddenLabel", C && "inputAdornedStart", p && "inputAdornedEnd", O && "readOnly"]
   };
-  return Ue(z, Ye, o);
-}, Xe = ve("div", {
+  return Ue(N, Ye, o);
+}, Qe = ve("div", {
   name: "MuiInputBase",
   slot: "Root",
-  overridesResolver: Ze
+  overridesResolver: Xe
 })(ge(({
   theme: t
 }) => ({
@@ -232,8 +234,8 @@ const Ze = (t, o) => {
   }, {
     props: ({
       ownerState: o,
-      size: n
-    }) => o.multiline && n === "small",
+      size: r
+    }) => o.multiline && r === "small",
     style: {
       paddingTop: 1
     }
@@ -248,11 +250,11 @@ const Ze = (t, o) => {
 }))), eo = ve("input", {
   name: "MuiInputBase",
   slot: "Input",
-  overridesResolver: Je
+  overridesResolver: Ze
 })(ge(({
   theme: t
 }) => {
-  const o = t.palette.mode === "light", n = {
+  const o = t.palette.mode === "light", r = {
     color: "currentColor",
     ...t.vars ? {
       opacity: t.vars.opacity.inputPlaceholder
@@ -264,7 +266,7 @@ const Ze = (t, o) => {
     })
   }, d = {
     opacity: "0 !important"
-  }, m = t.vars ? {
+  }, h = t.vars ? {
     opacity: t.vars.opacity.inputPlaceholder
   } : {
     opacity: o ? 0.42 : 0.5
@@ -286,10 +288,10 @@ const Ze = (t, o) => {
     // Make the flex item shrink with Firefox
     minWidth: 0,
     width: "100%",
-    "&::-webkit-input-placeholder": n,
-    "&::-moz-placeholder": n,
+    "&::-webkit-input-placeholder": r,
+    "&::-moz-placeholder": r,
     // Firefox 19+
-    "&::-ms-input-placeholder": n,
+    "&::-ms-input-placeholder": r,
     // Edge
     "&:focus": {
       outline: 0
@@ -309,10 +311,10 @@ const Ze = (t, o) => {
       // Firefox 19+
       "&::-ms-input-placeholder": d,
       // Edge
-      "&:focus::-webkit-input-placeholder": m,
-      "&:focus::-moz-placeholder": m,
+      "&:focus::-webkit-input-placeholder": h,
+      "&:focus::-moz-placeholder": h,
       // Firefox 19+
-      "&:focus::-ms-input-placeholder": m
+      "&:focus::-ms-input-placeholder": h
       // Edge
     },
     [`&.${te.disabled}`]: {
@@ -323,8 +325,8 @@ const Ze = (t, o) => {
     },
     variants: [{
       props: ({
-        ownerState: c
-      }) => !c.disableInjectingGlobalStyles,
+        ownerState: p
+      }) => !p.disableInjectingGlobalStyles,
       style: {
         animationName: "mui-auto-fill-cancel",
         animationDuration: "10ms",
@@ -342,8 +344,8 @@ const Ze = (t, o) => {
       }
     }, {
       props: ({
-        ownerState: c
-      }) => c.multiline,
+        ownerState: p
+      }) => p.multiline,
       style: {
         height: "auto",
         resize: "none",
@@ -360,7 +362,7 @@ const Ze = (t, o) => {
       }
     }]
   };
-})), ye = De({
+})), ye = Le({
   "@keyframes mui-auto-fill": {
     from: {
       display: "block"
@@ -371,187 +373,187 @@ const Ze = (t, o) => {
       display: "block"
     }
   }
-}), oo = /* @__PURE__ */ l.forwardRef(function(o, n) {
+}), oo = /* @__PURE__ */ l.forwardRef(function(o, r) {
   const d = je({
     props: o,
     name: "MuiInputBase"
   }), {
-    "aria-describedby": m,
-    autoComplete: c,
+    "aria-describedby": h,
+    autoComplete: p,
     autoFocus: R,
     className: T,
-    color: B,
+    color: H,
     components: S = {},
-    componentsProps: p = {},
+    componentsProps: f = {},
     defaultValue: O,
-    disabled: f,
-    disableInjectingGlobalStyles: x,
+    disabled: m,
+    disableInjectingGlobalStyles: C,
     endAdornment: g,
-    error: z,
-    fullWidth: C = !1,
+    error: N,
+    fullWidth: x = !1,
     id: F,
     inputComponent: j = "input",
-    inputProps: r = {},
-    inputRef: i,
-    margin: y,
+    inputProps: i = {},
+    inputRef: n,
+    margin: c,
     maxRows: u,
-    minRows: H,
+    minRows: E,
     multiline: M = !1,
     name: U,
     onBlur: w,
-    onChange: E,
-    onClick: h,
-    onFocus: P,
+    onChange: I,
+    onClick: b,
+    onFocus: W,
     onKeyDown: V,
-    onKeyUp: xe,
-    placeholder: Ce,
+    onKeyUp: Ce,
+    placeholder: xe,
     readOnly: _,
     renderSuffix: ne,
-    rows: W,
+    rows: P,
     size: to,
     slotProps: re = {},
     slots: ie = {},
-    startAdornment: N,
+    startAdornment: k,
     type: ae = "text",
     value: Re,
     ...Te
-  } = d, D = r.value != null ? r.value : Re, {
-    current: $
-  } = l.useRef(D != null), I = l.useRef(), Oe = l.useCallback((a) => {
+  } = d, L = i.value != null ? i.value : Re, {
+    current: K
+  } = l.useRef(L != null), z = l.useRef(), Oe = l.useCallback((a) => {
     process.env.NODE_ENV !== "production" && a && a.nodeName !== "INPUT" && !a.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(`
 `));
-  }, []), Ee = we(I, i, r.ref, Oe), [G, K] = l.useState(!1), s = Pe();
+  }, []), Ee = we(z, n, i.ref, Oe), [$, G] = l.useState(!1), s = We();
   process.env.NODE_ENV !== "production" && l.useEffect(() => {
     if (s)
       return s.registerEffect();
   }, [s]);
-  const b = Me({
+  const y = Me({
     props: d,
     muiFormControl: s,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  b.focused = s ? s.focused : G, l.useEffect(() => {
-    !s && f && G && (K(!1), w && w());
-  }, [s, f, G, w]);
-  const q = s && s.onFilled, Y = s && s.onEmpty, k = l.useCallback((a) => {
-    Le(a) ? q && q() : Y && Y();
+  y.focused = s ? s.focused : $, l.useEffect(() => {
+    !s && m && $ && (G(!1), w && w());
+  }, [s, m, $, w]);
+  const q = s && s.onFilled, Y = s && s.onEmpty, A = l.useCallback((a) => {
+    De(a) ? q && q() : Y && Y();
   }, [q, Y]);
-  ee(() => {
-    $ && k({
-      value: D
+  oe(() => {
+    K && A({
+      value: L
     });
-  }, [D, k, $]);
+  }, [L, A, K]);
   const Ie = (a) => {
-    P && P(a), r.onFocus && r.onFocus(a), s && s.onFocus ? s.onFocus(a) : K(!0);
+    W && W(a), i.onFocus && i.onFocus(a), s && s.onFocus ? s.onFocus(a) : G(!0);
   }, ze = (a) => {
-    w && w(a), r.onBlur && r.onBlur(a), s && s.onBlur ? s.onBlur(a) : K(!1);
-  }, Fe = (a, ...de) => {
-    if (!$) {
-      const ce = a.target || I.current;
-      if (ce == null)
+    w && w(a), i.onBlur && i.onBlur(a), s && s.onBlur ? s.onBlur(a) : G(!1);
+  }, Ne = (a, ...ce) => {
+    if (!K) {
+      const de = a.target || z.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." : He(1));
-      k({
-        value: ce.value
+      A({
+        value: de.value
       });
     }
-    r.onChange && r.onChange(a, ...de), E && E(a, ...de);
+    i.onChange && i.onChange(a, ...ce), I && I(a, ...ce);
   };
   l.useEffect(() => {
-    k(I.current);
+    A(z.current);
   }, []);
-  const Ne = (a) => {
-    I.current && a.currentTarget === a.target && I.current.focus(), h && h(a);
+  const Fe = (a) => {
+    z.current && a.currentTarget === a.target && z.current.focus(), b && b(a);
   };
-  let Z = j, v = r;
-  M && Z === "input" && (W ? (process.env.NODE_ENV !== "production" && (H || u) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), v = {
+  let X = j, v = i;
+  M && X === "input" && (P ? (process.env.NODE_ENV !== "production" && (E || u) && 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,
+    minRows: P,
+    maxRows: P,
     ...v
   }) : v = {
     type: void 0,
     maxRows: u,
-    minRows: H,
+    minRows: E,
     ...v
-  }, Z = Se);
+  }, X = Se);
   const ke = (a) => {
-    k(a.animationName === "mui-auto-fill-cancel" ? I.current : {
+    A(a.animationName === "mui-auto-fill-cancel" ? z.current : {
       value: "x"
     });
   };
   l.useEffect(() => {
-    s && s.setAdornedStart(!!N);
-  }, [s, N]);
-  const J = {
+    s && s.setAdornedStart(!!k);
+  }, [s, k]);
+  const Z = {
     ...d,
-    color: b.color || "primary",
-    disabled: b.disabled,
+    color: y.color || "primary",
+    disabled: y.disabled,
     endAdornment: g,
-    error: b.error,
-    focused: b.focused,
+    error: y.error,
+    focused: y.focused,
     formControl: s,
-    fullWidth: C,
-    hiddenLabel: b.hiddenLabel,
+    fullWidth: x,
+    hiddenLabel: y.hiddenLabel,
     multiline: M,
-    size: b.size,
-    startAdornment: N,
+    size: y.size,
+    startAdornment: k,
     type: ae
-  }, se = Qe(J), le = ie.root || S.Root || Xe, Q = re.root || p.root || {}, ue = ie.input || S.Input || eo;
+  }, se = Je(Z), le = ie.root || S.Root || Qe, J = re.root || f.root || {}, ue = ie.input || S.Input || eo;
   return v = {
     ...v,
-    ...re.input ?? p.input
-  }, /* @__PURE__ */ X(l.Fragment, {
-    children: [!x && typeof ye == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
+    ...re.input ?? f.input
+  }, /* @__PURE__ */ ee(l.Fragment, {
+    children: [!C && typeof ye == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
     // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
-    (be || (be = /* @__PURE__ */ A(ye, {}))), /* @__PURE__ */ X(le, {
-      ...Q,
-      ref: n,
-      onClick: Ne,
+    (be || (be = /* @__PURE__ */ B(ye, {}))), /* @__PURE__ */ ee(le, {
+      ...J,
+      ref: r,
+      onClick: Fe,
       ...Te,
       ...!fe(le) && {
         ownerState: {
-          ...J,
-          ...Q.ownerState
+          ...Z,
+          ...J.ownerState
         }
       },
-      className: pe(se.root, Q.className, T, _ && "MuiInputBase-readOnly"),
-      children: [N, /* @__PURE__ */ A(We.Provider, {
+      className: pe(se.root, J.className, T, _ && "MuiInputBase-readOnly"),
+      children: [k, /* @__PURE__ */ B(Pe.Provider, {
         value: null,
-        children: /* @__PURE__ */ A(ue, {
-          "aria-invalid": b.error,
-          "aria-describedby": m,
-          autoComplete: c,
+        children: /* @__PURE__ */ B(ue, {
+          "aria-invalid": y.error,
+          "aria-describedby": h,
+          autoComplete: p,
           autoFocus: R,
           defaultValue: O,
-          disabled: b.disabled,
+          disabled: y.disabled,
           id: F,
           onAnimationStart: ke,
           name: U,
-          placeholder: Ce,
+          placeholder: xe,
           readOnly: _,
-          required: b.required,
-          rows: W,
-          value: D,
+          required: y.required,
+          rows: P,
+          value: L,
           onKeyDown: V,
-          onKeyUp: xe,
+          onKeyUp: Ce,
           type: ae,
           ...v,
           ...!fe(ue) && {
-            as: Z,
+            as: X,
             ownerState: {
-              ...J,
+              ...Z,
               ...v.ownerState
             }
           },
           ref: Ee,
           className: pe(se.input, v.className, _ && "MuiInputBase-readOnly"),
           onBlur: ze,
-          onChange: Fe,
+          onChange: Ne,
           onFocus: Ie
         })
       }), g, ne ? ne({
-        ...b,
-        startAdornment: N
+        ...y,
+        startAdornment: k
       }) : null]
     })]
   });
@@ -651,16 +653,16 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent: Ge,
+  inputComponent: $e,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: $e,
+  inputRef: Ke,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -775,7 +777,7 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -786,9 +788,9 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
 });
 export {
   oo as I,
-  Xe as a,
+  Qe as a,
   eo as b,
-  Je as c,
+  Ze as c,
   te as i,
-  Ze as r
+  Xe as r
 };