@clearstory/drywall-react 5.2.2 → 5.3.0

package/dist/{Select-De55ndN6.js → Select-NMI0Dg3g.js}

@@ -1,14 +1,14 @@
 import * as u from "react";
 import { P as e } from "./index-B5q5ym9h.js";
-import { c as ge } from "./clsx-OuTLNxxd.js";
-import { t as ye, h as Y, r as go, w as yo } from "./createTheme-Cr8frjQ0.js";
-import { M as vo } from "./Menu-BExv75wS.js";
+import { c as ve } from "./clsx-OuTLNxxd.js";
+import { t as ye, h as G, r as go, w as vo } from "./createTheme-Cr8frjQ0.js";
+import { M as yo } from "./Menu-CCiom50Z.js";
 import { g as qe } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as _e } from "./generateUtilityClass-BhfUaMgk.js";
-import { s as y, r as B, a as ho } from "./styled-BKpRY52y.js";
-import { jsx as g, jsxs as ve } from "react/jsx-runtime";
-import { c as V } from "./composeClasses-2Ou-RZJr.js";
-import { r as G } from "./refType-C3kIdphZ.js";
+import { s as v, r as U, a as ho } from "./styled-BKpRY52y.js";
+import { jsx as g, jsxs as he } from "react/jsx-runtime";
+import { c as q } from "./composeClasses-2Ou-RZJr.js";
+import { r as J } from "./refType-C3kIdphZ.js";
 import { a as Oo } from "./utils-Bf5X_KZD.js";
 import { u as De } from "./useControlled-D1L5tREc.js";
 import { u as Ke } from "./useForkRef-9kN4DArm.js";
@@ -16,45 +16,45 @@ import { o as So } from "./ownerDocument-CUrv0DIK.js";
 import { u as Co } from "./useId-CK6Kn3Tn.js";
 import { f as Xe } from "./formControlState-vgaj2ksH.js";
 import { u as He } from "./useFormControl-CatNKXAi.js";
-import { g as Io, f as k, a as Ro, i as X, b as wo, o as x, A as Po } from "./ArrowDropDown-CJcUO7Km.js";
+import { g as Io, f as W, a as Ro, i as H, b as wo, o as x, A as To } from "./ArrowDropDown-CpR6Sb-x.js";
 import { u as re } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { g as To } from "./getReactElementRef-DA-Xf2PF.js";
-import { m as W } from "./memoTheme-D7rECXXN.js";
-import { c as he } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { I as Oe, a as Se, r as Ce, b as Ie, c as Re } from "./InputBase-BM3Auzz5.js";
+import { g as Po } from "./getReactElementRef-DA-Xf2PF.js";
+import { m as A } from "./memoTheme-D7rECXXN.js";
+import { c as Oe } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { I as Se, a as Ce, r as Ie, b as Re, c as we } from "./InputBase-C6Ryue4Q.js";
 import { u as xo } from "./useSlot-CoTIuujp.js";
 const No = (o) => {
   const {
     classes: t,
     disableUnderline: n,
     startAdornment: s,
-    endAdornment: i,
+    endAdornment: a,
     size: p,
     hiddenLabel: l,
     multiline: d
   } = o, I = {
-    root: ["root", !n && "underline", s && "adornedStart", i && "adornedEnd", p === "small" && `size${Y(p)}`, l && "hiddenLabel", d && "multiline"],
+    root: ["root", !n && "underline", s && "adornedStart", a && "adornedEnd", p === "small" && `size${G(p)}`, l && "hiddenLabel", d && "multiline"],
     input: ["input"]
-  }, v = V(I, Io, t);
+  }, y = q(I, Io, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...v
+    ...y
   };
-}, $o = y(Se, {
-  shouldForwardProp: (o) => B(o) || o === "classes",
+}, $o = v(Ce, {
+  shouldForwardProp: (o) => U(o) || o === "classes",
   name: "MuiFilledInput",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [...Ce(o, t), !n.disableUnderline && t.underline];
+    return [...Ie(o, t), !n.disableUnderline && t.underline];
   }
-})(W(({
+})(A(({
   theme: o
 }) => {
-  const t = o.palette.mode === "light", n = t ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", s = t ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", i = t ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", p = t ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
+  const t = o.palette.mode === "light", n = t ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", s = t ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", a = t ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", p = t ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
   return {
     position: "relative",
     backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : s,
@@ -65,16 +65,16 @@ const No = (o) => {
       easing: o.transitions.easing.easeOut
     }),
     "&:hover": {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : i,
+      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : a,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : s
       }
     },
-    [`&.${k.focused}`]: {
+    [`&.${W.focused}`]: {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : s
     },
-    [`&.${k.disabled}`]: {
+    [`&.${W.disabled}`]: {
       backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : p
     },
     variants: [{
@@ -96,12 +96,12 @@ const No = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${k.focused}:after`]: {
+        [`&.${W.focused}:after`]: {
           // translateX(0) is a workaround for Safari transform scale bug
           // See https://github.com/mui/material-ui/issues/31766
           transform: "scaleX(1) translateX(0)"
         },
-        [`&.${k.error}`]: {
+        [`&.${W.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
@@ -119,14 +119,14 @@ const No = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${k.disabled}, .${k.error}):before`]: {
+        [`&:hover:not(.${W.disabled}, .${W.error}):before`]: {
           borderBottom: `1px solid ${(o.vars || o).palette.text.primary}`
         },
-        [`&.${k.disabled}:before`]: {
+        [`&.${W.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(he()).map(([l]) => ({
+    }, ...Object.entries(o.palette).filter(Oe()).map(([l]) => ({
       props: {
         disableUnderline: !1,
         color: l
@@ -184,11 +184,11 @@ const No = (o) => {
       }
     }]
   };
-})), Eo = y(Ie, {
+})), Eo = v(Re, {
   name: "MuiFilledInput",
   slot: "Input",
-  overridesResolver: Re
-})(W(({
+  overridesResolver: we
+})(A(({
   theme: o
 }) => ({
   paddingTop: 25,
@@ -266,54 +266,54 @@ const No = (o) => {
       paddingRight: 0
     }
   }]
-}))), we = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), Te = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const s = re({
     props: t,
     name: "MuiFilledInput"
   }), {
-    disableUnderline: i = !1,
+    disableUnderline: a = !1,
     components: p = {},
     componentsProps: l,
     fullWidth: d = !1,
     hiddenLabel: I,
     // declare here to prevent spreading to DOM
-    inputComponent: v = "input",
+    inputComponent: y = "input",
     multiline: h = !1,
     slotProps: b,
     slots: R = {},
     type: w = "text",
-    ...P
-  } = s, T = {
+    ...T
+  } = s, P = {
     ...s,
-    disableUnderline: i,
+    disableUnderline: a,
     fullWidth: d,
-    inputComponent: v,
+    inputComponent: y,
     multiline: h,
     type: w
   }, c = No(s), f = {
     root: {
-      ownerState: T
+      ownerState: P
     },
     input: {
-      ownerState: T
+      ownerState: P
     }
   }, O = b ?? l ? ye(f, b ?? l) : f, S = R.root ?? p.Root ?? $o, N = R.input ?? p.Input ?? Eo;
-  return /* @__PURE__ */ g(Oe, {
+  return /* @__PURE__ */ g(Se, {
     slots: {
       root: S,
       input: N
     },
     slotProps: O,
     fullWidth: d,
-    inputComponent: v,
+    inputComponent: y,
     multiline: h,
     ref: n,
     type: w,
-    ...P,
+    ...T,
     classes: c
   });
 });
-process.env.NODE_ENV !== "production" && (we.propTypes = {
+process.env.NODE_ENV !== "production" && (Te.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -415,7 +415,7 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: G,
+  inputRef: J,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -505,31 +505,31 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
    */
   value: e.any
 });
-we.muiName = "Input";
+Te.muiName = "Input";
 const Fo = (o) => {
   const {
     classes: t,
     disableUnderline: n
-  } = o, i = V({
+  } = o, a = q({
     root: ["root", !n && "underline"],
     input: ["input"]
   }, Ro, t);
   return {
     ...t,
     // forward classes to the InputBase
-    ...i
+    ...a
   };
-}, jo = y(Se, {
-  shouldForwardProp: (o) => B(o) || o === "classes",
+}, jo = v(Ce, {
+  shouldForwardProp: (o) => U(o) || o === "classes",
   name: "MuiInput",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [...Ce(o, t), !n.disableUnderline && t.underline];
+    return [...Ie(o, t), !n.disableUnderline && t.underline];
   }
-})(W(({
+})(A(({
   theme: o
 }) => {
   let n = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
@@ -563,12 +563,12 @@ const Fo = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${X.focused}:after`]: {
+        [`&.${H.focused}:after`]: {
           // translateX(0) is a workaround for Safari transform scale bug
           // See https://github.com/mui/material-ui/issues/31766
           transform: "scaleX(1) translateX(0)"
         },
-        [`&.${X.error}`]: {
+        [`&.${H.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (o.vars || o).palette.error.main
           }
@@ -586,18 +586,18 @@ const Fo = (o) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${X.disabled}, .${X.error}):before`]: {
+        [`&:hover:not(.${H.disabled}, .${H.error}):before`]: {
           borderBottom: `2px solid ${(o.vars || o).palette.text.primary}`,
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
             borderBottom: `1px solid ${n}`
           }
         },
-        [`&.${X.disabled}:before`]: {
+        [`&.${H.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(o.palette).filter(he()).map(([s]) => ({
+    }, ...Object.entries(o.palette).filter(Oe()).map(([s]) => ({
       props: {
         color: s,
         disableUnderline: !1
@@ -609,33 +609,33 @@ const Fo = (o) => {
       }
     }))]
   };
-})), Mo = y(Ie, {
+})), Mo = v(Re, {
   name: "MuiInput",
   slot: "Input",
-  overridesResolver: Re
+  overridesResolver: we
 })({}), Pe = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const s = re({
     props: t,
     name: "MuiInput"
   }), {
-    disableUnderline: i = !1,
+    disableUnderline: a = !1,
     components: p = {},
     componentsProps: l,
     fullWidth: d = !1,
     inputComponent: I = "input",
-    multiline: v = !1,
+    multiline: y = !1,
     slotProps: h,
     slots: b = {},
     type: R = "text",
     ...w
-  } = s, P = Fo(s), c = {
+  } = s, T = Fo(s), c = {
     root: {
       ownerState: {
-        disableUnderline: i
+        disableUnderline: a
       }
     }
   }, f = h ?? l ? ye(h ?? l, c) : c, O = b.root ?? p.Root ?? jo, S = b.input ?? p.Input ?? Mo;
-  return /* @__PURE__ */ g(Oe, {
+  return /* @__PURE__ */ g(Se, {
     slots: {
       root: O,
       input: S
@@ -643,11 +643,11 @@ const Fo = (o) => {
     slotProps: f,
     fullWidth: d,
     inputComponent: I,
-    multiline: v,
+    multiline: y,
     ref: n,
     type: R,
     ...w,
-    classes: P
+    classes: T
   });
 });
 process.env.NODE_ENV !== "production" && (Pe.propTypes = {
@@ -745,7 +745,7 @@ process.env.NODE_ENV !== "production" && (Pe.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: G,
+  inputRef: J,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -839,20 +839,20 @@ Pe.muiName = "Input";
 function ko(o) {
   return _e("MuiNativeSelect", o);
 }
-const Te = qe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Bo = (o) => {
+const xe = qe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Bo = (o) => {
   const {
     classes: t,
     variant: n,
     disabled: s,
-    multiple: i,
+    multiple: a,
     open: p,
     error: l
   } = o, d = {
-    select: ["select", n, s && "disabled", i && "multiple", l && "error"],
-    icon: ["icon", `icon${Y(n)}`, p && "iconOpen", s && "disabled"]
+    select: ["select", n, s && "disabled", a && "multiple", l && "error"],
+    icon: ["icon", `icon${G(n)}`, p && "iconOpen", s && "disabled"]
   };
-  return V(d, ko, t);
-}, Ye = y("select", {
+  return q(d, ko, t);
+}, Ye = v("select", {
   name: "MuiNativeSelect"
 })(({
   theme: o
@@ -871,7 +871,7 @@ const Te = qe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     // Reset Chrome style
     borderRadius: 0
   },
-  [`&.${Te.disabled}`]: {
+  [`&.${xe.disabled}`]: {
     cursor: "default"
   },
   "&[multiple]": {
@@ -916,19 +916,19 @@ const Te = qe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       }
     }
   }]
-})), Wo = y(Ye, {
+})), Wo = v(Ye, {
   name: "MuiNativeSelect",
   slot: "Select",
-  shouldForwardProp: B,
+  shouldForwardProp: U,
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
     return [t.select, t[n.variant], n.error && t.error, {
-      [`&.${Te.multiple}`]: t.multiple
+      [`&.${xe.multiple}`]: t.multiple
     }];
   }
-})({}), Ge = y("svg", {
+})({}), Ge = v("svg", {
   name: "MuiNativeSelect"
 })(({
   theme: o
@@ -942,7 +942,7 @@ const Te = qe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
   // Don't block pointer events on the select under the icon.
   pointerEvents: "none",
   color: (o.vars || o).palette.action.active,
-  [`&.${Te.disabled}`]: {
+  [`&.${xe.disabled}`]: {
     color: (o.vars || o).palette.action.disabled
   },
   variants: [{
@@ -967,37 +967,37 @@ const Te = qe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       right: 7
     }
   }]
-})), Uo = y(Ge, {
+})), Uo = v(Ge, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [t.icon, n.variant && t[`icon${Y(n.variant)}`], n.open && t.iconOpen];
+    return [t.icon, n.variant && t[`icon${G(n.variant)}`], n.open && t.iconOpen];
   }
 })({}), Je = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     className: s,
-    disabled: i,
+    disabled: a,
     error: p,
     IconComponent: l,
     inputRef: d,
     variant: I = "standard",
-    ...v
+    ...y
   } = t, h = {
     ...t,
-    disabled: i,
+    disabled: a,
     variant: I,
     error: p
   }, b = Bo(h);
-  return /* @__PURE__ */ ve(u.Fragment, {
+  return /* @__PURE__ */ he(u.Fragment, {
     children: [/* @__PURE__ */ g(Wo, {
       ownerState: h,
-      className: ge(b.select, s),
-      disabled: i,
+      className: ve(b.select, s),
+      disabled: a,
       ref: d || n,
-      ...v
+      ...y
     }), t.multiple ? null : /* @__PURE__ */ g(Uo, {
       as: l,
       ownerState: h,
@@ -1035,7 +1035,7 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: G,
+  inputRef: J,
   /**
    * @ignore
    */
@@ -1061,9 +1061,9 @@ process.env.NODE_ENV !== "production" && (Je.propTypes = {
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
 var Le;
-const Ao = y("fieldset", {
+const Ao = v("fieldset", {
   name: "MuiNotchedOutlined",
-  shouldForwardProp: B
+  shouldForwardProp: U
 })({
   textAlign: "left",
   position: "absolute",
@@ -1079,10 +1079,10 @@ const Ao = y("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Do = y("legend", {
+}), Do = v("legend", {
   name: "MuiNotchedOutlined",
-  shouldForwardProp: B
-})(W(({
+  shouldForwardProp: U
+})(A(({
   theme: o
 }) => ({
   float: "unset",
@@ -1149,10 +1149,10 @@ function Qe(o) {
     children: t,
     classes: n,
     className: s,
-    label: i,
+    label: a,
     notched: p,
     ...l
-  } = o, d = i != null && i !== "", I = {
+  } = o, d = a != null && a !== "", I = {
     ...o,
     notched: p,
     withLabel: d
@@ -1165,7 +1165,7 @@ function Qe(o) {
     children: /* @__PURE__ */ g(Do, {
       ownerState: I,
       children: d ? /* @__PURE__ */ g("span", {
-        children: i
+        children: a
       }) : (
         // notranslate needed while Google Translate will not fix zero-width space issue
         Le || (Le = /* @__PURE__ */ g("span", {
@@ -1206,7 +1206,7 @@ process.env.NODE_ENV !== "production" && (Qe.propTypes = {
 const Lo = (o) => {
   const {
     classes: t
-  } = o, s = V({
+  } = o, s = q({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
@@ -1216,12 +1216,12 @@ const Lo = (o) => {
     // forward classes to the InputBase
     ...s
   };
-}, Vo = y(Se, {
-  shouldForwardProp: (o) => B(o) || o === "classes",
+}, Vo = v(Ce, {
+  shouldForwardProp: (o) => U(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
-  overridesResolver: Ce
-})(W(({
+  overridesResolver: Ie
+})(A(({
   theme: o
 }) => {
   const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
@@ -1240,7 +1240,7 @@ const Lo = (o) => {
     [`&.${x.focused} .${x.notchedOutline}`]: {
       borderWidth: 2
     },
-    variants: [...Object.entries(o.palette).filter(he()).map(([n]) => ({
+    variants: [...Object.entries(o.palette).filter(Oe()).map(([n]) => ({
       props: {
         color: n
       },
@@ -1291,21 +1291,21 @@ const Lo = (o) => {
       }
     }]
   };
-})), zo = y(Qe, {
+})), zo = v(Qe, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline"
-})(W(({
+})(A(({
   theme: o
 }) => {
   const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
   return {
     borderColor: o.vars ? o.alpha(o.vars.palette.common.onBackground, 0.23) : t
   };
-})), qo = y(Ie, {
+})), qo = v(Re, {
   name: "MuiOutlinedInput",
   slot: "Input",
-  overridesResolver: Re
-})(W(({
+  overridesResolver: we
+})(A(({
   theme: o
 }) => ({
   padding: "16.5px 14px",
@@ -1358,24 +1358,24 @@ const Lo = (o) => {
       paddingRight: 0
     }
   }]
-}))), xe = /* @__PURE__ */ u.forwardRef(function(t, n) {
+}))), Ne = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const s = re({
     props: t,
     name: "MuiOutlinedInput"
   }), {
-    components: i = {},
+    components: a = {},
     fullWidth: p = !1,
     inputComponent: l = "input",
     label: d,
     multiline: I = !1,
-    notched: v,
+    notched: y,
     slots: h = {},
     slotProps: b = {},
     type: R = "text",
     ...w
-  } = s, P = Lo(s), T = He(), c = Xe({
+  } = s, T = Lo(s), P = He(), c = Xe({
     props: s,
-    muiFormControl: T,
+    muiFormControl: P,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
   }), f = {
     ...s,
@@ -1383,15 +1383,15 @@ const Lo = (o) => {
     disabled: c.disabled,
     error: c.error,
     focused: c.focused,
-    formControl: T,
+    formControl: P,
     fullWidth: p,
     hiddenLabel: c.hiddenLabel,
     multiline: I,
     size: c.size,
     type: R
-  }, O = h.root ?? i.Root ?? Vo, S = h.input ?? i.Input ?? qo, [N, $] = xo("notchedOutline", {
+  }, O = h.root ?? a.Root ?? Vo, S = h.input ?? a.Input ?? qo, [N, $] = xo("notchedOutline", {
     elementType: zo,
-    className: P.notchedOutline,
+    className: T.notchedOutline,
     shouldForwardComponentProp: !0,
     ownerState: f,
     externalForwardedProps: {
@@ -1399,12 +1399,12 @@ const Lo = (o) => {
       slotProps: b
     },
     additionalProps: {
-      label: d != null && d !== "" && c.required ? /* @__PURE__ */ ve(u.Fragment, {
+      label: d != null && d !== "" && c.required ? /* @__PURE__ */ he(u.Fragment, {
         children: [d, " ", "*"]
       }) : d
     }
   });
-  return /* @__PURE__ */ g(Oe, {
+  return /* @__PURE__ */ g(Se, {
     slots: {
       root: O,
       input: S
@@ -1412,7 +1412,7 @@ const Lo = (o) => {
     slotProps: b,
     renderSuffix: (E) => /* @__PURE__ */ g(N, {
       ...$,
-      notched: typeof v < "u" ? v : !!(E.startAdornment || E.filled || E.focused)
+      notched: typeof y < "u" ? y : !!(E.startAdornment || E.filled || E.focused)
     }),
     fullWidth: p,
     inputComponent: l,
@@ -1421,12 +1421,12 @@ const Lo = (o) => {
     type: R,
     ...w,
     classes: {
-      ...P,
+      ...T,
       notchedOutline: null
     }
   });
 });
-process.env.NODE_ENV !== "production" && (xe.propTypes = {
+process.env.NODE_ENV !== "production" && (Ne.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1504,7 +1504,7 @@ process.env.NODE_ENV !== "production" && (xe.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: G,
+  inputRef: J,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -1598,13 +1598,13 @@ process.env.NODE_ENV !== "production" && (xe.propTypes = {
    */
   value: e.any
 });
-xe.muiName = "Input";
+Ne.muiName = "Input";
 function Ze(o) {
   return _e("MuiSelect", o);
 }
-const H = qe("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+const Y = qe("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var Ve;
-const _o = y(Ye, {
+const _o = v(Ye, {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (o, t) => {
@@ -1614,22 +1614,22 @@ const _o = y(Ye, {
     return [
       // Win specificity over the input base
       {
-        [`&.${H.select}`]: t.select
+        [`&.${Y.select}`]: t.select
       },
       {
-        [`&.${H.select}`]: t[n.variant]
+        [`&.${Y.select}`]: t[n.variant]
       },
       {
-        [`&.${H.error}`]: t.error
+        [`&.${Y.error}`]: t.error
       },
       {
-        [`&.${H.multiple}`]: t.multiple
+        [`&.${Y.multiple}`]: t.multiple
       }
     ];
   }
 })({
   // Win specificity over the input base
-  [`&.${H.select}`]: {
+  [`&.${Y.select}`]: {
     height: "auto",
     // Resets for multiple select with chips
     minHeight: "1.4375em",
@@ -1638,16 +1638,16 @@ const _o = y(Ye, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), Ko = y(Ge, {
+}), Ko = v(Ge, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, t) => {
     const {
       ownerState: n
     } = o;
-    return [t.icon, n.variant && t[`icon${Y(n.variant)}`], n.open && t.iconOpen];
+    return [t.icon, n.variant && t[`icon${G(n.variant)}`], n.open && t.iconOpen];
   }
-})({}), Xo = y("input", {
+})({}), Xo = v("input", {
   shouldForwardProp: (o) => ho(o) && o !== "classes",
   name: "MuiSelect",
   slot: "NativeInput"
@@ -1671,30 +1671,30 @@ const Yo = (o) => {
     classes: t,
     variant: n,
     disabled: s,
-    multiple: i,
+    multiple: a,
     open: p,
     error: l
   } = o, d = {
-    select: ["select", n, s && "disabled", i && "multiple", l && "error"],
-    icon: ["icon", `icon${Y(n)}`, p && "iconOpen", s && "disabled"],
+    select: ["select", n, s && "disabled", a && "multiple", l && "error"],
+    icon: ["icon", `icon${G(n)}`, p && "iconOpen", s && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return V(d, Ze, t);
+  return q(d, Ze, t);
 }, eo = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const {
     "aria-describedby": s,
-    "aria-label": i,
+    "aria-label": a,
     autoFocus: p,
     autoWidth: l,
     children: d,
     className: I,
-    defaultOpen: v,
+    defaultOpen: y,
     defaultValue: h,
     disabled: b,
     displayEmpty: R,
     error: w = !1,
-    IconComponent: P,
-    inputRef: T,
+    IconComponent: T,
+    inputRef: P,
     labelId: c,
     MenuProps: f = {},
     multiple: O,
@@ -1706,75 +1706,86 @@ const Yo = (o) => {
     // eslint-disable-next-line react/prop-types
     onKeyDown: le,
     // eslint-disable-next-line react/prop-types
-    onMouseDown: ae,
-    onOpen: J,
-    open: Q,
-    readOnly: z,
+    onMouseDown: ie,
+    onOpen: Q,
+    open: Z,
+    readOnly: _,
     renderValue: F,
-    required: j,
-    SelectDisplayProps: U = {},
-    tabIndex: ie,
+    required: M,
+    SelectDisplayProps: D = {},
+    tabIndex: ae,
     // catching `type` from Input which makes no sense for SelectInput
     type: pe,
-    value: q,
+    value: K,
     variant: de = "standard",
-    ...$e
-  } = t, [m, Ee] = De({
-    controlled: q,
+    ...Ee
+  } = t, [m, Fe] = De({
+    controlled: K,
     default: h,
     name: "Select"
-  }), [Fe, to] = De({
-    controlled: Q,
-    default: v,
+  }), [je, to] = De({
+    controlled: Z,
+    default: y,
     name: "Select"
-  }), je = u.useRef(null), M = u.useRef(null), [_, no] = u.useState(null), {
+  }), Me = u.useRef(null), k = u.useRef(null), [X, no] = u.useState(null), {
     current: ue
-  } = u.useRef(Q != null), [ro, Me] = u.useState(), so = Ke(n, T), lo = u.useCallback((r) => {
-    M.current = r, r && no(r);
-  }, []), Z = _?.parentNode;
+  } = u.useRef(Z != null), [ro, ce] = u.useState(), so = Ke(n, P), lo = u.useCallback((r) => {
+    k.current = r, r && no(r);
+  }, []), j = X?.parentNode;
   u.useImperativeHandle(so, () => ({
     focus: () => {
-      M.current.focus();
+      k.current.focus();
     },
-    node: je.current,
+    node: Me.current,
     value: m
-  }), [m]), u.useEffect(() => {
-    v && Fe && _ && !ue && (Me(l ? null : Z.clientWidth), M.current.focus());
-  }, [_, l]), u.useEffect(() => {
-    p && M.current.focus();
+  }), [m]);
+  const B = X !== null && je;
+  u.useEffect(() => {
+    if (!B || !j || l || typeof ResizeObserver > "u")
+      return;
+    const r = new ResizeObserver(() => {
+      ce(j.clientWidth);
+    });
+    return r.observe(j), () => {
+      r.disconnect();
+    };
+  }, [B, j, l]), u.useEffect(() => {
+    y && je && X && !ue && (ce(l ? null : j.clientWidth), k.current.focus());
+  }, [X, l]), u.useEffect(() => {
+    p && k.current.focus();
   }, [p]), u.useEffect(() => {
     if (!c)
       return;
-    const r = So(M.current).getElementById(c);
+    const r = So(k.current).getElementById(c);
     if (r) {
-      const a = () => {
-        getSelection().isCollapsed && M.current.focus();
+      const i = () => {
+        getSelection().isCollapsed && k.current.focus();
       };
-      return r.addEventListener("click", a), () => {
-        r.removeEventListener("click", a);
+      return r.addEventListener("click", i), () => {
+        r.removeEventListener("click", i);
       };
     }
   }, [c]);
-  const ee = (r, a) => {
-    r ? J && J(a) : E && E(a), ue || (Me(l ? null : Z.clientWidth), to(r));
-  }, ao = (r) => {
-    ae?.(r), r.button === 0 && (r.preventDefault(), M.current.focus(), ee(!0, r));
+  const ee = (r, i) => {
+    r ? Q && Q(i) : E && E(i), ue || (ce(l ? null : j.clientWidth), to(r));
   }, io = (r) => {
+    ie?.(r), r.button === 0 && (r.preventDefault(), k.current.focus(), ee(!0, r));
+  }, ao = (r) => {
     ee(!1, r);
   }, oe = u.Children.toArray(d), po = (r) => {
-    const a = oe.find((C) => C.props.value === r.target.value);
-    a !== void 0 && (Ee(a.props.value), $ && $(r, a));
-  }, uo = (r) => (a) => {
+    const i = oe.find((C) => C.props.value === r.target.value);
+    i !== void 0 && (Fe(i.props.value), $ && $(r, i));
+  }, uo = (r) => (i) => {
     let C;
-    if (a.currentTarget.hasAttribute("tabindex")) {
+    if (i.currentTarget.hasAttribute("tabindex")) {
       if (O) {
         C = Array.isArray(m) ? m.slice() : [];
-        const L = m.indexOf(r.props.value);
-        L === -1 ? C.push(r.props.value) : C.splice(L, 1);
+        const z = m.indexOf(r.props.value);
+        z === -1 ? C.push(r.props.value) : C.splice(z, 1);
       } else
         C = r.props.value;
-      if (r.props.onClick && r.props.onClick(a), m !== C && (Ee(C), $)) {
-        const L = a.nativeEvent || a, Ae = new L.constructor(L.type, L);
+      if (r.props.onClick && r.props.onClick(i), m !== C && (Fe(C), $)) {
+        const z = i.nativeEvent || i, Ae = new z.constructor(z.type, z);
         Object.defineProperty(Ae, "target", {
           writable: !0,
           value: {
@@ -1783,10 +1794,10 @@ const Yo = (o) => {
           }
         }), $(Ae, r);
       }
-      O || ee(!1, a);
+      O || ee(!1, i);
     }
   }, co = (r) => {
-    z || ([
+    _ || ([
       " ",
       "ArrowUp",
       "ArrowDown",
@@ -1794,8 +1805,8 @@ const Yo = (o) => {
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
     ].includes(r.key) && (r.preventDefault(), ee(!0, r)), le?.(r));
-  }, K = _ !== null && Fe, fo = (r) => {
-    !K && N && (Object.defineProperty(r, "target", {
+  }, fo = (r) => {
+    !B && N && (Object.defineProperty(r, "target", {
       writable: !0,
       value: {
         value: m,
@@ -1803,33 +1814,33 @@ const Yo = (o) => {
       }
     }), N(r));
   };
-  delete $e["aria-invalid"];
-  let A, ke;
+  delete Ee["aria-invalid"];
+  let L, ke;
   const te = [];
-  let ne = !1, ce = !1;
+  let ne = !1, fe = !1;
   (Oo({
     value: m
-  }) || R) && (F ? A = F(m) : ne = !0);
+  }) || R) && (F ? L = F(m) : ne = !0);
   const bo = oe.map((r) => {
     if (!/* @__PURE__ */ u.isValidElement(r))
       return null;
     process.env.NODE_ENV !== "production" && go.isFragment(r) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    let a;
+    let i;
     if (O) {
       if (!Array.isArray(m))
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : yo(2));
-      a = m.some((C) => ze(C, r.props.value)), a && ne && te.push(r.props.children);
+        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : vo(2));
+      i = m.some((C) => ze(C, r.props.value)), i && ne && te.push(r.props.children);
     } else
-      a = ze(m, r.props.value), a && ne && (ke = r.props.children);
-    return a && (ce = !0), /* @__PURE__ */ u.cloneElement(r, {
-      "aria-selected": a ? "true" : "false",
+      i = ze(m, r.props.value), i && ne && (ke = r.props.children);
+    return i && (fe = !0), /* @__PURE__ */ u.cloneElement(r, {
+      "aria-selected": i ? "true" : "false",
       onClick: uo(r),
       onKeyUp: (C) => {
         C.key === " " && C.preventDefault(), r.props.onKeyUp && r.props.onKeyUp(C);
       },
       role: "option",
-      selected: a,
+      selected: i,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
       "data-value": r.props.value
@@ -1837,83 +1848,83 @@ const Yo = (o) => {
     });
   });
   process.env.NODE_ENV !== "production" && u.useEffect(() => {
-    if (!ce && !O && m !== "") {
-      const r = oe.map((a) => a.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${m}\` for the select ${S ? `(name="${S}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${r.filter((a) => a != null).map((a) => `\`${a}\``).join(", ") || '""'}.`].join(`
+    if (!fe && !O && m !== "") {
+      const r = oe.map((i) => i.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${m}\` for the select ${S ? `(name="${S}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${r.filter((i) => i != null).map((i) => `\`${i}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [ce, oe, O, S, m]), ne && (O ? te.length === 0 ? A = null : A = te.reduce((r, a, C) => (r.push(a), C < te.length - 1 && r.push(", "), r), []) : A = ke);
+  }, [fe, oe, O, S, m]), ne && (O ? te.length === 0 ? L = null : L = te.reduce((r, i, C) => (r.push(i), C < te.length - 1 && r.push(", "), r), []) : L = ke);
   let Be = ro;
-  !l && ue && _ && (Be = Z.clientWidth);
-  let fe;
-  typeof ie < "u" ? fe = ie : fe = b ? null : 0;
-  const We = U.id || (S ? `mui-component-select-${S}` : void 0), D = {
+  !l && ue && X && (Be = j.clientWidth);
+  let be;
+  typeof ae < "u" ? be = ae : be = b ? null : 0;
+  const We = D.id || (S ? `mui-component-select-${S}` : void 0), V = {
     ...t,
     variant: de,
     value: m,
-    open: K,
+    open: B,
     error: w
-  }, be = Yo(D), me = {
+  }, me = Yo(V), ge = {
     ...f.PaperProps,
-    ...typeof f.slotProps?.paper == "function" ? f.slotProps.paper(D) : f.slotProps?.paper
+    ...typeof f.slotProps?.paper == "function" ? f.slotProps.paper(V) : f.slotProps?.paper
   }, mo = {
     ...f.MenuListProps,
-    ...typeof f.slotProps?.list == "function" ? f.slotProps.list(D) : f.slotProps?.list
+    ...typeof f.slotProps?.list == "function" ? f.slotProps.list(V) : f.slotProps?.list
   }, Ue = Co();
-  return /* @__PURE__ */ ve(u.Fragment, {
+  return /* @__PURE__ */ he(u.Fragment, {
     children: [/* @__PURE__ */ g(_o, {
       as: "div",
       ref: lo,
-      tabIndex: fe,
+      tabIndex: be,
       role: "combobox",
-      "aria-controls": K ? Ue : void 0,
+      "aria-controls": B ? Ue : void 0,
       "aria-disabled": b ? "true" : void 0,
-      "aria-expanded": K ? "true" : "false",
+      "aria-expanded": B ? "true" : "false",
       "aria-haspopup": "listbox",
-      "aria-label": i,
+      "aria-label": a,
       "aria-labelledby": [c, We].filter(Boolean).join(" ") || void 0,
       "aria-describedby": s,
-      "aria-required": j ? "true" : void 0,
+      "aria-required": M ? "true" : void 0,
       "aria-invalid": w ? "true" : void 0,
       onKeyDown: co,
-      onMouseDown: b || z ? null : ao,
+      onMouseDown: b || _ ? null : io,
       onBlur: fo,
       onFocus: se,
-      ...U,
-      ownerState: D,
-      className: ge(U.className, be.select, I),
+      ...D,
+      ownerState: V,
+      className: ve(D.className, me.select, I),
       id: We,
-      children: Ho(A) ? (
+      children: Ho(L) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
         Ve || (Ve = /* @__PURE__ */ g("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
         }))
-      ) : A
+      ) : L
     }), /* @__PURE__ */ g(Xo, {
       "aria-invalid": w,
       value: Array.isArray(m) ? m.join(",") : m,
       name: S,
-      ref: je,
+      ref: Me,
       "aria-hidden": !0,
       onChange: po,
       tabIndex: -1,
       disabled: b,
-      className: be.nativeInput,
+      className: me.nativeInput,
       autoFocus: p,
-      required: j,
-      ...$e,
-      ownerState: D
+      required: M,
+      ...Ee,
+      ownerState: V
     }), /* @__PURE__ */ g(Ko, {
-      as: P,
-      className: be.icon,
-      ownerState: D
-    }), /* @__PURE__ */ g(vo, {
+      as: T,
+      className: me.icon,
+      ownerState: V
+    }), /* @__PURE__ */ g(yo, {
       id: `menu-${S || ""}`,
-      anchorEl: Z,
-      open: K,
-      onClose: io,
+      anchorEl: j,
+      open: B,
+      onClose: ao,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -1934,10 +1945,10 @@ const Yo = (o) => {
           ...mo
         },
         paper: {
-          ...me,
+          ...ge,
           style: {
             minWidth: Be,
-            ...me != null ? me.style : null
+            ...ge != null ? ge.style : null
           }
         }
       },
@@ -2005,7 +2016,7 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: G,
+  inputRef: J,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -2096,34 +2107,34 @@ process.env.NODE_ENV !== "production" && (eo.propTypes = {
 const Go = (o) => {
   const {
     classes: t
-  } = o, s = V({
+  } = o, s = q({
     root: ["root"]
   }, Ze, t);
   return {
     ...t,
     ...s
   };
-}, Ne = {
+}, $e = {
   name: "MuiSelect",
   slot: "Root",
-  shouldForwardProp: (o) => B(o) && o !== "variant"
-}, Jo = y(Pe, Ne)(""), Qo = y(xe, Ne)(""), Zo = y(we, Ne)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
+  shouldForwardProp: (o) => U(o) && o !== "variant"
+}, Jo = v(Pe, $e)(""), Qo = v(Ne, $e)(""), Zo = v(Te, $e)(""), oo = /* @__PURE__ */ u.forwardRef(function(t, n) {
   const s = re({
     name: "MuiSelect",
     props: t
   }), {
-    autoWidth: i = !1,
+    autoWidth: a = !1,
     children: p,
     classes: l = {},
     className: d,
     defaultOpen: I = !1,
-    displayEmpty: v = !1,
-    IconComponent: h = Po,
+    displayEmpty: y = !1,
+    IconComponent: h = To,
     id: b,
     input: R,
     inputProps: w,
-    label: P,
-    labelId: T,
+    label: T,
+    labelId: P,
     MenuProps: c,
     multiple: f = !1,
     native: O = !1,
@@ -2133,38 +2144,38 @@ const Go = (o) => {
     renderValue: E,
     SelectDisplayProps: se,
     variant: le = "outlined",
-    ...ae
-  } = s, J = O ? Je : eo, Q = He(), z = Xe({
+    ...ie
+  } = s, Q = O ? Je : eo, Z = He(), _ = Xe({
     props: s,
-    muiFormControl: Q,
+    muiFormControl: Z,
     states: ["variant", "error"]
-  }), F = z.variant || le, j = {
+  }), F = _.variant || le, M = {
     ...s,
     variant: F,
     classes: l
-  }, U = Go(j), {
-    root: ie,
+  }, D = Go(M), {
+    root: ae,
     ...pe
-  } = U, q = R || {
+  } = D, K = R || {
     standard: /* @__PURE__ */ g(Jo, {
-      ownerState: j
+      ownerState: M
     }),
     outlined: /* @__PURE__ */ g(Qo, {
-      label: P,
-      ownerState: j
+      label: T,
+      ownerState: M
     }),
     filled: /* @__PURE__ */ g(Zo, {
-      ownerState: j
+      ownerState: M
     })
-  }[F], de = Ke(n, To(q));
+  }[F], de = Ke(n, Po(K));
   return /* @__PURE__ */ g(u.Fragment, {
-    children: /* @__PURE__ */ u.cloneElement(q, {
+    children: /* @__PURE__ */ u.cloneElement(K, {
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
-      inputComponent: J,
+      inputComponent: Q,
       inputProps: {
         children: p,
-        error: z.error,
+        error: _.error,
         IconComponent: h,
         variant: F,
         type: void 0,
@@ -2173,10 +2184,10 @@ const Go = (o) => {
         ...O ? {
           id: b
         } : {
-          autoWidth: i,
+          autoWidth: a,
           defaultOpen: I,
-          displayEmpty: v,
-          labelId: T,
+          displayEmpty: y,
+          labelId: P,
           MenuProps: c,
           onClose: S,
           onOpen: N,
@@ -2191,16 +2202,16 @@ const Go = (o) => {
         classes: w ? ye(pe, w.classes) : pe,
         ...R ? R.props.inputProps : {}
       },
-      ...(f && O || v) && F === "outlined" ? {
+      ...(f && O || y) && F === "outlined" ? {
         notched: !0
       } : {},
       ref: de,
-      className: ge(q.props.className, d, U.root),
+      className: ve(K.props.className, d, D.root),
       // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
       ...!R && {
         variant: F
       },
-      ...ae
+      ...ie
     })
   });
 });
@@ -2353,10 +2364,10 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
 });
 oo.muiName = "Select";
 export {
-  we as F,
+  Te as F,
   Pe as I,
-  xe as O,
+  Ne as O,
   oo as S,
   Ze as g,
-  H as s
+  Y as s
 };