@cgi-learning-hub/ui 1.3.5 → 1.4.0

package/dist/{IconButton-CekuyD4r.js → IconButton-B4bt0Hp2.js}

@@ -1,36 +1,40 @@
-import * as c from "react";
-import { H as z, I, G as R, P as e, n as f } from "./generateUtilityClasses-Bssl7BA_.js";
-import { m as g } from "./memoTheme-D7Fyh_3C.js";
-import { c as y } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { jsx as O } from "react/jsx-runtime";
-import { s as C, u as h, c as T } from "./DefaultPropsProvider-CvJPQJmL.js";
-import { B as S } from "./ButtonBase-DAWDecOk.js";
-import { c as a } from "./capitalize-CkF8kU4n.js";
-import { c as $ } from "./chainPropTypes-D9lkm76m.js";
-function x(o) {
-  return z("MuiIconButton", o);
+import * as f from "react";
+import { H as $, I as x, G as P, L as r, n as B, P as e } from "./identifier-D58rA1gM.js";
+import { m as z } from "./memoTheme-DyiN-Awd.js";
+import { c as R } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { jsxs as w, jsx as u } from "react/jsx-runtime";
+import { u as j, s as O, c as k } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { u as M } from "./useId-CK6Kn3Tn.js";
+import { B as N } from "./ButtonBase-DzpmdR6N.js";
+import { C as E } from "./CircularProgress-CDa_qU1a.js";
+import { c as L } from "./chainPropTypes-D9lkm76m.js";
+function U(o) {
+  return x("MuiIconButton", o);
 }
-const w = I("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), j = (o) => {
+const C = $("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), W = (o) => {
   const {
-    classes: t,
-    disabled: r,
-    color: s,
-    edge: n,
-    size: i
-  } = o, l = {
-    root: ["root", r && "disabled", s !== "default" && `color${a(s)}`, n && `edge${a(n)}`, `size${a(i)}`]
+    classes: a,
+    disabled: t,
+    color: n,
+    edge: s,
+    size: l,
+    loading: c
+  } = o, d = {
+    root: ["root", c && "loading", t && "disabled", n !== "default" && `color${r(n)}`, s && `edge${r(s)}`, `size${r(l)}`],
+    loadingIndicator: ["loadingIndicator"],
+    loadingWrapper: ["loadingWrapper"]
   };
-  return T(l, x, t);
-}, k = C(S, {
+  return k(d, U, a);
+}, F = O(N, {
   name: "MuiIconButton",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (o, a) => {
     const {
-      ownerState: r
+      ownerState: t
     } = o;
-    return [t.root, r.color !== "default" && t[`color${a(r.color)}`], r.edge && t[`edge${a(r.edge)}`], t[`size${a(r.size)}`]];
+    return [a.root, t.loading && a.loading, t.color !== "default" && a[`color${r(t.color)}`], t.edge && a[`edge${r(t.edge)}`], a[`size${r(t.size)}`]];
   }
-})(g(({
+})(z(({
   theme: o
 }) => ({
   textAlign: "center",
@@ -43,9 +47,9 @@ const w = I("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     duration: o.transitions.duration.shortest
   }),
   variants: [{
-    props: (t) => !t.disableRipple,
+    props: (a) => !a.disableRipple,
     style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette.action.active, o.palette.action.hoverOpacity),
+      "--IconButton-hoverBg": o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : B(o.palette.action.active, o.palette.action.hoverOpacity),
       "&:hover": {
         backgroundColor: "var(--IconButton-hoverBg)",
         // Reset on touch devices, it doesn't add specificity
@@ -85,7 +89,7 @@ const w = I("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       marginRight: -3
     }
   }]
-})), g(({
+})), z(({
   theme: o
 }) => ({
   variants: [{
@@ -95,19 +99,19 @@ const w = I("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     style: {
       color: "inherit"
     }
-  }, ...Object.entries(o.palette).filter(y()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(R()).map(([a]) => ({
     props: {
-      color: t
+      color: a
     },
     style: {
-      color: (o.vars || o).palette[t].main
+      color: (o.vars || o).palette[a].main
     }
-  })), ...Object.entries(o.palette).filter(y()).map(([t]) => ({
+  })), ...Object.entries(o.palette).filter(R()).map(([a]) => ({
     props: {
-      color: t
+      color: a
     },
     style: {
-      "--IconButton-hoverBg": o.vars ? `rgba(${(o.vars || o).palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f((o.vars || o).palette[t].main, o.palette.action.hoverOpacity)
+      "--IconButton-hoverBg": o.vars ? `rgba(${(o.vars || o).palette[a].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : B((o.vars || o).palette[a].main, o.palette.action.hoverOpacity)
     }
   })), {
     props: {
@@ -126,43 +130,89 @@ const w = I("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       fontSize: o.typography.pxToRem(28)
     }
   }],
-  [`&.${w.disabled}`]: {
+  [`&.${C.disabled}`]: {
     backgroundColor: "transparent",
     color: (o.vars || o).palette.action.disabled
+  },
+  [`&.${C.loading}`]: {
+    color: "transparent"
   }
-}))), P = /* @__PURE__ */ c.forwardRef(function(t, r) {
-  const s = h({
-    props: t,
+}))), V = O("span", {
+  name: "MuiIconButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (o, a) => a.loadingIndicator
+})(({
+  theme: o
+}) => ({
+  display: "none",
+  position: "absolute",
+  visibility: "visible",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  color: (o.vars || o).palette.action.disabled,
+  variants: [{
+    props: {
+      loading: !0
+    },
+    style: {
+      display: "flex"
+    }
+  }]
+})), A = /* @__PURE__ */ f.forwardRef(function(a, t) {
+  const n = j({
+    props: a,
     name: "MuiIconButton"
   }), {
-    edge: n = !1,
-    children: i,
-    className: l,
-    color: m = "default",
-    disabled: p = !1,
-    disableFocusRipple: d = !1,
-    size: v = "medium",
-    ...b
-  } = s, u = {
-    ...s,
-    edge: n,
-    color: m,
-    disabled: p,
-    disableFocusRipple: d,
-    size: v
-  }, B = j(u);
-  return /* @__PURE__ */ O(k, {
-    className: R(B.root, l),
+    edge: s = !1,
+    children: l,
+    className: c,
+    color: d = "default",
+    disabled: y = !1,
+    disableFocusRipple: b = !1,
+    size: h = "medium",
+    id: m,
+    loading: i = null,
+    loadingIndicator: S,
+    ...T
+  } = n, v = M(m), I = S ?? /* @__PURE__ */ u(E, {
+    "aria-labelledby": v,
+    color: "inherit",
+    size: 16
+  }), p = {
+    ...n,
+    edge: s,
+    color: d,
+    disabled: y,
+    disableFocusRipple: b,
+    loading: i,
+    loadingIndicator: I,
+    size: h
+  }, g = W(p);
+  return /* @__PURE__ */ w(F, {
+    id: i ? v : m,
+    className: P(g.root, c),
     centerRipple: !0,
-    focusRipple: !d,
-    disabled: p,
-    ref: r,
-    ...b,
-    ownerState: u,
-    children: i
+    focusRipple: !b,
+    disabled: y || i,
+    ref: t,
+    ...T,
+    ownerState: p,
+    children: [typeof i == "boolean" && // use plain HTML span to minimize the runtime overhead
+    /* @__PURE__ */ u("span", {
+      className: g.loadingWrapper,
+      style: {
+        display: "contents"
+      },
+      children: /* @__PURE__ */ u(V, {
+        className: g.loadingIndicator,
+        ownerState: p,
+        children: i && I
+      })
+    }), l]
   });
 });
-process.env.NODE_ENV !== "production" && (P.propTypes = {
+process.env.NODE_ENV !== "production" && (A.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -170,7 +220,7 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
   /**
    * The icon to display.
    */
-  children: $(e.node, (o) => c.Children.toArray(o.children).some((r) => /* @__PURE__ */ c.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+  children: L(e.node, (o) => f.Children.toArray(o.children).some((t) => /* @__PURE__ */ f.isValidElement(t) && t.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
 `)) : null),
   /**
    * Override or extend the styles applied to the component.
@@ -213,6 +263,23 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
    * @default false
    */
   edge: e.oneOf(["end", "start", !1]),
+  /**
+   * @ignore
+   */
+  id: e.string,
+  /**
+   * If `true`, the loading indicator is visible and the button is disabled.
+   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
+   * @default null
+   */
+  loading: e.bool,
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default, it renders a `CircularProgress` that is labeled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator: e.node,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
@@ -225,7 +292,7 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  P as I,
-  x as g,
-  w as i
+  A as I,
+  U as g,
+  C as i
 };

package/dist/IconButton-Edo5JMfQ.cjs

@@ -0,0 +1,2 @@
+"use strict";const S=require("react"),o=require("./identifier-5n4d7br9.cjs"),m=require("./memoTheme-C8EfvlY1.cjs"),B=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),i=require("react/jsx-runtime"),l=require("./DefaultPropsProvider-QmkL7lbM.cjs"),j=require("./useId-DNXtOFeX.cjs"),x=require("./ButtonBase-C2rhY3j-.cjs"),$=require("./CircularProgress-DTVP6gln.cjs"),q=require("./chainPropTypes-CEUi6Jb4.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const y=w(S);function z(e){return o.generateUtilityClass("MuiIconButton",e)}const f=o.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge","loading","loadingIndicator","loadingWrapper"]),k=e=>{const{classes:t,disabled:r,color:a,edge:s,size:p,loading:c}=e,d={root:["root",c&&"loading",r&&"disabled",a!=="default"&&`color${o.capitalize(a)}`,s&&`edge${o.capitalize(s)}`,`size${o.capitalize(p)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]};return l.composeClasses(d,z,t)},M=l.styled(x.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.loading&&t.loading,r.color!=="default"&&t[`color${o.capitalize(r.color)}`],r.edge&&t[`edge${o.capitalize(r.edge)}`],t[`size${o.capitalize(r.size)}`]]}})(m.memoTheme(({theme:e})=>({textAlign:"center",flex:"0 0 auto",fontSize:e.typography.pxToRem(24),padding:8,borderRadius:"50%",color:(e.vars||e).palette.action.active,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),variants:[{props:t=>!t.disableRipple,style:{"--IconButton-hoverBg":e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"&:hover":{backgroundColor:"var(--IconButton-hoverBg)","@media (hover: none)":{backgroundColor:"transparent"}}}},{props:{edge:"start"},style:{marginLeft:-12}},{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:{edge:"end"},style:{marginRight:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}}]})),m.memoTheme(({theme:e})=>({variants:[{props:{color:"inherit"},style:{color:"inherit"}},...Object.entries(e.palette).filter(B.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),...Object.entries(e.palette).filter(B.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{"--IconButton-hoverBg":e.vars?`rgba(${(e.vars||e).palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha((e.vars||e).palette[t].main,e.palette.action.hoverOpacity)}})),{props:{size:"small"},style:{padding:5,fontSize:e.typography.pxToRem(18)}},{props:{size:"large"},style:{padding:12,fontSize:e.typography.pxToRem(28)}}],[`&.${f.disabled}`]:{backgroundColor:"transparent",color:(e.vars||e).palette.action.disabled},[`&.${f.loading}`]:{color:"transparent"}}))),N=l.styled("span",{name:"MuiIconButton",slot:"LoadingIndicator",overridesResolver:(e,t)=>t.loadingIndicator})(({theme:e})=>({display:"none",position:"absolute",visibility:"visible",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:(e.vars||e).palette.action.disabled,variants:[{props:{loading:!0},style:{display:"flex"}}]})),O=y.forwardRef(function(t,r){const a=l.useDefaultProps({props:t,name:"MuiIconButton"}),{edge:s=!1,children:p,className:c,color:d="default",disabled:b=!1,disableFocusRipple:v=!1,size:R="medium",id:P,loading:n=null,loadingIndicator:h,...C}=a,T=j.useId(P),I=h??i.jsx($.CircularProgress,{"aria-labelledby":T,color:"inherit",size:16}),u={...a,edge:s,color:d,disabled:b,disableFocusRipple:v,loading:n,loadingIndicator:I,size:R},g=k(u);return i.jsxs(M,{id:n?T:P,className:o.clsx(g.root,c),centerRipple:!0,focusRipple:!v,disabled:b||n,ref:r,...C,ownerState:u,children:[typeof n=="boolean"&&i.jsx("span",{className:g.loadingWrapper,style:{display:"contents"},children:i.jsx(N,{className:g.loadingIndicator,ownerState:u,children:n&&I})}),p]})});process.env.NODE_ENV!=="production"&&(O.propTypes={children:q.chainPropTypes(o.PropTypes.node,e=>y.Children.toArray(e.children).some(r=>y.isValidElement(r)&&r.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
+`)):null),classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),disabled:o.PropTypes.bool,disableFocusRipple:o.PropTypes.bool,disableRipple:o.PropTypes.bool,edge:o.PropTypes.oneOf(["end","start",!1]),id:o.PropTypes.string,loading:o.PropTypes.bool,loadingIndicator:o.PropTypes.node,size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["small","medium","large"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});exports.IconButton=O;exports.getIconButtonUtilityClass=z;exports.iconButtonClasses=f;

package/dist/InputAdornment-C9NrmB_z.cjs

@@ -0,0 +1 @@
+"use strict";const x=require("react"),e=require("./identifier-5n4d7br9.cjs"),f=require("./useFormControl-haP0iPhl.cjs"),I=require("./memoTheme-C8EfvlY1.cjs"),a=require("react/jsx-runtime"),m=require("./DefaultPropsProvider-QmkL7lbM.cjs"),O=require("./Typography-DEAE8-8u.cjs");function A(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const P=A(x);function C(t){return e.generateUtilityClass("MuiInputAdornment",t)}const T=e.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]);var b;const S=(t,o)=>{const{ownerState:n}=t;return[o.root,o[`position${e.capitalize(n.position)}`],n.disablePointerEvents===!0&&o.disablePointerEvents,o[n.variant]]},z=t=>{const{classes:o,disablePointerEvents:n,hiddenLabel:r,position:s,size:p,variant:l}=t,c={root:["root",n&&"disablePointerEvents",s&&`position${e.capitalize(s)}`,l,r&&"hiddenLabel",p&&`size${e.capitalize(p)}`]};return m.composeClasses(c,C,o)},N=m.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:S})(I.memoTheme(({theme:t})=>({display:"flex",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(t.vars||t).palette.action.active,variants:[{props:{variant:"filled"},style:{[`&.${T.positionStart}&:not(.${T.hiddenLabel})`]:{marginTop:16}}},{props:{position:"start"},style:{marginRight:8}},{props:{position:"end"},style:{marginLeft:8}},{props:{disablePointerEvents:!0},style:{pointerEvents:"none"}}]}))),h=P.forwardRef(function(o,n){const r=m.useDefaultProps({props:o,name:"MuiInputAdornment"}),{children:s,className:p,component:l="div",disablePointerEvents:c=!1,disableTypography:g=!1,position:y,variant:d,...E}=r,i=f.useFormControl()||{};let u=d;d&&i.variant&&process.env.NODE_ENV!=="production"&&d===i.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),i&&!u&&(u=i.variant);const v={...r,hiddenLabel:i.hiddenLabel,size:i.size,disablePointerEvents:c,position:y,variant:u},j=z(v);return a.jsx(f.FormControlContext.Provider,{value:null,children:a.jsx(N,{as:l,ownerState:v,className:e.clsx(j.root,p),ref:n,...E,children:typeof s=="string"&&!g?a.jsx(O.Typography,{color:"textSecondary",children:s}):a.jsxs(P.Fragment,{children:[y==="start"?b||(b=a.jsx("span",{className:"notranslate","aria-hidden":!0,children:"​"})):null,s]})})})});process.env.NODE_ENV!=="production"&&(h.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disablePointerEvents:e.PropTypes.bool,disableTypography:e.PropTypes.bool,position:e.PropTypes.oneOf(["end","start"]).isRequired,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),variant:e.PropTypes.oneOf(["filled","outlined","standard"])});exports.InputAdornment=h;

package/dist/{InputAdornment-iU5YnveW.js → InputAdornment-GzDm1zf_.js}

@@ -1,11 +1,10 @@
 import * as h from "react";
-import { I as P, H as T, G as A, P as e } from "./generateUtilityClasses-Bssl7BA_.js";
+import { H as P, I as T, G as A, L as u, P as e } from "./identifier-D58rA1gM.js";
 import { u as C, F as x } from "./useFormControl-CatNKXAi.js";
-import { m as N } from "./memoTheme-D7Fyh_3C.js";
-import { jsx as l, jsxs as S } from "react/jsx-runtime";
-import { s as L, u as O, c as R } from "./DefaultPropsProvider-CvJPQJmL.js";
-import { T as w } from "./Typography-DBwTr_ix.js";
-import { c as u } from "./capitalize-CkF8kU4n.js";
+import { m as L } from "./memoTheme-DyiN-Awd.js";
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import { u as S, s as O, c as R } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { T as w } from "./Typography-CE8fQQ8B.js";
 function z(t) {
   return T("MuiInputAdornment", t);
 }
@@ -28,11 +27,11 @@ const j = (t, o) => {
     root: ["root", n && "disablePointerEvents", s && `position${u(s)}`, p, i && "hiddenLabel", a && `size${u(a)}`]
   };
   return R(d, z, o);
-}, M = L("div", {
+}, M = O("div", {
   name: "MuiInputAdornment",
   slot: "Root",
   overridesResolver: j
-})(N(({
+})(L(({
   theme: t
 }) => ({
   display: "flex",
@@ -72,7 +71,7 @@ const j = (t, o) => {
     }
   }]
 }))), U = /* @__PURE__ */ h.forwardRef(function(o, n) {
-  const i = O({
+  const i = S({
     props: o,
     name: "MuiInputAdornment"
   }), {
@@ -81,36 +80,37 @@ const j = (t, o) => {
     component: p = "div",
     disablePointerEvents: d = !1,
     disableTypography: g = !1,
-    position: f,
+    position: v,
     variant: c,
     ...E
   } = i, r = C() || {};
   let m = c;
-  c && r.variant && process.env.NODE_ENV !== "production" && c === r.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), m || (m = r.variant);
-  const v = {
+  c && r.variant && process.env.NODE_ENV !== "production" && c === r.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), r && !m && (m = r.variant);
+  const f = {
     ...i,
     hiddenLabel: r.hiddenLabel,
     size: r.size,
     disablePointerEvents: d,
-    position: f,
+    position: v,
     variant: m
-  }, I = F(v);
+  }, I = F(f);
   return /* @__PURE__ */ l(x.Provider, {
     value: null,
     children: /* @__PURE__ */ l(M, {
       as: p,
-      ownerState: v,
+      ownerState: f,
       className: A(I.root, a),
       ref: n,
       ...E,
       children: typeof s == "string" && !g ? /* @__PURE__ */ l(w, {
         color: "textSecondary",
         children: s
-      }) : /* @__PURE__ */ S(h.Fragment, {
-        children: [f === "start" ? (
+      }) : /* @__PURE__ */ N(h.Fragment, {
+        children: [v === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
           y || (y = /* @__PURE__ */ l("span", {
             className: "notranslate",
+            "aria-hidden": !0,
             children: "​"
           }))
         ) : null, s]