@clearstory/drywall-react 2.2.0 → 2.3.0

package/dist/{FormLabel-DNn2gpAc.js → FormLabel-CgNd8XLN.js}

@@ -1,32 +1,33 @@
 import * as v from "react";
-import { c as C, j as L, P as o } from "./createTheme-D79OrE1w.js";
-import { c as q } from "./clsx-OuTLNxxd.js";
-import { f as S } from "./formControlState-vgaj2ksH.js";
-import { u as O } from "./useFormControl-CatNKXAi.js";
-import { m as b } from "./memoTheme-DqlI3JW3.js";
-import { c as T } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as j } from "./generateUtilityClasses-CwzvHfCm.js";
+import { P as o } from "./index-CyAhC1RZ.js";
+import { c as C } from "./clsx-OuTLNxxd.js";
+import { f as L } from "./formControlState-vgaj2ksH.js";
+import { u as q } from "./useFormControl-CatNKXAi.js";
+import { m as b } from "./memoTheme-R-LnLD8I.js";
+import { c as S } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { g as O } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as T, j } from "./createTheme-BnGUhbht.js";
 import { jsxs as u } from "react/jsx-runtime";
-import { u as k } from "./DefaultPropsProvider-PBxTVeaD.js";
-import { s as y } from "./styled-bJ6DXD3Z.js";
+import { u as k } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as y } from "./styled-fvngWWLy.js";
 import { c as w } from "./composeClasses-2Ou-RZJr.js";
 function x(r) {
-  return C("MuiFormLabel", r);
+  return T("MuiFormLabel", r);
 }
-const c = j("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), N = (r) => {
+const c = O("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), N = (r) => {
   const {
     classes: e,
     color: a,
     focused: l,
     disabled: n,
     error: t,
-    filled: p,
+    filled: m,
     required: i
-  } = r, m = {
-    root: ["root", `color${L(a)}`, n && "disabled", t && "error", p && "filled", l && "focused", i && "required"],
+  } = r, p = {
+    root: ["root", `color${j(a)}`, n && "disabled", t && "error", m && "filled", l && "focused", i && "required"],
     asterisk: ["asterisk", t && "error"]
   };
-  return w(m, x, e);
+  return w(p, x, e);
 }, M = y("label", {
   name: "MuiFormLabel",
   slot: "Root",
@@ -44,7 +45,7 @@ const c = j("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
   lineHeight: "1.4375em",
   padding: 0,
   position: "relative",
-  variants: [...Object.entries(r.palette).filter(T()).map(([e]) => ({
+  variants: [...Object.entries(r.palette).filter(S()).map(([e]) => ({
     props: {
       color: e
     },
@@ -80,15 +81,15 @@ const c = j("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
   }), {
     children: n,
     className: t,
-    color: p,
+    color: m,
     component: i = "label",
-    disabled: m,
+    disabled: p,
     error: P,
     filled: U,
     focused: A,
     required: D,
     ...F
-  } = l, g = O(), s = S({
+  } = l, g = q(), s = L({
     props: l,
     muiFormControl: g,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
@@ -105,7 +106,7 @@ const c = j("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "e
   return /* @__PURE__ */ u(M, {
     as: i,
     ownerState: d,
-    className: q(f.root, t),
+    className: C(f.root, t),
     ref: a,
     ...F,
     children: [n, s.required && /* @__PURE__ */ u(R, {

package/dist/{GlobalStyles-ChwRSWsx.js → GlobalStyles-BEfXiUlZ.js}

@@ -1,9 +1,9 @@
 import "react";
-import { P as e } from "./createTheme-D79OrE1w.js";
+import { P as e } from "./index-CyAhC1RZ.js";
 import { i as u } from "./index-YQi4Xs-t.js";
 import { jsx as f } from "react/jsx-runtime";
-import { u as y } from "./useTheme-DTBpB7d-.js";
-import { G as c } from "./emotion-react.browser.esm-CNRN7WoC.js";
+import { u as y } from "./useTheme-Cz5y14_g.js";
+import { G as c } from "./emotion-react.browser.esm-VKtuqypl.js";
 function m(o) {
   return o == null || Object.keys(o).length === 0;
 }

package/dist/{Grow-DR-owdbZ.js → Grow-C0dChpKD.js}

@@ -1,12 +1,12 @@
 import * as f from "react";
-import { P as n } from "./createTheme-D79OrE1w.js";
-import { u as V } from "./useTheme-BB-P11R3.js";
+import { P as n } from "./index-CyAhC1RZ.js";
+import { u as V } from "./useTheme-CbsaMxqD.js";
 import { jsx as W } from "react/jsx-runtime";
-import { T as k, g as v, r as B } from "./utils-OCLAA0Ck.js";
+import { T as k, g as v, r as B } from "./utils-CAuCuXQr.js";
 import { u as J } from "./useTimeout-DRd4LBXb.js";
 import { u as M } from "./useForkRef-9kN4DArm.js";
 import { g as Q } from "./getReactElementRef-DA-Xf2PF.js";
-import { e as U } from "./elementAcceptingRef-DYOMXWeA.js";
+import { e as U } from "./elementAcceptingRef-C0N4y82j.js";
 function h(m) {
   return `scale(${m}, ${m ** 2})`;
 }

package/dist/{IconButton-CMvCM_Lp.js → IconButton-rSBl8wjc.js}

@@ -1,21 +1,22 @@
 import * as f from "react";
-import { c as T, j as a, P as e } from "./createTheme-D79OrE1w.js";
-import { c as x } from "./clsx-OuTLNxxd.js";
-import { m as B } from "./memoTheme-DqlI3JW3.js";
+import { P as e } from "./index-CyAhC1RZ.js";
+import { c as T } from "./clsx-OuTLNxxd.js";
+import { m as B } from "./memoTheme-R-LnLD8I.js";
 import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as P } from "./generateUtilityClasses-CwzvHfCm.js";
+import { g as x } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as P, j as a } from "./createTheme-BnGUhbht.js";
 import { jsxs as j, jsx as u } from "react/jsx-runtime";
-import { u as w } from "./DefaultPropsProvider-PBxTVeaD.js";
+import { u as w } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as $ } from "./useId-CK6Kn3Tn.js";
-import { s as C } from "./styled-bJ6DXD3Z.js";
+import { s as C } from "./styled-fvngWWLy.js";
 import { c as k } from "./composeClasses-2Ou-RZJr.js";
-import { B as M } from "./ButtonBase-t_kdVaqI.js";
-import { C as N } from "./CircularProgress-CjDaz1a_.js";
+import { B as M } from "./ButtonBase-COzHF9dg.js";
+import { C as N } from "./CircularProgress-CE-gUslP.js";
 import { c as E } from "./chainPropTypes-D9lkm76m.js";
 function L(o) {
-  return T("MuiIconButton", o);
+  return P("MuiIconButton", o);
 }
-const R = P("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), U = (o) => {
+const R = x("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), U = (o) => {
   const {
     classes: r,
     disabled: t,
@@ -23,12 +24,12 @@ const R = P("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     edge: s,
     size: l,
     loading: c
-  } = o, d = {
+  } = o, p = {
     root: ["root", c && "loading", t && "disabled", n !== "default" && `color${a(n)}`, s && `edge${a(s)}`, `size${a(l)}`],
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return k(d, L, r);
+  return k(p, L, r);
 }, W = C(M, {
   name: "MuiIconButton",
   slot: "Root",
@@ -170,7 +171,7 @@ const R = P("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     edge: s = !1,
     children: l,
     className: c,
-    color: d = "default",
+    color: p = "default",
     disabled: m = !1,
     disableFocusRipple: y = !1,
     size: h = "medium",
@@ -182,25 +183,25 @@ const R = P("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     "aria-labelledby": v,
     color: "inherit",
     size: 16
-  }), p = {
+  }), d = {
     ...n,
     edge: s,
-    color: d,
+    color: p,
     disabled: m,
     disableFocusRipple: y,
     loading: i,
     loadingIndicator: I,
     size: h
-  }, g = U(p);
+  }, g = U(d);
   return /* @__PURE__ */ j(W, {
     id: i ? v : b,
-    className: x(g.root, c),
+    className: T(g.root, c),
     centerRipple: !0,
     focusRipple: !y,
     disabled: m || i,
     ref: t,
     ...S,
-    ownerState: p,
+    ownerState: d,
     children: [typeof i == "boolean" && // use plain HTML span to minimize the runtime overhead
     /* @__PURE__ */ u("span", {
       className: g.loadingWrapper,
@@ -209,7 +210,7 @@ const R = P("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       },
       children: /* @__PURE__ */ u(F, {
         className: g.loadingIndicator,
-        ownerState: p,
+        ownerState: d,
         children: i && I
       })
     }), l]

package/dist/{Info-Nc5BG3Yc.js → Info-DtWHV9kz.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as m } from "./createSvgIcon-D1SROVbP.js";
+import { c as m } from "./createSvgIcon-DHWmMfd-.js";
 const c = m(/* @__PURE__ */ o("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
 }), "Info");

package/dist/{InputAdornment-DbMMP6fx.js → InputAdornment-BpuZG6da.js}

@@ -1,48 +1,49 @@
 import * as h from "react";
-import { c as I, j as u, P as o } from "./createTheme-D79OrE1w.js";
-import { c as T } from "./clsx-OuTLNxxd.js";
-import { u as A, F as C } from "./useFormControl-CatNKXAi.js";
-import { m as x } from "./memoTheme-DqlI3JW3.js";
-import { g as N } from "./generateUtilityClasses-CwzvHfCm.js";
-import { jsx as l, jsxs as S } from "react/jsx-runtime";
-import { u as L } from "./DefaultPropsProvider-PBxTVeaD.js";
-import { s as O } from "./styled-bJ6DXD3Z.js";
-import { T as R } from "./Typography-DPs_xiDb.js";
+import { P as o } from "./index-CyAhC1RZ.js";
+import { c as I } from "./clsx-OuTLNxxd.js";
+import { u as T, F as A } from "./useFormControl-CatNKXAi.js";
+import { m as C } from "./memoTheme-R-LnLD8I.js";
+import { g as x } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as N, j as u } from "./createTheme-BnGUhbht.js";
+import { jsx as p, jsxs as S } from "react/jsx-runtime";
+import { u as L } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as O } from "./styled-fvngWWLy.js";
+import { T as R } from "./Typography-DnNWmNen.js";
 import { c as j } from "./composeClasses-2Ou-RZJr.js";
-function w(e) {
-  return I("MuiInputAdornment", e);
+function w(t) {
+  return N("MuiInputAdornment", t);
 }
-const b = N("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+const b = x("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
 var y;
-const z = (e, t) => {
+const z = (t, e) => {
   const {
     ownerState: n
-  } = e;
-  return [t.root, t[`position${u(n.position)}`], n.disablePointerEvents === !0 && t.disablePointerEvents, t[n.variant]];
-}, F = (e) => {
+  } = t;
+  return [e.root, e[`position${u(n.position)}`], n.disablePointerEvents === !0 && e.disablePointerEvents, e[n.variant]];
+}, F = (t) => {
   const {
-    classes: t,
+    classes: e,
     disablePointerEvents: n,
     hiddenLabel: i,
     position: r,
     size: a,
-    variant: p
-  } = e, d = {
-    root: ["root", n && "disablePointerEvents", r && `position${u(r)}`, p, i && "hiddenLabel", a && `size${u(a)}`]
+    variant: l
+  } = t, d = {
+    root: ["root", n && "disablePointerEvents", r && `position${u(r)}`, l, i && "hiddenLabel", a && `size${u(a)}`]
   };
-  return j(d, w, t);
+  return j(d, w, e);
 }, M = O("div", {
   name: "MuiInputAdornment",
   slot: "Root",
   overridesResolver: z
-})(x(({
-  theme: e
+})(C(({
+  theme: t
 }) => ({
   display: "flex",
   maxHeight: "2em",
   alignItems: "center",
   whiteSpace: "nowrap",
-  color: (e.vars || e).palette.action.active,
+  color: (t.vars || t).palette.action.active,
   variants: [{
     props: {
       variant: "filled"
@@ -74,20 +75,20 @@ const z = (e, t) => {
       pointerEvents: "none"
     }
   }]
-}))), U = /* @__PURE__ */ h.forwardRef(function(t, n) {
+}))), U = /* @__PURE__ */ h.forwardRef(function(e, n) {
   const i = L({
-    props: t,
+    props: e,
     name: "MuiInputAdornment"
   }), {
     children: r,
     className: a,
-    component: p = "div",
+    component: l = "div",
     disablePointerEvents: d = !1,
     disableTypography: g = !1,
     position: f,
     variant: m,
     ...E
-  } = i, s = A() || {};
+  } = i, s = T() || {};
   let c = m;
   m && s.variant && process.env.NODE_ENV !== "production" && m === s.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), s && !c && (c = s.variant);
   const v = {
@@ -98,21 +99,21 @@ const z = (e, t) => {
     position: f,
     variant: c
   }, P = F(v);
-  return /* @__PURE__ */ l(C.Provider, {
+  return /* @__PURE__ */ p(A.Provider, {
     value: null,
-    children: /* @__PURE__ */ l(M, {
-      as: p,
+    children: /* @__PURE__ */ p(M, {
+      as: l,
       ownerState: v,
-      className: T(P.root, a),
+      className: I(P.root, a),
       ref: n,
       ...E,
-      children: typeof r == "string" && !g ? /* @__PURE__ */ l(R, {
+      children: typeof r == "string" && !g ? /* @__PURE__ */ p(R, {
         color: "textSecondary",
         children: r
       }) : /* @__PURE__ */ S(h.Fragment, {
         children: [f === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
-          y || (y = /* @__PURE__ */ l("span", {
+          y || (y = /* @__PURE__ */ p("span", {
             className: "notranslate",
             "aria-hidden": !0,
             children: "​"

package/dist/{InputBase-B6OIIVG0.js → InputBase-CfVedJZK.js}

@@ -1,24 +1,25 @@
 import * as l from "react";
-import { P as e, c as Fe, j as X, x as Be } from "./createTheme-D79OrE1w.js";
+import { P as e } from "./index-CyAhC1RZ.js";
 import { c as pe } from "./clsx-OuTLNxxd.js";
 import { i as fe } from "./isHostComponent-kiaBvYVo.js";
-import { f as He } from "./formControlState-vgaj2ksH.js";
-import { u as Me, F as We } from "./useFormControl-CatNKXAi.js";
-import { g as Pe } from "./index-RvUJzkTI.js";
-import { m as ge } from "./memoTheme-DqlI3JW3.js";
-import { a as Le } from "./utils-Bf5X_KZD.js";
-import { g as je } from "./generateUtilityClasses-CwzvHfCm.js";
+import { f as Fe } from "./formControlState-vgaj2ksH.js";
+import { u as Be, F as He } from "./useFormControl-CatNKXAi.js";
+import { g as Me } from "./index-De_dzPp4.js";
+import { m as ge } from "./memoTheme-R-LnLD8I.js";
+import { a as We } from "./utils-Bf5X_KZD.js";
+import { g as Pe } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as Le, j as X, x as je } from "./createTheme-BnGUhbht.js";
 import { jsxs as ee, jsx as B } from "react/jsx-runtime";
-import { u as De } from "./DefaultPropsProvider-PBxTVeaD.js";
+import { u as De } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as ve } from "./useForkRef-9kN4DArm.js";
 import { u as oe } from "./useEnhancedEffect-CJGo-L3B.js";
 import { o as me } from "./ownerWindow-niciwP7I.js";
 import { u as Ue } from "./useEventCallback-BAQJJ3ye.js";
 import { d as Ve } from "./debounce-46wSf_lW.js";
-import { s as we } from "./styled-bJ6DXD3Z.js";
+import { s as we } from "./styled-fvngWWLy.js";
 import { c as _e } from "./composeClasses-2Ou-RZJr.js";
-import { r as $e } from "./refType-CCckNw0a.js";
-import { e as Ke } from "./elementTypeAcceptingRef-CnEbk7Q_.js";
+import { r as $e } from "./refType-CedFpkve.js";
+import { e as Ke } from "./elementTypeAcceptingRef-B2d5_Vhf.js";
 function j(t) {
   return parseInt(t, 10) || 0;
 }
@@ -172,9 +173,9 @@ process.env.NODE_ENV !== "production" && (xe.propTypes = {
   value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
 });
 function Ye(t) {
-  return Fe("MuiInputBase", t);
+  return Le("MuiInputBase", t);
 }
-const te = je("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
+const te = Pe("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 {
@@ -366,7 +367,7 @@ const Ze = (t, o) => {
       }
     }]
   };
-})), ye = Pe({
+})), ye = Me({
   "@keyframes mui-auto-fill": {
     from: {
       display: "block"
@@ -426,12 +427,12 @@ const Ze = (t, o) => {
   } = 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 = ve(z, n, i.ref, Oe), [K, q] = l.useState(!1), s = Me();
+  }, []), Ee = ve(z, n, i.ref, Oe), [K, q] = l.useState(!1), s = Be();
   process.env.NODE_ENV !== "production" && l.useEffect(() => {
     if (s)
       return s.registerEffect();
   }, [s]);
-  const y = He({
+  const y = Fe({
     props: d,
     muiFormControl: s,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
@@ -440,7 +441,7 @@ const Ze = (t, o) => {
     !s && f && K && (q(!1), w && w());
   }, [s, f, K, w]);
   const G = s && s.onFilled, Y = s && s.onEmpty, F = l.useCallback((a) => {
-    Le(a) ? G && G() : Y && Y();
+    We(a) ? G && G() : Y && Y();
   }, [G, Y]);
   oe(() => {
     $ && F({
@@ -455,7 +456,7 @@ const Ze = (t, o) => {
     if (!$) {
       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." : Be(1));
+        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." : je(1));
       F({
         value: de.value
       });
@@ -521,7 +522,7 @@ const Ze = (t, o) => {
         }
       },
       className: pe(se.root, Q.className, T, _ && "MuiInputBase-readOnly"),
-      children: [A, /* @__PURE__ */ B(We.Provider, {
+      children: [A, /* @__PURE__ */ B(He.Provider, {
         value: null,
         children: /* @__PURE__ */ B(ue, {
           "aria-invalid": y.error,

package/dist/{LinearProgress-BhzXKKHq.js → LinearProgress-C7E3wvv7.js}

@@ -1,19 +1,20 @@
 import * as N from "react";
-import { c as j, j as o, P as t } from "./createTheme-D79OrE1w.js";
-import { c as w } from "./clsx-OuTLNxxd.js";
-import { u as R } from "./index-CcV0p0bw.js";
-import { m as b } from "./memoTheme-DqlI3JW3.js";
+import { P as t } from "./index-CyAhC1RZ.js";
+import { c as j } from "./clsx-OuTLNxxd.js";
+import { u as w } from "./index-D2IRntbh.js";
+import { m } from "./memoTheme-R-LnLD8I.js";
 import { c as f } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as q } from "./generateUtilityClasses-CwzvHfCm.js";
+import { g as R } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as q, j as o } from "./createTheme-BnGUhbht.js";
 import { jsxs as D, jsx as v } from "react/jsx-runtime";
-import { u as M } from "./DefaultPropsProvider-PBxTVeaD.js";
-import { s as m } from "./styled-bJ6DXD3Z.js";
+import { u as M } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as b } from "./styled-fvngWWLy.js";
 import { c as S } from "./composeClasses-2Ou-RZJr.js";
-import { c as $, k } from "./emotion-react.browser.esm-CNRN7WoC.js";
+import { c as $, k } from "./emotion-react.browser.esm-VKtuqypl.js";
 function T(e) {
-  return j("MuiLinearProgress", e);
+  return q("MuiLinearProgress", e);
 }
-const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "bar1", "bar2", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]), y = 4, C = k`
+const nr = R("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "bar1", "bar2", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]), y = 4, C = k`
   0% {
     left: -35%;
     right: 100%;
@@ -76,7 +77,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
     bar2: ["bar", "bar2", a !== "buffer" && `barColor${o(n)}`, a === "buffer" && `color${o(n)}`, (a === "indeterminate" || a === "query") && "bar2Indeterminate", a === "buffer" && "bar2Buffer"]
   };
   return S(d, T, r);
-}, L = (e, r) => e.vars ? e.vars.palette.LinearProgress[`${r}Bg`] : e.palette.mode === "light" ? e.lighten(e.palette[r].main, 0.62) : e.darken(e.palette[r].main, 0.5), V = m("span", {
+}, L = (e, r) => e.vars ? e.vars.palette.LinearProgress[`${r}Bg`] : e.palette.mode === "light" ? e.lighten(e.palette[r].main, 0.62) : e.darken(e.palette[r].main, 0.5), V = b("span", {
   name: "MuiLinearProgress",
   slot: "Root",
   overridesResolver: (e, r) => {
@@ -85,7 +86,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
     } = e;
     return [r.root, r[`color${o(a.color)}`], r[a.variant]];
   }
-})(b(({
+})(m(({
   theme: e
 }) => ({
   position: "relative",
@@ -135,7 +136,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
       transform: "rotate(180deg)"
     }
   }]
-}))), _ = m("span", {
+}))), _ = b("span", {
   name: "MuiLinearProgress",
   slot: "Dashed",
   overridesResolver: (e, r) => {
@@ -144,7 +145,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
     } = e;
     return [r.dashed, r[`dashedColor${o(a.color)}`]];
   }
-})(b(({
+})(m(({
   theme: e
 }) => ({
   position: "absolute",
@@ -175,7 +176,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
 })), A || {
   // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
   animation: `${P} 3s infinite linear`
-}), K = m("span", {
+}), K = b("span", {
   name: "MuiLinearProgress",
   slot: "Bar1",
   overridesResolver: (e, r) => {
@@ -184,7 +185,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
     } = e;
     return [r.bar, r.bar1, r[`barColor${o(a.color)}`], (a.variant === "indeterminate" || a.variant === "query") && r.bar1Indeterminate, a.variant === "determinate" && r.bar1Determinate, a.variant === "buffer" && r.bar1Buffer];
   }
-})(b(({
+})(m(({
   theme: e
 }) => ({
   width: "100%",
@@ -238,7 +239,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
       animation: `${C} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
     }
   }]
-}))), X = m("span", {
+}))), X = b("span", {
   name: "MuiLinearProgress",
   slot: "Bar2",
   overridesResolver: (e, r) => {
@@ -247,7 +248,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
     } = e;
     return [r.bar, r.bar2, r[`barColor${o(a.color)}`], (a.variant === "indeterminate" || a.variant === "query") && r.bar2Indeterminate, a.variant === "buffer" && r.bar2Buffer];
   }
-})(b(({
+})(m(({
   theme: e
 }) => ({
   width: "100%",
@@ -324,7 +325,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
     ...n,
     color: B,
     variant: s
-  }, p = E(l), x = R(), u = {}, c = {
+  }, p = E(l), x = w(), u = {}, c = {
     bar1: {},
     bar2: {}
   };
@@ -340,7 +341,7 @@ const or = q("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "de
       x && (i = -i), c.bar2.transform = `translateX(${i}%)`;
     } else process.env.NODE_ENV !== "production" && console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
   return /* @__PURE__ */ D(V, {
-    className: w(p.root, d),
+    className: j(p.root, d),
     ownerState: l,
     role: "progressbar",
     ...u,
@@ -404,5 +405,5 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
 export {
   Y as L,
   T as g,
-  or as l
+  nr as l
 };