@vitessce/biomarker-select 3.8.10 → 3.9.0

package/dist/index.js

@@ -104,9 +104,11 @@ const CoordinationType = {
   OBS_SET_HIGHLIGHT: "obsSetHighlight",
   OBS_SET_EXPANSION: "obsSetExpansion",
   OBS_SET_COLOR: "obsSetColor",
+  FEATURE_COLOR: "featureColor",
   FEATURE_HIGHLIGHT: "featureHighlight",
   FEATURE_SELECTION: "featureSelection",
   FEATURE_FILTER: "featureFilter",
+  FEATURE_FILTER_MODE: "featureFilterMode",
   FEATURE_VALUE_COLORMAP: "featureValueColormap",
   FEATURE_VALUE_TRANSFORM: "featureValueTransform",
   FEATURE_VALUE_COLORMAP_RANGE: "featureValueColormapRange",
@@ -414,6 +416,8 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType.OBS_SET_FILTER,
     CoordinationType.OBS_SET_HIGHLIGHT,
     CoordinationType.OBS_SET_COLOR,
+    CoordinationType.FEATURE_COLOR,
+    CoordinationType.FEATURE_FILTER_MODE,
     CoordinationType.FEATURE_HIGHLIGHT,
     CoordinationType.FEATURE_SELECTION,
     CoordinationType.FEATURE_VALUE_COLORMAP,
@@ -628,6 +632,8 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType.SPATIAL_SPOT_STROKE_WIDTH,
     CoordinationType.SPATIAL_LAYER_COLOR,
     CoordinationType.OBS_COLOR_ENCODING,
+    CoordinationType.FEATURE_COLOR,
+    CoordinationType.FEATURE_FILTER_MODE,
     CoordinationType.FEATURE_VALUE_COLORMAP,
     CoordinationType.FEATURE_VALUE_COLORMAP_RANGE,
     CoordinationType.FEATURE_SELECTION,
@@ -8938,10 +8944,17 @@ const { tss } = createTss({
   "usePlugin": useMuiThemeStyleOverridesPlugin
 });
 const useStyles$3 = tss.create({});
-function chainPropTypes(propType1, propType2) {
-  return function validate(...args) {
-    return propType1(...args) || propType2(...args);
-  };
+function createChainedFunction$1(...funcs) {
+  return funcs.reduce((acc, func) => {
+    if (func == null) {
+      return acc;
+    }
+    return function chainedFunction(...args) {
+      acc.apply(this, args);
+      func.apply(this, args);
+    };
+  }, () => {
+  });
 }
 function GlobalStyles(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStyles$1, {
@@ -8994,6 +9007,495 @@ const memoTheme = unstable_memoTheme;
 function useDefaultProps(params) {
   return useDefaultProps$1(params);
 }
+function getSvgIconUtilityClass(slot) {
+  return generateUtilityClass("MuiSvgIcon", slot);
+}
+generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const useUtilityClasses$1y = (ownerState) => {
+  const {
+    color: color2,
+    fontSize,
+    classes: classes2
+  } = ownerState;
+  const slots = {
+    root: ["root", color2 !== "inherit" && `color${capitalize(color2)}`, `fontSize${capitalize(fontSize)}`]
+  };
+  return composeClasses(slots, getSvgIconUtilityClass, classes2);
+};
+const SvgIconRoot = styled("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.color !== "inherit" && styles2[`color${capitalize(ownerState.color)}`], styles2[`fontSize${capitalize(ownerState.fontSize)}`]];
+  }
+})(memoTheme(({
+  theme
+}) => {
+  var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (_d2 = (_a2 = theme.transitions) == null ? void 0 : _a2.create) == null ? void 0 : _d2.call(_a2, "fill", {
+      duration: (_c2 = (_b2 = (theme.vars ?? theme).transitions) == null ? void 0 : _b2.duration) == null ? void 0 : _c2.shorter
+    }),
+    variants: [
+      {
+        props: (props) => !props.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
+        },
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
+        },
+        style: {
+          fontSize: ((_f = (_e = theme.typography) == null ? void 0 : _e.pxToRem) == null ? void 0 : _f.call(_e, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((_h = (_g = theme.typography) == null ? void 0 : _g.pxToRem) == null ? void 0 : _h.call(_g, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((_j = (_i = theme.typography) == null ? void 0 : _i.pxToRem) == null ? void 0 : _j.call(_i, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((theme.vars ?? theme).palette).filter(([, value]) => value && value.main).map(([color2]) => {
+        var _a3, _b3;
+        return {
+          props: {
+            color: color2
+          },
+          style: {
+            color: (_b3 = (_a3 = (theme.vars ?? theme).palette) == null ? void 0 : _a3[color2]) == null ? void 0 : _b3.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (_l = (_k = (theme.vars ?? theme).palette) == null ? void 0 : _k.action) == null ? void 0 : _l.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (_n = (_m = (theme.vars ?? theme).palette) == null ? void 0 : _m.action) == null ? void 0 : _n.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+}));
+const SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiSvgIcon"
+  });
+  const {
+    children,
+    className,
+    color: color2 = "inherit",
+    component = "svg",
+    fontSize = "medium",
+    htmlColor,
+    inheritViewBox = false,
+    titleAccess,
+    viewBox = "0 0 24 24",
+    ...other
+  } = props;
+  const hasSvgAsChild = /* @__PURE__ */ React.isValidElement(children) && children.type === "svg";
+  const ownerState = {
+    ...props,
+    color: color2,
+    component,
+    fontSize,
+    instanceFontSize: inProps.fontSize,
+    inheritViewBox,
+    viewBox,
+    hasSvgAsChild
+  };
+  const more = {};
+  if (!inheritViewBox) {
+    more.viewBox = viewBox;
+  }
+  const classes2 = useUtilityClasses$1y(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, {
+    as: component,
+    className: clsx$1(classes2.root, className),
+    focusable: "false",
+    color: htmlColor,
+    "aria-hidden": titleAccess ? void 0 : true,
+    role: titleAccess ? "img" : void 0,
+    ref,
+    ...more,
+    ...other,
+    ...hasSvgAsChild && children.props,
+    ownerState,
+    children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /* @__PURE__ */ jsxRuntimeExports.jsx("title", {
+      children: titleAccess
+    }) : null]
+  });
+});
+SvgIcon.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "large", "medium", "small"]), PropTypes.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: PropTypes.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: PropTypes.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: PropTypes.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: PropTypes.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: PropTypes.string
+};
+SvgIcon.muiName = "SvgIcon";
+function createSvgIcon(path, displayName) {
+  function Component(props, ref) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SvgIcon, {
+      "data-testid": `${displayName}Icon`,
+      ref,
+      ...props,
+      children: path
+    });
+  }
+  {
+    Component.displayName = `${displayName}Icon`;
+  }
+  Component.muiName = SvgIcon.muiName;
+  return /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(Component));
+}
+function debounce$2(func, wait = 166) {
+  let timeout2;
+  function debounced(...args) {
+    const later = () => {
+      func.apply(this, args);
+    };
+    clearTimeout(timeout2);
+    timeout2 = setTimeout(later, wait);
+  }
+  debounced.clear = () => {
+    clearTimeout(timeout2);
+  };
+  return debounced;
+}
+function ownerDocument(node2) {
+  return node2 && node2.ownerDocument || document;
+}
+function ownerWindow(node2) {
+  const doc = ownerDocument(node2);
+  return doc.defaultView || window;
+}
+function requirePropFactory(componentNameInError, Component) {
+  const prevPropTypes = Component ? {
+    ...Component.propTypes
+  } : null;
+  const requireProp = (requiredProp) => (props, propName, componentName, location, propFullName, ...args) => {
+    const propFullNameSafe = propFullName || propName;
+    const defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];
+    if (defaultTypeChecker) {
+      const typeCheckerResult = defaultTypeChecker(props, propName, componentName, location, propFullName, ...args);
+      if (typeCheckerResult) {
+        return typeCheckerResult;
+      }
+    }
+    if (typeof props[propName] !== "undefined" && !props[requiredProp]) {
+      return new Error(`The prop \`${propFullNameSafe}\` of \`${componentNameInError}\` can only be used together with the \`${requiredProp}\` prop.`);
+    }
+    return null;
+  };
+  return requireProp;
+}
+function setRef$1(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+let globalId$1 = 0;
+function useGlobalId(idOverride) {
+  const [defaultId, setDefaultId] = React.useState(idOverride);
+  const id = idOverride || defaultId;
+  React.useEffect(() => {
+    if (defaultId == null) {
+      globalId$1 += 1;
+      setDefaultId(`mui-${globalId$1}`);
+    }
+  }, [defaultId]);
+  return id;
+}
+const safeReact = {
+  ...React
+};
+const maybeReactUseId = safeReact.useId;
+function useId(idOverride) {
+  if (maybeReactUseId !== void 0) {
+    const reactId = maybeReactUseId();
+    return idOverride ?? reactId;
+  }
+  return useGlobalId(idOverride);
+}
+function unsupportedProp(props, propName, componentName, location, propFullName) {
+  const propFullNameSafe = propFullName || propName;
+  if (typeof props[propName] !== "undefined") {
+    return new Error(`The prop \`${propFullNameSafe}\` is not supported. Please remove it.`);
+  }
+  return null;
+}
+function useControlled(props) {
+  const {
+    controlled,
+    default: defaultProp,
+    name,
+    state = "value"
+  } = props;
+  const {
+    current: isControlled
+  } = React.useRef(controlled !== void 0);
+  const [valueState, setValue] = React.useState(defaultProp);
+  const value = isControlled ? controlled : valueState;
+  {
+    React.useEffect(() => {
+      if (isControlled !== (controlled !== void 0)) {
+        console.error([`MUI: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name} to be ${isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${name} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join("\n"));
+      }
+    }, [state, name, controlled]);
+    const {
+      current: defaultValue
+    } = React.useRef(defaultProp);
+    React.useEffect(() => {
+      if (!isControlled && !Object.is(defaultValue, defaultProp)) {
+        console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`].join("\n"));
+      }
+    }, [JSON.stringify(defaultProp)]);
+  }
+  const setValueIfUncontrolled = React.useCallback((newValue) => {
+    if (!isControlled) {
+      setValue(newValue);
+    }
+  }, []);
+  return [value, setValueIfUncontrolled];
+}
+function useEventCallback(fn2) {
+  const ref = React.useRef(fn2);
+  useEnhancedEffect$1(() => {
+    ref.current = fn2;
+  });
+  return React.useRef((...args) => (
+    // @ts-expect-error hide `this`
+    (0, ref.current)(...args)
+  )).current;
+}
+function useForkRef$1(...refs) {
+  const cleanupRef = React.useRef(void 0);
+  const refEffect = React.useCallback((instance) => {
+    const cleanups = refs.map((ref) => {
+      if (ref == null) {
+        return null;
+      }
+      if (typeof ref === "function") {
+        const refCallback = ref;
+        const refCleanup = refCallback(instance);
+        return typeof refCleanup === "function" ? refCleanup : () => {
+          refCallback(null);
+        };
+      }
+      ref.current = instance;
+      return () => {
+        ref.current = null;
+      };
+    });
+    return () => {
+      cleanups.forEach((refCleanup) => refCleanup == null ? void 0 : refCleanup());
+    };
+  }, refs);
+  return React.useMemo(() => {
+    if (refs.every((ref) => ref == null)) {
+      return null;
+    }
+    return (value) => {
+      if (cleanupRef.current) {
+        cleanupRef.current();
+        cleanupRef.current = void 0;
+      }
+      if (value != null) {
+        cleanupRef.current = refEffect(value);
+      }
+    };
+  }, refs);
+}
+function isEventHandler(key, value) {
+  const thirdCharCode = key.charCodeAt(2);
+  return key[0] === "o" && key[1] === "n" && thirdCharCode >= 65 && thirdCharCode <= 90 && typeof value === "function";
+}
+function mergeSlotProps$1(externalSlotProps, defaultSlotProps) {
+  if (!externalSlotProps) {
+    return defaultSlotProps;
+  }
+  function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {
+    const handlers2 = {};
+    Object.keys(defaultSlotPropsValue).forEach((key) => {
+      if (isEventHandler(key, defaultSlotPropsValue[key]) && typeof externalSlotPropsValue[key] === "function") {
+        handlers2[key] = (...args) => {
+          externalSlotPropsValue[key](...args);
+          defaultSlotPropsValue[key](...args);
+        };
+      }
+    });
+    return handlers2;
+  }
+  if (typeof externalSlotProps === "function" || typeof defaultSlotProps === "function") {
+    return (ownerState) => {
+      const defaultSlotPropsValue = typeof defaultSlotProps === "function" ? defaultSlotProps(ownerState) : defaultSlotProps;
+      const externalSlotPropsValue = typeof externalSlotProps === "function" ? externalSlotProps({
+        ...ownerState,
+        ...defaultSlotPropsValue
+      }) : externalSlotProps;
+      const className2 = clsx$1(ownerState == null ? void 0 : ownerState.className, defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.className, externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.className);
+      const handlers2 = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);
+      return {
+        ...defaultSlotPropsValue,
+        ...externalSlotPropsValue,
+        ...handlers2,
+        ...!!className2 && {
+          className: className2
+        },
+        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.style) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.style) && {
+          style: {
+            ...defaultSlotPropsValue.style,
+            ...externalSlotPropsValue.style
+          }
+        },
+        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.sx) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.sx) && {
+          sx: [...Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx], ...Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx]]
+        }
+      };
+    };
+  }
+  const typedDefaultSlotProps = defaultSlotProps;
+  const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);
+  const className = clsx$1(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
+  return {
+    ...defaultSlotProps,
+    ...externalSlotProps,
+    ...handlers,
+    ...!!className && {
+      className
+    },
+    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.style) && (externalSlotProps == null ? void 0 : externalSlotProps.style) && {
+      style: {
+        ...typedDefaultSlotProps.style,
+        ...externalSlotProps.style
+      }
+    },
+    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.sx) && (externalSlotProps == null ? void 0 : externalSlotProps.sx) && {
+      sx: [...Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx], ...Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx]]
+    }
+  };
+}
+function chainPropTypes(propType1, propType2) {
+  return function validate(...args) {
+    return propType1(...args) || propType2(...args);
+  };
+}
 function _extends$2() {
   return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -9778,502 +10280,6 @@ function getTransitionProps(props, options) {
     delay: style2.transitionDelay
   };
 }
-function createChainedFunction$1(...funcs) {
-  return funcs.reduce((acc, func) => {
-    if (func == null) {
-      return acc;
-    }
-    return function chainedFunction(...args) {
-      acc.apply(this, args);
-      func.apply(this, args);
-    };
-  }, () => {
-  });
-}
-function getSvgIconUtilityClass(slot) {
-  return generateUtilityClass("MuiSvgIcon", slot);
-}
-generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const useUtilityClasses$1y = (ownerState) => {
-  const {
-    color: color2,
-    fontSize,
-    classes: classes2
-  } = ownerState;
-  const slots = {
-    root: ["root", color2 !== "inherit" && `color${capitalize(color2)}`, `fontSize${capitalize(fontSize)}`]
-  };
-  return composeClasses(slots, getSvgIconUtilityClass, classes2);
-};
-const SvgIconRoot = styled("svg", {
-  name: "MuiSvgIcon",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, ownerState.color !== "inherit" && styles2[`color${capitalize(ownerState.color)}`], styles2[`fontSize${capitalize(ownerState.fontSize)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => {
-  var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  return {
-    userSelect: "none",
-    width: "1em",
-    height: "1em",
-    display: "inline-block",
-    flexShrink: 0,
-    transition: (_d2 = (_a2 = theme.transitions) == null ? void 0 : _a2.create) == null ? void 0 : _d2.call(_a2, "fill", {
-      duration: (_c2 = (_b2 = (theme.vars ?? theme).transitions) == null ? void 0 : _b2.duration) == null ? void 0 : _c2.shorter
-    }),
-    variants: [
-      {
-        props: (props) => !props.hasSvgAsChild,
-        style: {
-          // the <svg> will define the property that has `currentColor`
-          // for example heroicons uses fill="none" and stroke="currentColor"
-          fill: "currentColor"
-        }
-      },
-      {
-        props: {
-          fontSize: "inherit"
-        },
-        style: {
-          fontSize: "inherit"
-        }
-      },
-      {
-        props: {
-          fontSize: "small"
-        },
-        style: {
-          fontSize: ((_f = (_e = theme.typography) == null ? void 0 : _e.pxToRem) == null ? void 0 : _f.call(_e, 20)) || "1.25rem"
-        }
-      },
-      {
-        props: {
-          fontSize: "medium"
-        },
-        style: {
-          fontSize: ((_h = (_g = theme.typography) == null ? void 0 : _g.pxToRem) == null ? void 0 : _h.call(_g, 24)) || "1.5rem"
-        }
-      },
-      {
-        props: {
-          fontSize: "large"
-        },
-        style: {
-          fontSize: ((_j = (_i = theme.typography) == null ? void 0 : _i.pxToRem) == null ? void 0 : _j.call(_i, 35)) || "2.1875rem"
-        }
-      },
-      // TODO v5 deprecate color prop, v6 remove for sx
-      ...Object.entries((theme.vars ?? theme).palette).filter(([, value]) => value && value.main).map(([color2]) => {
-        var _a3, _b3;
-        return {
-          props: {
-            color: color2
-          },
-          style: {
-            color: (_b3 = (_a3 = (theme.vars ?? theme).palette) == null ? void 0 : _a3[color2]) == null ? void 0 : _b3.main
-          }
-        };
-      }),
-      {
-        props: {
-          color: "action"
-        },
-        style: {
-          color: (_l = (_k = (theme.vars ?? theme).palette) == null ? void 0 : _k.action) == null ? void 0 : _l.active
-        }
-      },
-      {
-        props: {
-          color: "disabled"
-        },
-        style: {
-          color: (_n = (_m = (theme.vars ?? theme).palette) == null ? void 0 : _m.action) == null ? void 0 : _n.disabled
-        }
-      },
-      {
-        props: {
-          color: "inherit"
-        },
-        style: {
-          color: void 0
-        }
-      }
-    ]
-  };
-}));
-const SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiSvgIcon"
-  });
-  const {
-    children,
-    className,
-    color: color2 = "inherit",
-    component = "svg",
-    fontSize = "medium",
-    htmlColor,
-    inheritViewBox = false,
-    titleAccess,
-    viewBox = "0 0 24 24",
-    ...other
-  } = props;
-  const hasSvgAsChild = /* @__PURE__ */ React.isValidElement(children) && children.type === "svg";
-  const ownerState = {
-    ...props,
-    color: color2,
-    component,
-    fontSize,
-    instanceFontSize: inProps.fontSize,
-    inheritViewBox,
-    viewBox,
-    hasSvgAsChild
-  };
-  const more = {};
-  if (!inheritViewBox) {
-    more.viewBox = viewBox;
-  }
-  const classes2 = useUtilityClasses$1y(ownerState);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, {
-    as: component,
-    className: clsx$1(classes2.root, className),
-    focusable: "false",
-    color: htmlColor,
-    "aria-hidden": titleAccess ? void 0 : true,
-    role: titleAccess ? "img" : void 0,
-    ref,
-    ...more,
-    ...other,
-    ...hasSvgAsChild && children.props,
-    ownerState,
-    children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /* @__PURE__ */ jsxRuntimeExports.jsx("title", {
-      children: titleAccess
-    }) : null]
-  });
-});
-SvgIcon.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Node passed into the SVG element.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
-   * @default 'inherit'
-   */
-  color: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-   * @default 'medium'
-   */
-  fontSize: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "large", "medium", "small"]), PropTypes.string]),
-  /**
-   * Applies a color attribute to the SVG element.
-   */
-  htmlColor: PropTypes.string,
-  /**
-   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
-   * prop will be ignored.
-   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
-   * `component`'s viewBox to the root node.
-   * @default false
-   */
-  inheritViewBox: PropTypes.bool,
-  /**
-   * The shape-rendering attribute. The behavior of the different options is described on the
-   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
-   * If you are having issues with blurry icons you should investigate this prop.
-   */
-  shapeRendering: PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Provides a human-readable title for the element that contains it.
-   * https://www.w3.org/TR/SVG-access/#Equivalent
-   */
-  titleAccess: PropTypes.string,
-  /**
-   * Allows you to redefine what the coordinates without units mean inside an SVG element.
-   * For example, if the SVG element is 500 (width) by 200 (height),
-   * and you pass viewBox="0 0 50 20",
-   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
-   * to bottom right (50,20) and each unit will be worth 10px.
-   * @default '0 0 24 24'
-   */
-  viewBox: PropTypes.string
-};
-SvgIcon.muiName = "SvgIcon";
-function createSvgIcon(path, displayName) {
-  function Component(props, ref) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SvgIcon, {
-      "data-testid": `${displayName}Icon`,
-      ref,
-      ...props,
-      children: path
-    });
-  }
-  {
-    Component.displayName = `${displayName}Icon`;
-  }
-  Component.muiName = SvgIcon.muiName;
-  return /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(Component));
-}
-function debounce$2(func, wait = 166) {
-  let timeout2;
-  function debounced(...args) {
-    const later = () => {
-      func.apply(this, args);
-    };
-    clearTimeout(timeout2);
-    timeout2 = setTimeout(later, wait);
-  }
-  debounced.clear = () => {
-    clearTimeout(timeout2);
-  };
-  return debounced;
-}
-function ownerDocument(node2) {
-  return node2 && node2.ownerDocument || document;
-}
-function ownerWindow(node2) {
-  const doc = ownerDocument(node2);
-  return doc.defaultView || window;
-}
-function requirePropFactory(componentNameInError, Component) {
-  const prevPropTypes = Component ? {
-    ...Component.propTypes
-  } : null;
-  const requireProp = (requiredProp) => (props, propName, componentName, location, propFullName, ...args) => {
-    const propFullNameSafe = propFullName || propName;
-    const defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];
-    if (defaultTypeChecker) {
-      const typeCheckerResult = defaultTypeChecker(props, propName, componentName, location, propFullName, ...args);
-      if (typeCheckerResult) {
-        return typeCheckerResult;
-      }
-    }
-    if (typeof props[propName] !== "undefined" && !props[requiredProp]) {
-      return new Error(`The prop \`${propFullNameSafe}\` of \`${componentNameInError}\` can only be used together with the \`${requiredProp}\` prop.`);
-    }
-    return null;
-  };
-  return requireProp;
-}
-function setRef$1(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
-let globalId$1 = 0;
-function useGlobalId(idOverride) {
-  const [defaultId, setDefaultId] = React.useState(idOverride);
-  const id = idOverride || defaultId;
-  React.useEffect(() => {
-    if (defaultId == null) {
-      globalId$1 += 1;
-      setDefaultId(`mui-${globalId$1}`);
-    }
-  }, [defaultId]);
-  return id;
-}
-const safeReact = {
-  ...React
-};
-const maybeReactUseId = safeReact.useId;
-function useId(idOverride) {
-  if (maybeReactUseId !== void 0) {
-    const reactId = maybeReactUseId();
-    return idOverride ?? reactId;
-  }
-  return useGlobalId(idOverride);
-}
-function unsupportedProp(props, propName, componentName, location, propFullName) {
-  const propFullNameSafe = propFullName || propName;
-  if (typeof props[propName] !== "undefined") {
-    return new Error(`The prop \`${propFullNameSafe}\` is not supported. Please remove it.`);
-  }
-  return null;
-}
-function useControlled(props) {
-  const {
-    controlled,
-    default: defaultProp,
-    name,
-    state = "value"
-  } = props;
-  const {
-    current: isControlled
-  } = React.useRef(controlled !== void 0);
-  const [valueState, setValue] = React.useState(defaultProp);
-  const value = isControlled ? controlled : valueState;
-  {
-    React.useEffect(() => {
-      if (isControlled !== (controlled !== void 0)) {
-        console.error([`MUI: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name} to be ${isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${name} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join("\n"));
-      }
-    }, [state, name, controlled]);
-    const {
-      current: defaultValue
-    } = React.useRef(defaultProp);
-    React.useEffect(() => {
-      if (!isControlled && !Object.is(defaultValue, defaultProp)) {
-        console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`].join("\n"));
-      }
-    }, [JSON.stringify(defaultProp)]);
-  }
-  const setValueIfUncontrolled = React.useCallback((newValue) => {
-    if (!isControlled) {
-      setValue(newValue);
-    }
-  }, []);
-  return [value, setValueIfUncontrolled];
-}
-function useEventCallback(fn2) {
-  const ref = React.useRef(fn2);
-  useEnhancedEffect$1(() => {
-    ref.current = fn2;
-  });
-  return React.useRef((...args) => (
-    // @ts-expect-error hide `this`
-    (0, ref.current)(...args)
-  )).current;
-}
-function useForkRef$1(...refs) {
-  const cleanupRef = React.useRef(void 0);
-  const refEffect = React.useCallback((instance) => {
-    const cleanups = refs.map((ref) => {
-      if (ref == null) {
-        return null;
-      }
-      if (typeof ref === "function") {
-        const refCallback = ref;
-        const refCleanup = refCallback(instance);
-        return typeof refCleanup === "function" ? refCleanup : () => {
-          refCallback(null);
-        };
-      }
-      ref.current = instance;
-      return () => {
-        ref.current = null;
-      };
-    });
-    return () => {
-      cleanups.forEach((refCleanup) => refCleanup == null ? void 0 : refCleanup());
-    };
-  }, refs);
-  return React.useMemo(() => {
-    if (refs.every((ref) => ref == null)) {
-      return null;
-    }
-    return (value) => {
-      if (cleanupRef.current) {
-        cleanupRef.current();
-        cleanupRef.current = void 0;
-      }
-      if (value != null) {
-        cleanupRef.current = refEffect(value);
-      }
-    };
-  }, refs);
-}
-function isEventHandler(key, value) {
-  const thirdCharCode = key.charCodeAt(2);
-  return key[0] === "o" && key[1] === "n" && thirdCharCode >= 65 && thirdCharCode <= 90 && typeof value === "function";
-}
-function mergeSlotProps$1(externalSlotProps, defaultSlotProps) {
-  if (!externalSlotProps) {
-    return defaultSlotProps;
-  }
-  function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {
-    const handlers2 = {};
-    Object.keys(defaultSlotPropsValue).forEach((key) => {
-      if (isEventHandler(key, defaultSlotPropsValue[key]) && typeof externalSlotPropsValue[key] === "function") {
-        handlers2[key] = (...args) => {
-          externalSlotPropsValue[key](...args);
-          defaultSlotPropsValue[key](...args);
-        };
-      }
-    });
-    return handlers2;
-  }
-  if (typeof externalSlotProps === "function" || typeof defaultSlotProps === "function") {
-    return (ownerState) => {
-      const defaultSlotPropsValue = typeof defaultSlotProps === "function" ? defaultSlotProps(ownerState) : defaultSlotProps;
-      const externalSlotPropsValue = typeof externalSlotProps === "function" ? externalSlotProps({
-        ...ownerState,
-        ...defaultSlotPropsValue
-      }) : externalSlotProps;
-      const className2 = clsx$1(ownerState == null ? void 0 : ownerState.className, defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.className, externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.className);
-      const handlers2 = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);
-      return {
-        ...defaultSlotPropsValue,
-        ...externalSlotPropsValue,
-        ...handlers2,
-        ...!!className2 && {
-          className: className2
-        },
-        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.style) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.style) && {
-          style: {
-            ...defaultSlotPropsValue.style,
-            ...externalSlotPropsValue.style
-          }
-        },
-        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.sx) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.sx) && {
-          sx: [...Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx], ...Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx]]
-        }
-      };
-    };
-  }
-  const typedDefaultSlotProps = defaultSlotProps;
-  const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);
-  const className = clsx$1(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
-  return {
-    ...defaultSlotProps,
-    ...externalSlotProps,
-    ...handlers,
-    ...!!className && {
-      className
-    },
-    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.style) && (externalSlotProps == null ? void 0 : externalSlotProps.style) && {
-      style: {
-        ...typedDefaultSlotProps.style,
-        ...externalSlotProps.style
-      }
-    },
-    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.sx) && (externalSlotProps == null ? void 0 : externalSlotProps.sx) && {
-      sx: [...Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx], ...Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx]]
-    }
-  };
-}
 function getCollapseUtilityClass(slot) {
   return generateUtilityClass("MuiCollapse", slot);
 }
@@ -22506,6 +22512,437 @@ InputLabel.propTypes = {
    */
   variant: PropTypes.oneOf(["filled", "outlined", "standard"])
 };
+function getLinearProgressUtilityClass(slot) {
+  return generateUtilityClass("MuiLinearProgress", slot);
+}
+generateUtilityClasses("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "bar1", "bar2", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
+const TRANSITION_DURATION = 4;
+const indeterminate1Keyframe = keyframes`
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+
+  100% {
+    left: 100%;
+    right: -90%;
+  }
+`;
+const indeterminate1Animation = typeof indeterminate1Keyframe !== "string" ? css`
+        animation: ${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+      ` : null;
+const indeterminate2Keyframe = keyframes`
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+`;
+const indeterminate2Animation = typeof indeterminate2Keyframe !== "string" ? css`
+        animation: ${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+      ` : null;
+const bufferKeyframe = keyframes`
+  0% {
+    opacity: 1;
+    background-position: 0 -23px;
+  }
+
+  60% {
+    opacity: 0;
+    background-position: 0 -23px;
+  }
+
+  100% {
+    opacity: 1;
+    background-position: -200px -23px;
+  }
+`;
+const bufferAnimation = typeof bufferKeyframe !== "string" ? css`
+        animation: ${bufferKeyframe} 3s infinite linear;
+      ` : null;
+const useUtilityClasses$19 = (ownerState) => {
+  const {
+    classes: classes2,
+    variant,
+    color: color2
+  } = ownerState;
+  const slots = {
+    root: ["root", `color${capitalize(color2)}`, variant],
+    dashed: ["dashed", `dashedColor${capitalize(color2)}`],
+    bar1: ["bar", "bar1", `barColor${capitalize(color2)}`, (variant === "indeterminate" || variant === "query") && "bar1Indeterminate", variant === "determinate" && "bar1Determinate", variant === "buffer" && "bar1Buffer"],
+    bar2: ["bar", "bar2", variant !== "buffer" && `barColor${capitalize(color2)}`, variant === "buffer" && `color${capitalize(color2)}`, (variant === "indeterminate" || variant === "query") && "bar2Indeterminate", variant === "buffer" && "bar2Buffer"]
+  };
+  return composeClasses(slots, getLinearProgressUtilityClass, classes2);
+};
+const getColorShade = (theme, color2) => {
+  if (theme.vars) {
+    return theme.vars.palette.LinearProgress[`${color2}Bg`];
+  }
+  return theme.palette.mode === "light" ? lighten(theme.palette[color2].main, 0.62) : darken(theme.palette[color2].main, 0.5);
+};
+const LinearProgressRoot = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, styles2[`color${capitalize(ownerState.color)}`], styles2[ownerState.variant]];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  position: "relative",
+  overflow: "hidden",
+  display: "block",
+  height: 4,
+  // Fix Safari's bug during composition of different paint.
+  zIndex: 0,
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      backgroundColor: getColorShade(theme, color2)
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.color === "inherit" && ownerState.variant !== "buffer",
+    style: {
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "currentColor",
+        opacity: 0.3
+      }
+    }
+  }, {
+    props: {
+      variant: "buffer"
+    },
+    style: {
+      backgroundColor: "transparent"
+    }
+  }, {
+    props: {
+      variant: "query"
+    },
+    style: {
+      transform: "rotate(180deg)"
+    }
+  }]
+})));
+const LinearProgressDashed = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Dashed",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.dashed, styles2[`dashedColor${capitalize(ownerState.color)}`]];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  position: "absolute",
+  marginTop: 0,
+  height: "100%",
+  width: "100%",
+  backgroundSize: "10px 10px",
+  backgroundPosition: "0 -23px",
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      opacity: 0.3,
+      backgroundImage: `radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)`
+    }
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => {
+    const backgroundColor2 = getColorShade(theme, color2);
+    return {
+      props: {
+        color: color2
+      },
+      style: {
+        backgroundImage: `radial-gradient(${backgroundColor2} 0%, ${backgroundColor2} 16%, transparent 42%)`
+      }
+    };
+  })]
+})), bufferAnimation || {
+  // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+  animation: `${bufferKeyframe} 3s infinite linear`
+});
+const LinearProgressBar1 = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar1",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.bar, styles2.bar1, styles2[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar1Indeterminate, ownerState.variant === "determinate" && styles2.bar1Determinate, ownerState.variant === "buffer" && styles2.bar1Buffer];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left",
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      backgroundColor: "currentColor"
+    }
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      backgroundColor: (theme.vars || theme).palette[color2].main
+    }
+  })), {
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  }, {
+    props: {
+      variant: "buffer"
+    },
+    style: {
+      zIndex: 1,
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: {
+      width: "auto"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: indeterminate1Animation || {
+      animation: `${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
+    }
+  }]
+})));
+const LinearProgressBar2 = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar2",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.bar, styles2.bar2, styles2[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar2Indeterminate, ownerState.variant === "buffer" && styles2.bar2Buffer];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left",
+  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      "--LinearProgressBar2-barColor": (theme.vars || theme).palette[color2].main
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.variant !== "buffer" && ownerState.color !== "inherit",
+    style: {
+      backgroundColor: "var(--LinearProgressBar2-barColor, currentColor)"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant !== "buffer" && ownerState.color === "inherit",
+    style: {
+      backgroundColor: "currentColor"
+    }
+  }, {
+    props: {
+      color: "inherit"
+    },
+    style: {
+      opacity: 0.3
+    }
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2,
+      variant: "buffer"
+    },
+    style: {
+      backgroundColor: getColorShade(theme, color2),
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: {
+      width: "auto"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: indeterminate2Animation || {
+      animation: `${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
+    }
+  }]
+})));
+const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiLinearProgress"
+  });
+  const {
+    className,
+    color: color2 = "primary",
+    value,
+    valueBuffer,
+    variant = "indeterminate",
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
+    color: color2,
+    variant
+  };
+  const classes2 = useUtilityClasses$19(ownerState);
+  const isRtl = useRtl();
+  const rootProps = {};
+  const inlineStyles = {
+    bar1: {},
+    bar2: {}
+  };
+  if (variant === "determinate" || variant === "buffer") {
+    if (value !== void 0) {
+      rootProps["aria-valuenow"] = Math.round(value);
+      rootProps["aria-valuemin"] = 0;
+      rootProps["aria-valuemax"] = 100;
+      let transform = value - 100;
+      if (isRtl) {
+        transform = -transform;
+      }
+      inlineStyles.bar1.transform = `translateX(${transform}%)`;
+    } else {
+      console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
+    }
+  }
+  if (variant === "buffer") {
+    if (valueBuffer !== void 0) {
+      let transform = (valueBuffer || 0) - 100;
+      if (isRtl) {
+        transform = -transform;
+      }
+      inlineStyles.bar2.transform = `translateX(${transform}%)`;
+    } else {
+      console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LinearProgressRoot, {
+    className: clsx$1(classes2.root, className),
+    ownerState,
+    role: "progressbar",
+    ...rootProps,
+    ref,
+    ...other,
+    children: [variant === "buffer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressDashed, {
+      className: classes2.dashed,
+      ownerState
+    }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar1, {
+      className: classes2.bar1,
+      ownerState,
+      style: inlineStyles.bar1
+    }), variant === "determinate" ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar2, {
+      className: classes2.bar2,
+      ownerState,
+      style: inlineStyles.bar2
+    })]
+  });
+});
+LinearProgress.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "primary", "secondary"]), PropTypes.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * The value of the progress indicator for the determinate and buffer variants.
+   * Value between 0 and 100.
+   */
+  value: PropTypes.number,
+  /**
+   * The value for the buffer variant.
+   * Value between 0 and 100.
+   */
+  valueBuffer: PropTypes.number,
+  /**
+   * The variant to use.
+   * Use indeterminate or query when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: PropTypes.oneOf(["buffer", "determinate", "indeterminate", "query"])
+};
 const ListContext = /* @__PURE__ */ React.createContext({});
 {
   ListContext.displayName = "ListContext";
@@ -22514,7 +22951,7 @@ function getListUtilityClass(slot) {
   return generateUtilityClass("MuiList", slot);
 }
 generateUtilityClasses("MuiList", ["root", "padding", "dense", "subheader"]);
-const useUtilityClasses$19 = (ownerState) => {
+const useUtilityClasses$18 = (ownerState) => {
   const {
     classes: classes2,
     disablePadding,
@@ -22580,7 +23017,7 @@ const List = /* @__PURE__ */ React.forwardRef(function List2(inProps, ref) {
     dense,
     disablePadding
   };
-  const classes2 = useUtilityClasses$19(ownerState);
+  const classes2 = useUtilityClasses$18(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListContext.Provider, {
     value: context,
     children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListRoot, {
@@ -22640,7 +23077,7 @@ function getListItemTextUtilityClass(slot) {
   return generateUtilityClass("MuiListItemText", slot);
 }
 const listItemTextClasses = generateUtilityClasses("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
-const useUtilityClasses$18 = (ownerState) => {
+const useUtilityClasses$17 = (ownerState) => {
   const {
     classes: classes2,
     inset,
@@ -22727,7 +23164,7 @@ const ListItemText = /* @__PURE__ */ React.forwardRef(function ListItemText2(inP
     secondary: !!secondary,
     dense
   };
-  const classes2 = useUtilityClasses$18(ownerState);
+  const classes2 = useUtilityClasses$17(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps: {
@@ -22853,77 +23290,161 @@ ListItemText.propTypes = {
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };
-function getScrollbarSize$1(win = window) {
-  const documentWidth = win.document.documentElement.clientWidth;
-  return win.innerWidth - documentWidth;
-}
-function nextItem(list, item, disableListWrap) {
-  if (list === item) {
-    return list.firstChild;
-  }
-  if (item && item.nextElementSibling) {
-    return item.nextElementSibling;
-  }
-  return disableListWrap ? null : list.firstChild;
-}
-function previousItem(list, item, disableListWrap) {
-  if (list === item) {
-    return disableListWrap ? list.firstChild : list.lastChild;
-  }
-  if (item && item.previousElementSibling) {
-    return item.previousElementSibling;
-  }
-  return disableListWrap ? null : list.lastChild;
-}
-function textCriteriaMatches(nextFocus, textCriteria) {
-  if (textCriteria === void 0) {
-    return true;
-  }
-  let text = nextFocus.innerText;
-  if (text === void 0) {
-    text = nextFocus.textContent;
-  }
-  text = text.trim().toLowerCase();
-  if (text.length === 0) {
-    return false;
-  }
-  if (textCriteria.repeating) {
-    return text[0] === textCriteria.keys[0];
-  }
-  return text.startsWith(textCriteria.keys.join(""));
-}
-function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {
-  let wrappedOnce = false;
-  let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);
-  while (nextFocus) {
-    if (nextFocus === list.firstChild) {
-      if (wrappedOnce) {
-        return false;
-      }
-      wrappedOnce = true;
-    }
-    const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute("aria-disabled") === "true";
-    if (!nextFocus.hasAttribute("tabindex") || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {
-      nextFocus = traversalFunction(list, nextFocus, disableListWrap);
-    } else {
-      nextFocus.focus();
-      return true;
-    }
-  }
-  return false;
+function getListItemIconUtilityClass(slot) {
+  return generateUtilityClass("MuiListItemIcon", slot);
 }
-const MenuList = /* @__PURE__ */ React.forwardRef(function MenuList2(props, ref) {
+const listItemIconClasses = generateUtilityClasses("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
+const useUtilityClasses$16 = (ownerState) => {
   const {
-    // private
-    // eslint-disable-next-line react/prop-types
-    actions,
-    autoFocus = false,
-    autoFocusItem = false,
-    children,
-    className,
-    disabledItemsFocusable = false,
-    disableListWrap = false,
-    onKeyDown,
+    alignItems,
+    classes: classes2
+  } = ownerState;
+  const slots = {
+    root: ["root", alignItems === "flex-start" && "alignItemsFlexStart"]
+  };
+  return composeClasses(slots, getListItemIconUtilityClass, classes2);
+};
+const ListItemIconRoot = styled("div", {
+  name: "MuiListItemIcon",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.alignItems === "flex-start" && styles2.alignItemsFlexStart];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  minWidth: 56,
+  color: (theme.vars || theme).palette.action.active,
+  flexShrink: 0,
+  display: "inline-flex",
+  variants: [{
+    props: {
+      alignItems: "flex-start"
+    },
+    style: {
+      marginTop: 8
+    }
+  }]
+})));
+const ListItemIcon = /* @__PURE__ */ React.forwardRef(function ListItemIcon2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiListItemIcon"
+  });
+  const {
+    className,
+    ...other
+  } = props;
+  const context = React.useContext(ListContext);
+  const ownerState = {
+    ...props,
+    alignItems: context.alignItems
+  };
+  const classes2 = useUtilityClasses$16(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIconRoot, {
+    className: clsx$1(classes2.root, className),
+    ownerState,
+    ref,
+    ...other
+  });
+});
+ListItemIcon.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component, normally `Icon`, `SvgIcon`,
+   * or a `@mui/icons-material` SVG icon element.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+};
+function getScrollbarSize$1(win = window) {
+  const documentWidth = win.document.documentElement.clientWidth;
+  return win.innerWidth - documentWidth;
+}
+function nextItem(list, item, disableListWrap) {
+  if (list === item) {
+    return list.firstChild;
+  }
+  if (item && item.nextElementSibling) {
+    return item.nextElementSibling;
+  }
+  return disableListWrap ? null : list.firstChild;
+}
+function previousItem(list, item, disableListWrap) {
+  if (list === item) {
+    return disableListWrap ? list.firstChild : list.lastChild;
+  }
+  if (item && item.previousElementSibling) {
+    return item.previousElementSibling;
+  }
+  return disableListWrap ? null : list.lastChild;
+}
+function textCriteriaMatches(nextFocus, textCriteria) {
+  if (textCriteria === void 0) {
+    return true;
+  }
+  let text = nextFocus.innerText;
+  if (text === void 0) {
+    text = nextFocus.textContent;
+  }
+  text = text.trim().toLowerCase();
+  if (text.length === 0) {
+    return false;
+  }
+  if (textCriteria.repeating) {
+    return text[0] === textCriteria.keys[0];
+  }
+  return text.startsWith(textCriteria.keys.join(""));
+}
+function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {
+  let wrappedOnce = false;
+  let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);
+  while (nextFocus) {
+    if (nextFocus === list.firstChild) {
+      if (wrappedOnce) {
+        return false;
+      }
+      wrappedOnce = true;
+    }
+    const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute("aria-disabled") === "true";
+    if (!nextFocus.hasAttribute("tabindex") || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {
+      nextFocus = traversalFunction(list, nextFocus, disableListWrap);
+    } else {
+      nextFocus.focus();
+      return true;
+    }
+  }
+  return false;
+}
+const MenuList = /* @__PURE__ */ React.forwardRef(function MenuList2(props, ref) {
+  const {
+    // private
+    // eslint-disable-next-line react/prop-types
+    actions,
+    autoFocus = false,
+    autoFocusItem = false,
+    children,
+    className,
+    disabledItemsFocusable = false,
+    disableListWrap = false,
+    onKeyDown,
     variant = "selectedMenu",
     ...other
   } = props;
@@ -23104,7 +23625,7 @@ function getDividerUtilityClass(slot) {
   return generateUtilityClass("MuiDivider", slot);
 }
 const dividerClasses = generateUtilityClasses("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-const useUtilityClasses$17 = (ownerState) => {
+const useUtilityClasses$15 = (ownerState) => {
   const {
     absolute,
     children,
@@ -23318,7 +23839,7 @@ const Divider$1 = /* @__PURE__ */ React.forwardRef(function Divider2(inProps, re
     textAlign,
     variant
   };
-  const classes2 = useUtilityClasses$17(ownerState);
+  const classes2 = useUtilityClasses$15(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DividerRoot, {
     as: component,
     className: clsx$1(classes2.root, className),
@@ -23400,90 +23921,6 @@ Divider$1.propTypes = {
    */
   variant: PropTypes.oneOfType([PropTypes.oneOf(["fullWidth", "inset", "middle"]), PropTypes.string])
 };
-function getListItemIconUtilityClass(slot) {
-  return generateUtilityClass("MuiListItemIcon", slot);
-}
-const listItemIconClasses = generateUtilityClasses("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
-const useUtilityClasses$16 = (ownerState) => {
-  const {
-    alignItems,
-    classes: classes2
-  } = ownerState;
-  const slots = {
-    root: ["root", alignItems === "flex-start" && "alignItemsFlexStart"]
-  };
-  return composeClasses(slots, getListItemIconUtilityClass, classes2);
-};
-const ListItemIconRoot = styled("div", {
-  name: "MuiListItemIcon",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, ownerState.alignItems === "flex-start" && styles2.alignItemsFlexStart];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  minWidth: 56,
-  color: (theme.vars || theme).palette.action.active,
-  flexShrink: 0,
-  display: "inline-flex",
-  variants: [{
-    props: {
-      alignItems: "flex-start"
-    },
-    style: {
-      marginTop: 8
-    }
-  }]
-})));
-const ListItemIcon = /* @__PURE__ */ React.forwardRef(function ListItemIcon2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiListItemIcon"
-  });
-  const {
-    className,
-    ...other
-  } = props;
-  const context = React.useContext(ListContext);
-  const ownerState = {
-    ...props,
-    alignItems: context.alignItems
-  };
-  const classes2 = useUtilityClasses$16(ownerState);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIconRoot, {
-    className: clsx$1(classes2.root, className),
-    ownerState,
-    ref,
-    ...other
-  });
-});
-ListItemIcon.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally `Icon`, `SvgIcon`,
-   * or a `@mui/icons-material` SVG icon element.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-};
 function getMenuItemUtilityClass(slot) {
   return generateUtilityClass("MuiMenuItem", slot);
 }
@@ -23494,7 +23931,7 @@ const overridesResolver$1 = (props, styles2) => {
   } = props;
   return [styles2.root, ownerState.dense && styles2.dense, ownerState.divider && styles2.divider, !ownerState.disableGutters && styles2.gutters];
 };
-const useUtilityClasses$15 = (ownerState) => {
+const useUtilityClasses$14 = (ownerState) => {
   const {
     disabled,
     dense,
@@ -23654,7 +24091,7 @@ const MenuItem = /* @__PURE__ */ React.forwardRef(function MenuItem2(inProps, re
     divider,
     disableGutters
   };
-  const classes2 = useUtilityClasses$15(props);
+  const classes2 = useUtilityClasses$14(props);
   const handleRef = useForkRef$1(menuItemRef, ref);
   let tabIndex;
   if (!props.disabled) {
@@ -23754,7 +24191,7 @@ function getNativeSelectUtilityClasses(slot) {
   return generateUtilityClass("MuiNativeSelect", slot);
 }
 const nativeSelectClasses = generateUtilityClasses("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
-const useUtilityClasses$14 = (ownerState) => {
+const useUtilityClasses$13 = (ownerState) => {
   const {
     classes: classes2,
     variant,
@@ -23909,7 +24346,7 @@ const NativeSelectInput = /* @__PURE__ */ React.forwardRef(function NativeSelect
     variant,
     error
   };
-  const classes2 = useUtilityClasses$14(ownerState);
+  const classes2 = useUtilityClasses$13(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NativeSelectSelect, {
       ownerState,
@@ -23979,7 +24416,7 @@ NativeSelectInput.propTypes = {
    */
   variant: PropTypes.oneOf(["standard", "outlined", "filled"])
 };
-const useUtilityClasses$13 = (ownerState) => {
+const useUtilityClasses$12 = (ownerState) => {
   const {
     classes: classes2,
     disableUnderline
@@ -24112,7 +24549,7 @@ const Input = /* @__PURE__ */ React.forwardRef(function Input2(inProps, ref) {
     type = "text",
     ...other
   } = props;
-  const classes2 = useUtilityClasses$13(props);
+  const classes2 = useUtilityClasses$12(props);
   const ownerState = {
     disableUnderline
   };
@@ -24325,7 +24762,7 @@ Input.propTypes = {
   value: PropTypes.any
 };
 Input.muiName = "Input";
-const useUtilityClasses$12 = (ownerState) => {
+const useUtilityClasses$11 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -24360,7 +24797,7 @@ const NativeSelect = /* @__PURE__ */ React.forwardRef(function NativeSelect2(inP
     ...props,
     classes: classesProp
   };
-  const classes2 = useUtilityClasses$12(ownerState);
+  const classes2 = useUtilityClasses$11(ownerState);
   const {
     root: root2,
     ...otherClasses
@@ -24529,7 +24966,7 @@ function getRadioUtilityClass(slot) {
   return generateUtilityClass("MuiRadio", slot);
 }
 const radioClasses = generateUtilityClasses("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]);
-const useUtilityClasses$11 = (ownerState) => {
+const useUtilityClasses$10 = (ownerState) => {
   const {
     classes: classes2,
     color: color2,
@@ -24653,7 +25090,7 @@ const Radio = /* @__PURE__ */ React.forwardRef(function Radio2(inProps, ref) {
     color: color2,
     size: size2
   };
-  const classes2 = useUtilityClasses$11(ownerState);
+  const classes2 = useUtilityClasses$10(ownerState);
   const radioGroup = useRadioGroup();
   let checked = checkedProp;
   const onChange = createChainedFunction$1(onChangeProp, radioGroup && radioGroup.onChange);
@@ -24818,7 +25255,7 @@ function getRadioGroupUtilityClass(slot) {
   return generateUtilityClass("MuiRadioGroup", slot);
 }
 generateUtilityClasses("MuiRadioGroup", ["root", "row", "error"]);
-const useUtilityClasses$10 = (props) => {
+const useUtilityClasses$$ = (props) => {
   const {
     classes: classes2,
     row,
@@ -24843,7 +25280,7 @@ const RadioGroup = /* @__PURE__ */ React.forwardRef(function RadioGroup2(props,
     ...other
   } = props;
   const rootRef = React.useRef(null);
-  const classes2 = useUtilityClasses$10(props);
+  const classes2 = useUtilityClasses$$(props);
   const [value, setValueState] = useControlled({
     controlled: valueProp,
     default: defaultValue,
@@ -25605,7 +26042,7 @@ function getBackdropUtilityClass(slot) {
   return generateUtilityClass("MuiBackdrop", slot);
 }
 generateUtilityClasses("MuiBackdrop", ["root", "invisible"]);
-const useUtilityClasses$$ = (ownerState) => {
+const useUtilityClasses$_ = (ownerState) => {
   const {
     classes: classes2,
     invisible
@@ -25668,7 +26105,7 @@ const Backdrop = /* @__PURE__ */ React.forwardRef(function Backdrop2(inProps, re
     component,
     invisible
   };
-  const classes2 = useUtilityClasses$$(ownerState);
+  const classes2 = useUtilityClasses$_(ownerState);
   const backwardCompatibleSlots = {
     transition: TransitionComponentProp,
     root: components.Root,
@@ -25967,7 +26404,7 @@ function getModalUtilityClass(slot) {
   return generateUtilityClass("MuiModal", slot);
 }
 generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
-const useUtilityClasses$_ = (ownerState) => {
+const useUtilityClasses$Z = (ownerState) => {
   const {
     open,
     exited,
@@ -26074,7 +26511,7 @@ const Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref) {
     ...propsWithDefaults,
     exited
   };
-  const classes2 = useUtilityClasses$_(ownerState);
+  const classes2 = useUtilityClasses$Z(ownerState);
   const childProps = {};
   if (children.props.tabIndex === void 0) {
     childProps.tabIndex = "-1";
@@ -26354,7 +26791,7 @@ function getTransformOriginValue(transformOrigin2) {
 function resolveAnchorEl(anchorEl) {
   return typeof anchorEl === "function" ? anchorEl() : anchorEl;
 }
-const useUtilityClasses$Z = (ownerState) => {
+const useUtilityClasses$Y = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -26432,7 +26869,7 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref)
     transitionDuration: transitionDurationProp,
     TransitionProps
   };
-  const classes2 = useUtilityClasses$Z(ownerState);
+  const classes2 = useUtilityClasses$Y(ownerState);
   const getAnchorOffset = React.useCallback(() => {
     if (anchorReference === "anchorPosition") {
       {
@@ -26871,7 +27308,7 @@ const LTR_ORIGIN = {
   vertical: "top",
   horizontal: "left"
 };
-const useUtilityClasses$Y = (ownerState) => {
+const useUtilityClasses$X = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -26942,7 +27379,7 @@ const Menu = /* @__PURE__ */ React.forwardRef(function Menu2(inProps, ref) {
     TransitionProps,
     variant
   };
-  const classes2 = useUtilityClasses$Y(ownerState);
+  const classes2 = useUtilityClasses$X(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = React.useRef(null);
   const handleEntering = (element, isAppearing) => {
@@ -27247,7 +27684,7 @@ function areEqualValues(a, b) {
 function isEmpty(display) {
   return display == null || typeof display === "string" && !display.trim();
 }
-const useUtilityClasses$X = (ownerState) => {
+const useUtilityClasses$W = (ownerState) => {
   const {
     classes: classes2,
     variant,
@@ -27567,7 +28004,7 @@ const SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props
     open,
     error
   };
-  const classes2 = useUtilityClasses$X(ownerState);
+  const classes2 = useUtilityClasses$W(ownerState);
   const paperProps = {
     ...MenuProps.PaperProps,
     ...(_a2 = MenuProps.slotProps) == null ? void 0 : _a2.paper
@@ -27806,7 +28243,7 @@ SelectInput.propTypes = {
    */
   variant: PropTypes.oneOf(["standard", "outlined", "filled"])
 };
-const useUtilityClasses$W = (ownerState) => {
+const useUtilityClasses$V = (ownerState) => {
   const {
     classes: classes2,
     disableUnderline,
@@ -28088,7 +28525,7 @@ const FilledInput = /* @__PURE__ */ React.forwardRef(function FilledInput2(inPro
     multiline,
     type
   };
-  const classes2 = useUtilityClasses$W(props);
+  const classes2 = useUtilityClasses$V(props);
   const filledInputComponentsProps = {
     root: {
       ownerState
@@ -28452,7 +28889,7 @@ NotchedOutline.propTypes = {
    */
   style: PropTypes.object
 };
-const useUtilityClasses$V = (ownerState) => {
+const useUtilityClasses$U = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -28630,7 +29067,7 @@ const OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(i
     type = "text",
     ...other
   } = props;
-  const classes2 = useUtilityClasses$V(props);
+  const classes2 = useUtilityClasses$U(props);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -28862,7 +29299,7 @@ OutlinedInput.propTypes = {
   value: PropTypes.any
 };
 OutlinedInput.muiName = "Input";
-const useUtilityClasses$U = (ownerState) => {
+const useUtilityClasses$T = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -28925,7 +29362,7 @@ const Select = /* @__PURE__ */ React.forwardRef(function Select2(inProps, ref) {
     variant,
     classes: classesProp
   };
-  const classes2 = useUtilityClasses$U(ownerState);
+  const classes2 = useUtilityClasses$T(ownerState);
   const {
     root: root2,
     ...restOfClasses
@@ -29150,7 +29587,7 @@ function getStepUtilityClass(slot) {
   return generateUtilityClass("MuiStep", slot);
 }
 generateUtilityClasses("MuiStep", ["root", "horizontal", "vertical", "alternativeLabel", "completed"]);
-const useUtilityClasses$T = (ownerState) => {
+const useUtilityClasses$S = (ownerState) => {
   const {
     classes: classes2,
     orientation,
@@ -29241,7 +29678,7 @@ const Step = /* @__PURE__ */ React.forwardRef(function Step2(inProps, ref) {
     expanded,
     component
   };
-  const classes2 = useUtilityClasses$T(ownerState);
+  const classes2 = useUtilityClasses$S(ownerState);
   const newChildren = /* @__PURE__ */ jsxRuntimeExports.jsxs(StepRoot, {
     as: component,
     className: clsx$1(classes2.root, className),
@@ -29323,7 +29760,7 @@ function getStepIconUtilityClass(slot) {
 }
 const stepIconClasses = generateUtilityClasses("MuiStepIcon", ["root", "active", "completed", "error", "text"]);
 var _circle;
-const useUtilityClasses$S = (ownerState) => {
+const useUtilityClasses$R = (ownerState) => {
   const {
     classes: classes2,
     active,
@@ -29386,7 +29823,7 @@ const StepIcon = /* @__PURE__ */ React.forwardRef(function StepIcon2(inProps, re
     completed,
     error
   };
-  const classes2 = useUtilityClasses$S(ownerState);
+  const classes2 = useUtilityClasses$R(ownerState);
   if (typeof icon === "number" || typeof icon === "string") {
     const className = clsx$1(classNameProp, classes2.root);
     if (error) {
@@ -29470,7 +29907,7 @@ function getStepLabelUtilityClass(slot) {
   return generateUtilityClass("MuiStepLabel", slot);
 }
 const stepLabelClasses = generateUtilityClasses("MuiStepLabel", ["root", "horizontal", "vertical", "label", "active", "completed", "error", "disabled", "iconContainer", "alternativeLabel", "labelContainer"]);
-const useUtilityClasses$R = (ownerState) => {
+const useUtilityClasses$Q = (ownerState) => {
   const {
     classes: classes2,
     orientation,
@@ -29607,7 +30044,7 @@ const StepLabel = /* @__PURE__ */ React.forwardRef(function StepLabel2(inProps,
     error,
     orientation
   };
-  const classes2 = useUtilityClasses$R(ownerState);
+  const classes2 = useUtilityClasses$Q(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps: {
@@ -29739,7 +30176,7 @@ function getStepConnectorUtilityClass(slot) {
   return generateUtilityClass("MuiStepConnector", slot);
 }
 generateUtilityClasses("MuiStepConnector", ["root", "horizontal", "vertical", "alternativeLabel", "active", "completed", "disabled", "line", "lineHorizontal", "lineVertical"]);
-const useUtilityClasses$Q = (ownerState) => {
+const useUtilityClasses$P = (ownerState) => {
   const {
     classes: classes2,
     orientation,
@@ -29847,7 +30284,7 @@ const StepConnector = /* @__PURE__ */ React.forwardRef(function StepConnector2(i
     completed,
     disabled
   };
-  const classes2 = useUtilityClasses$Q(ownerState);
+  const classes2 = useUtilityClasses$P(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(StepConnectorRoot, {
     className: clsx$1(classes2.root, className),
     ref,
@@ -29877,7 +30314,7 @@ StepConnector.propTypes = {
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };
-const useUtilityClasses$P = (ownerState) => {
+const useUtilityClasses$O = (ownerState) => {
   const {
     orientation,
     nonLinear,
@@ -29948,7 +30385,7 @@ const Stepper = /* @__PURE__ */ React.forwardRef(function Stepper2(inProps, ref)
     orientation,
     component
   };
-  const classes2 = useUtilityClasses$P(ownerState);
+  const classes2 = useUtilityClasses$O(ownerState);
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const steps2 = childrenArray.map((step, index) => {
     return /* @__PURE__ */ React.cloneElement(step, {
@@ -30034,7 +30471,7 @@ function getSwitchUtilityClass(slot) {
   return generateUtilityClass("MuiSwitch", slot);
 }
 const switchClasses = generateUtilityClasses("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]);
-const useUtilityClasses$O = (ownerState) => {
+const useUtilityClasses$N = (ownerState) => {
   const {
     classes: classes2,
     edge,
@@ -30238,7 +30675,7 @@ const Switch = /* @__PURE__ */ React.forwardRef(function Switch2(inProps, ref) {
     edge,
     size: size2
   };
-  const classes2 = useUtilityClasses$O(ownerState);
+  const classes2 = useUtilityClasses$N(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps
@@ -30431,7 +30868,7 @@ function getTableCellUtilityClass(slot) {
   return generateUtilityClass("MuiTableCell", slot);
 }
 const tableCellClasses = generateUtilityClasses("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]);
-const useUtilityClasses$N = (ownerState) => {
+const useUtilityClasses$M = (ownerState) => {
   const {
     classes: classes2,
     variant,
@@ -30605,7 +31042,7 @@ const TableCell = /* @__PURE__ */ React.forwardRef(function TableCell2(inProps,
     stickyHeader: variant === "head" && table && table.stickyHeader,
     variant
   };
-  const classes2 = useUtilityClasses$N(ownerState);
+  const classes2 = useUtilityClasses$M(ownerState);
   let ariaSort = null;
   if (sortDirection) {
     ariaSort = sortDirection === "asc" ? "ascending" : "descending";
@@ -30693,7 +31130,7 @@ const variantComponent = {
   filled: FilledInput,
   outlined: OutlinedInput
 };
-const useUtilityClasses$M = (ownerState) => {
+const useUtilityClasses$L = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -30760,7 +31197,7 @@ const TextField = /* @__PURE__ */ React.forwardRef(function TextField2(inProps,
     select,
     variant
   };
-  const classes2 = useUtilityClasses$M(ownerState);
+  const classes2 = useUtilityClasses$L(ownerState);
   {
     if (select && !children) {
       console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
@@ -31096,7 +31533,7 @@ const tooltipClasses = generateUtilityClasses("MuiTooltip", ["popper", "popperIn
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
-const useUtilityClasses$L = (ownerState) => {
+const useUtilityClasses$K = (ownerState) => {
   const {
     classes: classes2,
     disableInteractive,
@@ -31659,7 +32096,7 @@ const Tooltip = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, ref)
       modifiers: tooltipModifiers
     };
   }, [arrowRef, PopperProps.popperOptions, resolvedPopperProps == null ? void 0 : resolvedPopperProps.popperOptions]);
-  const classes2 = useUtilityClasses$L(ownerState);
+  const classes2 = useUtilityClasses$K(ownerState);
   const resolvedTransitionProps = typeof slotProps.transition === "function" ? slotProps.transition(ownerState) : slotProps.transition;
   const externalForwardedProps = {
     slots: {
@@ -31931,6 +32368,183 @@ Tooltip.propTypes = {
    */
   TransitionProps: PropTypes.object
 };
+function getInputAdornmentUtilityClass(slot) {
+  return generateUtilityClass("MuiInputAdornment", slot);
+}
+const inputAdornmentClasses = generateUtilityClasses("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+var _span;
+const overridesResolver = (props, styles2) => {
+  const {
+    ownerState
+  } = props;
+  return [styles2.root, styles2[`position${capitalize(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
+};
+const useUtilityClasses$J = (ownerState) => {
+  const {
+    classes: classes2,
+    disablePointerEvents,
+    hiddenLabel,
+    position: position2,
+    size: size2,
+    variant
+  } = ownerState;
+  const slots = {
+    root: ["root", disablePointerEvents && "disablePointerEvents", position2 && `position${capitalize(position2)}`, variant, hiddenLabel && "hiddenLabel", size2 && `size${capitalize(size2)}`]
+  };
+  return composeClasses(slots, getInputAdornmentUtilityClass, classes2);
+};
+const InputAdornmentRoot = styled("div", {
+  name: "MuiInputAdornment",
+  slot: "Root",
+  overridesResolver
+})(memoTheme(({
+  theme
+}) => ({
+  display: "flex",
+  maxHeight: "2em",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  color: (theme.vars || theme).palette.action.active,
+  variants: [{
+    props: {
+      variant: "filled"
+    },
+    style: {
+      [`&.${inputAdornmentClasses.positionStart}&:not(.${inputAdornmentClasses.hiddenLabel})`]: {
+        marginTop: 16
+      }
+    }
+  }, {
+    props: {
+      position: "start"
+    },
+    style: {
+      marginRight: 8
+    }
+  }, {
+    props: {
+      position: "end"
+    },
+    style: {
+      marginLeft: 8
+    }
+  }, {
+    props: {
+      disablePointerEvents: true
+    },
+    style: {
+      pointerEvents: "none"
+    }
+  }]
+})));
+const InputAdornment$1 = /* @__PURE__ */ React.forwardRef(function InputAdornment2(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiInputAdornment"
+  });
+  const {
+    children,
+    className,
+    component = "div",
+    disablePointerEvents = false,
+    disableTypography = false,
+    position: position2,
+    variant: variantProp,
+    ...other
+  } = props;
+  const muiFormControl = useFormControl() || {};
+  let variant = variantProp;
+  if (variantProp && muiFormControl.variant) {
+    {
+      if (variantProp === muiFormControl.variant) {
+        console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one.");
+      }
+    }
+  }
+  if (muiFormControl && !variant) {
+    variant = muiFormControl.variant;
+  }
+  const ownerState = {
+    ...props,
+    hiddenLabel: muiFormControl.hiddenLabel,
+    size: muiFormControl.size,
+    disablePointerEvents,
+    position: position2,
+    variant
+  };
+  const classes2 = useUtilityClasses$J(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlContext.Provider, {
+    value: null,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornmentRoot, {
+      as: component,
+      ownerState,
+      className: clsx$1(classes2.root, className),
+      ref,
+      ...other,
+      children: typeof children === "string" && !disableTypography ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, {
+        color: "textSecondary",
+        children
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
+        children: [position2 === "start" ? (
+          /* notranslate needed while Google Translate will not fix zero-width space issue */
+          _span || (_span = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+            className: "notranslate",
+            "aria-hidden": true,
+            children: "​"
+          }))
+        ) : null, children]
+      })
+    })
+  });
+});
+InputAdornment$1.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component, normally an `IconButton` or string.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * Disable pointer events on the root.
+   * This allows for the content of the adornment to focus the `input` on click.
+   * @default false
+   */
+  disablePointerEvents: PropTypes.bool,
+  /**
+   * If children is a string then disable wrapping in a Typography component.
+   * @default false
+   */
+  disableTypography: PropTypes.bool,
+  /**
+   * The position this adornment should appear relative to the `Input`.
+   */
+  position: PropTypes.oneOf(["end", "start"]).isRequired,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * The variant to use.
+   * Note: If you are using the `TextField` component or the `FormControl` component
+   * you do not have to set this manually.
+   */
+  variant: PropTypes.oneOf(["filled", "outlined", "standard"])
+};
 const AddIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {
   d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
 }), "Add");
@@ -33280,7 +33894,7 @@ function wrap(input) {
   return result;
 }
 const _excluded$X = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "isValidating", "debounceMs", "isProcessingProps", "onValueChange", "slotProps"];
-const useUtilityClasses$K = (ownerState) => {
+const useUtilityClasses$I = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -33316,7 +33930,7 @@ const GridEditInputCell = forwardRef((props, ref) => {
   const apiRef = useGridApiContext();
   const inputRef = React.useRef(null);
   const [valueState, setValueState] = React.useState(value);
-  const classes2 = useUtilityClasses$K(rootProps);
+  const classes2 = useUtilityClasses$I(rootProps);
   const handleChange = React.useCallback(async (event) => {
     const newValue = event.target.value;
     if (onValueChange) {
@@ -34483,7 +35097,7 @@ function variablesToString(variables) {
   return output;
 }
 const _excluded$V = ["open", "target", "onClose", "children", "position", "className", "onExited"];
-const useUtilityClasses$J = (ownerState) => {
+const useUtilityClasses$H = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -34514,7 +35128,7 @@ function GridMenu(props) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$V);
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$J(rootProps);
+  const classes2 = useUtilityClasses$H(rootProps);
   const variablesClass = useCSSVariablesClass();
   const savedFocusRef = React.useRef(null);
   useEnhancedEffect$1(() => {
@@ -35084,7 +35698,7 @@ let PinnedColumnPosition = /* @__PURE__ */ function(PinnedColumnPosition2) {
   return PinnedColumnPosition2;
 }({});
 const _excluded$T = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "hasFocus", "tabIndex", "hideDescendantCount"];
-const useUtilityClasses$I = (ownerState) => {
+const useUtilityClasses$G = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -35103,7 +35717,7 @@ function GridBooleanCellRaw(props) {
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$I(ownerState);
+  const classes2 = useUtilityClasses$G(ownerState);
   const maxDepth = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
   const isServerSideRowGroupingRow = (
     // @ts-expect-error - Access tree data prop
@@ -35194,7 +35808,7 @@ const renderBooleanCell = (params) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridBooleanCell, _extends$2({}, params));
 };
 const _excluded$S = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange"];
-const useUtilityClasses$H = (ownerState) => {
+const useUtilityClasses$F = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -35221,7 +35835,7 @@ function GridEditBooleanCell(props) {
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$H(ownerState);
+  const classes2 = useUtilityClasses$F(ownerState);
   const handleChange = React.useCallback(async (event) => {
     const newValue = event.target.checked;
     if (onValueChange) {
@@ -35779,7 +36393,7 @@ const findRowsToDeselect = (apiRef, tree, deselectedRow, autoSelectDescendants,
   }
 };
 const _excluded$Q = ["field", "id", "formattedValue", "row", "rowNode", "colDef", "isEditable", "cellMode", "hasFocus", "tabIndex", "api"];
-const useUtilityClasses$G = (ownerState) => {
+const useUtilityClasses$E = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -35801,7 +36415,7 @@ const GridCellCheckboxForwardRef = forwardRef(function GridCellCheckboxRenderer2
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$G(ownerState);
+  const classes2 = useUtilityClasses$E(ownerState);
   const handleChange = (event) => {
     const params = {
       value: event.target.checked,
@@ -36038,7 +36652,7 @@ const gridVisibleRowsSelector = createSelectorMemoized(gridPaginationEnabledClie
   };
 });
 const _excluded$P = ["field", "colDef"];
-const useUtilityClasses$F = (ownerState) => {
+const useUtilityClasses$D = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -36056,7 +36670,7 @@ const GridHeaderCheckbox = forwardRef(function GridHeaderCheckbox2(props, ref) {
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$F(ownerState);
+  const classes2 = useUtilityClasses$D(ownerState);
   const tabIndexState = useGridSelector(apiRef, gridTabIndexColumnHeaderSelector);
   const selection = useGridSelector(apiRef, gridRowSelectionStateSelector);
   const visibleRowIds = useGridSelector(apiRef, gridExpandedSortedRowIdsSelector);
@@ -36433,7 +37047,7 @@ const _excluded$N = ["id", "value", "formattedValue", "api", "field", "row", "ro
 const StyledInputBase = styled(NotRendered)({
   fontSize: "inherit"
 });
-const useUtilityClasses$E = (ownerState) => {
+const useUtilityClasses$C = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -36482,7 +37096,7 @@ function GridEditDateCell(props) {
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$E(ownerState);
+  const classes2 = useUtilityClasses$C(ownerState);
   const parseValueToDate = React.useCallback((value) => {
     if (value === "") {
       return null;
@@ -37645,7 +38259,7 @@ function getTotalHeaderHeight(apiRef, props) {
 }
 const CLIFF = 1;
 const SLOP = 1.5;
-const useUtilityClasses$D = (ownerState) => {
+const useUtilityClasses$B = (ownerState) => {
   const {
     scrollDirection,
     classes: classes2
@@ -37722,7 +38336,7 @@ function GridScrollAreaContent(props) {
   const ownerState = _extends$2({}, rootProps, {
     scrollDirection
   });
-  const classes2 = useUtilityClasses$D(ownerState);
+  const classes2 = useUtilityClasses$B(ownerState);
   const totalHeaderHeight = getTotalHeaderHeight(apiRef, rootProps);
   const headerHeight = Math.floor(rootProps.columnHeaderHeight * densityFactor);
   const style2 = {
@@ -38700,7 +39314,7 @@ const GridOverlayWrapperInner = styled$1("div", {
   shouldForwardProp: (prop) => prop !== "overlayType" && prop !== "loadingOverlayVariant",
   overridesResolver: (props, styles2) => styles2.overlayWrapperInner
 })({});
-const useUtilityClasses$C = (ownerState) => {
+const useUtilityClasses$A = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -38718,7 +39332,7 @@ function GridOverlayWrapper(props) {
   if (height2 === 0) {
     height2 = minimalContentHeight;
   }
-  const classes2 = useUtilityClasses$C(_extends$2({}, props, {
+  const classes2 = useUtilityClasses$A(_extends$2({}, props, {
     classes: rootProps.classes
   }));
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapperRoot, _extends$2({
@@ -38871,7 +39485,7 @@ const GridMainContainer = forwardRef((props, ref) => {
     }), props.children]
   }));
 });
-const useUtilityClasses$B = () => {
+const useUtilityClasses$z = () => {
   const slots = {
     root: ["topContainer"]
   };
@@ -38883,13 +39497,13 @@ const Element$2 = styled$1("div")({
   top: 0
 });
 function GridTopContainer(props) {
-  const classes2 = useUtilityClasses$B();
+  const classes2 = useUtilityClasses$z();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Element$2, _extends$2({}, props, {
     className: clsx$1(classes2.root, gridClasses["container--top"]),
     role: "presentation"
   }));
 }
-const useUtilityClasses$A = (props, overflowedContent) => {
+const useUtilityClasses$y = (props, overflowedContent) => {
   const {
     classes: classes2
   } = props;
@@ -38912,7 +39526,7 @@ const GridVirtualScrollerContent = forwardRef(function GridVirtualScrollerConten
   var _a2;
   const rootProps = useGridRootProps();
   const overflowedContent = !rootProps.autoHeight && ((_a2 = props.style) == null ? void 0 : _a2.minHeight) === "auto";
-  const classes2 = useUtilityClasses$A(rootProps, overflowedContent);
+  const classes2 = useUtilityClasses$y(rootProps, overflowedContent);
   const ownerState = {
     classes: rootProps.classes,
     overflowedContent
@@ -38988,7 +39602,7 @@ function GridVirtualScrollerFiller({
 }
 const Memoized$2 = fastMemo(GridVirtualScrollerFiller);
 const _excluded$J = ["className"];
-const useUtilityClasses$z = (ownerState) => {
+const useUtilityClasses$x = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -39013,7 +39627,7 @@ const GridVirtualScrollerRenderZone = forwardRef(function GridVirtualScrollerRen
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$J);
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$z(rootProps);
+  const classes2 = useUtilityClasses$x(rootProps);
   const offsetTop = useGridSelector(apiRef, () => {
     const renderContext = gridRenderContextSelector(apiRef);
     const rowsMeta = gridRowsMetaSelector(apiRef);
@@ -39109,7 +39723,7 @@ class GridGetRowsError extends Error {
     this.cause = options.cause;
   }
 }
-const useUtilityClasses$y = (ownerState, position2) => {
+const useUtilityClasses$w = (ownerState, position2) => {
   const {
     classes: classes2
   } = ownerState;
@@ -39164,7 +39778,7 @@ const GridVirtualScrollbar = forwardRef(function GridVirtualScrollbar2(props, re
   const lastPosition = React.useRef(0);
   const scrollbarRef = React.useRef(null);
   const contentRef = React.useRef(null);
-  const classes2 = useUtilityClasses$y(rootProps, props.position);
+  const classes2 = useUtilityClasses$w(rootProps, props.position);
   const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
   const propertyDimension = props.position === "vertical" ? "height" : "width";
   const propertyScroll = props.position === "vertical" ? "scrollTop" : "scrollLeft";
@@ -39241,7 +39855,7 @@ const GridVirtualScrollbar = forwardRef(function GridVirtualScrollbar2(props, re
     })
   });
 });
-const useUtilityClasses$x = (ownerState) => {
+const useUtilityClasses$v = (ownerState) => {
   const {
     classes: classes2,
     hasScrollX,
@@ -39300,7 +39914,7 @@ function GridVirtualScroller(props) {
     hasScrollX,
     hasPinnedRight
   }, overlaysProps);
-  const classes2 = useUtilityClasses$x(ownerState);
+  const classes2 = useUtilityClasses$v(ownerState);
   const virtualScroller = useGridVirtualScroller();
   const {
     getContainerProps,
@@ -39445,7 +40059,7 @@ const _excluded$I = ["column", "row", "rowId", "rowNode", "align", "children", "
   [PinnedColumnPosition.NONE]: void 0,
   [PinnedColumnPosition.VIRTUAL]: void 0
 });
-const useUtilityClasses$w = (ownerState) => {
+const useUtilityClasses$u = (ownerState) => {
   const {
     align,
     showLeftBorder,
@@ -39559,7 +40173,7 @@ const GridCell = forwardRef(function GridCell2(props, ref) {
     isSelected,
     isSelectionMode
   };
-  const classes2 = useUtilityClasses$w(ownerState);
+  const classes2 = useUtilityClasses$u(ownerState);
   const publishMouseUp = React.useCallback((eventName) => (event) => {
     const params = apiRef.current.getCellParams(rowId, field || "");
     apiRef.current.publishEvent(eventName, params, event);
@@ -39726,7 +40340,7 @@ const CONTENT_WIDTH_RANGE_BY_TYPE = {
   dateTime: [60, 80],
   singleSelect: [40, 80]
 };
-const useUtilityClasses$v = (ownerState) => {
+const useUtilityClasses$t = (ownerState) => {
   const {
     align,
     classes: classes2,
@@ -39755,7 +40369,7 @@ function GridSkeletonCell(props) {
     align,
     empty
   };
-  const classes2 = useUtilityClasses$v(ownerState);
+  const classes2 = useUtilityClasses$t(ownerState);
   const skeletonProps = React.useMemo(() => {
     const isCircularContent = type === "boolean" || type === "actions";
     if (isCircularContent) {
@@ -40803,7 +41417,7 @@ function GridHeader() {
   });
 }
 const _excluded$G = ["className", "children"];
-const useUtilityClasses$u = (ownerState, density) => {
+const useUtilityClasses$s = (ownerState, density) => {
   const {
     autoHeight,
     classes: classes2,
@@ -40831,7 +41445,7 @@ const GridRoot = forwardRef(function GridRoot2(props, ref) {
   }, [apiRef]);
   const handleRef = useForkRef$1(rootElementRef, ref, rootMountCallback);
   const ownerState = rootProps;
-  const classes2 = useUtilityClasses$u(ownerState, density);
+  const classes2 = useUtilityClasses$s(ownerState, density);
   const cssVariables = useCSSVariablesContext();
   const isSSR2 = useIsSSR();
   if (isSSR2) {
@@ -40859,7 +41473,7 @@ GridRoot.propTypes = {
 };
 const MemoizedGridRoot = fastMemo(GridRoot);
 const _excluded$F = ["className"];
-const useUtilityClasses$t = (ownerState) => {
+const useUtilityClasses$r = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -40884,7 +41498,7 @@ const GridFooterContainer = forwardRef(function GridFooterContainer2(props, ref)
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$F);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$t(rootProps);
+  const classes2 = useUtilityClasses$r(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridFooterContainerRoot, _extends$2({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -40900,7 +41514,7 @@ GridFooterContainer.propTypes = {
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };
 const _excluded$E = ["className"];
-const useUtilityClasses$s = (ownerState) => {
+const useUtilityClasses$q = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -40928,7 +41542,7 @@ const GridOverlay = forwardRef(function GridOverlay2(props, ref) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$E);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$s(rootProps);
+  const classes2 = useUtilityClasses$q(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayRoot, _extends$2({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -40976,7 +41590,7 @@ function useToolbarContext() {
   return context;
 }
 const _excluded$D = ["render", "className"];
-const useUtilityClasses$r = (ownerState) => {
+const useUtilityClasses$p = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -41005,7 +41619,7 @@ const Toolbar$1 = forwardRef(function Toolbar2(props, ref) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$D);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$r(rootProps);
+  const classes2 = useUtilityClasses$p(rootProps);
   const [focusableItemId, setFocusableItemId] = React.useState(null);
   const [items, setItems] = React.useState([]);
   const registerItem = React.useCallback((id, itemRef) => {
@@ -41204,7 +41818,7 @@ ToolbarButton.propTypes = {
   title: PropTypes.string,
   touchRippleRef: PropTypes.any
 };
-const useUtilityClasses$q = (ownerState) => {
+const useUtilityClasses$o = (ownerState) => {
   const {
     classes: classes2,
     open
@@ -41229,7 +41843,7 @@ const ColumnHeaderMenuIcon = /* @__PURE__ */ React.memo((props) => {
   const ownerState = _extends$2({}, props, {
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$q(ownerState);
+  const classes2 = useUtilityClasses$o(ownerState);
   const handleMenuIconClick = React.useCallback((event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -41507,7 +42121,7 @@ function parseCellColIndex(col) {
   return Number(ariaColIndex) - 1;
 }
 const _excluded$B = ["className", "aria-label"];
-const useUtilityClasses$p = (ownerState) => {
+const useUtilityClasses$n = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -41532,7 +42146,7 @@ const ColumnHeaderInnerTitle = forwardRef(function ColumnHeaderInnerTitle2(props
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$B);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$p(rootProps);
+  const classes2 = useUtilityClasses$n(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderTitleRoot, _extends$2({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -41584,7 +42198,7 @@ var GridColumnHeaderSeparatorSides = /* @__PURE__ */ function(GridColumnHeaderSe
   GridColumnHeaderSeparatorSides2["Right"] = "right";
   return GridColumnHeaderSeparatorSides2;
 }(GridColumnHeaderSeparatorSides || {});
-const useUtilityClasses$o = (ownerState) => {
+const useUtilityClasses$m = (ownerState) => {
   const {
     resizable,
     resizing,
@@ -41607,7 +42221,7 @@ function GridColumnHeaderSeparatorRaw(props) {
     side,
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$o(ownerState);
+  const classes2 = useUtilityClasses$m(ownerState);
   const stopClick = React.useCallback((event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -41719,7 +42333,7 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
     }, columnHeaderSeparatorProps)), columnMenu]
   }));
 });
-const useUtilityClasses$n = (ownerState) => {
+const useUtilityClasses$l = (ownerState) => {
   const {
     colDef,
     classes: classes2,
@@ -41801,7 +42415,7 @@ function GridColumnHeaderItem(props) {
     showRightBorder,
     showLeftBorder
   });
-  const classes2 = useUtilityClasses$n(ownerState);
+  const classes2 = useUtilityClasses$l(ownerState);
   const publish = React.useCallback((eventName) => (event) => {
     if (isEventTargetInPortal(event)) {
       return;
@@ -41948,7 +42562,7 @@ GridColumnHeaderItem.propTypes = {
 };
 const Memoized = fastMemo(GridColumnHeaderItem);
 const _excluded$y = ["className"];
-const useUtilityClasses$m = (ownerState) => {
+const useUtilityClasses$k = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -41971,7 +42585,7 @@ const GridIconButtonContainer = forwardRef(function GridIconButtonContainer2(pro
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$y);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$m(rootProps);
+  const classes2 = useUtilityClasses$k(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridIconButtonContainerRoot, _extends$2({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -41980,7 +42594,7 @@ const GridIconButtonContainer = forwardRef(function GridIconButtonContainer2(pro
   }));
 });
 const _excluded$x = ["direction", "index", "sortingOrder", "disabled"];
-const useUtilityClasses$l = (ownerState) => {
+const useUtilityClasses$j = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -42018,7 +42632,7 @@ function GridColumnHeaderSortIconRaw(props) {
   const ownerState = _extends$2({}, props, {
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$l(ownerState);
+  const classes2 = useUtilityClasses$j(ownerState);
   const iconElement = getIcon(rootProps.slots, direction, classes2.icon, sortingOrder);
   if (!iconElement) {
     return null;
@@ -42053,7 +42667,7 @@ GridColumnHeaderSortIconRaw.propTypes = {
   index: PropTypes.number,
   sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(["asc", "desc"])).isRequired
 };
-const useUtilityClasses$k = (ownerState) => {
+const useUtilityClasses$i = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -42089,7 +42703,7 @@ function GridColumnHeaderFilterIconButton(props) {
   const ownerState = _extends$2({}, props, {
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$k(ownerState);
+  const classes2 = useUtilityClasses$i(ownerState);
   const labelId = useId();
   const isOpen = useGridSelector(apiRef, gridPreferencePanelSelectorWithLabel, labelId);
   const panelId = useId();
@@ -42622,7 +43236,7 @@ GridColumnMenu.propTypes = {
   slots: PropTypes.object
 };
 const _excluded$t = ["className"];
-const useUtilityClasses$j = (ownerState) => {
+const useUtilityClasses$h = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -42647,7 +43261,7 @@ const GridPanelWrapper = forwardRef(function GridPanelWrapper2(props, ref) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$t);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$j(rootProps);
+  const classes2 = useUtilityClasses$h(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelWrapperRoot, _extends$2({
     tabIndex: -1,
     className: clsx$1(classes2.root, className),
@@ -42756,7 +43370,7 @@ GridPanel.propTypes = {
   target: PropTypes.any
 };
 const _excluded$r = ["className"];
-const useUtilityClasses$i = (ownerState) => {
+const useUtilityClasses$g = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -42782,7 +43396,7 @@ function GridPanelContent(props) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$r);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$i(rootProps);
+  const classes2 = useUtilityClasses$g(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelContentRoot, _extends$2({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -42796,7 +43410,7 @@ GridPanelContent.propTypes = {
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };
 const _excluded$q = ["className"];
-const useUtilityClasses$h = (ownerState) => {
+const useUtilityClasses$f = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -42820,7 +43434,7 @@ function GridPanelFooter(props) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$q);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$h(rootProps);
+  const classes2 = useUtilityClasses$f(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelFooterRoot, _extends$2({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -42834,7 +43448,7 @@ GridPanelFooter.propTypes = {
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };
 const _excluded$p = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterChanges", "showMultiFilterOperators", "disableMultiFilterOperator", "applyMultiFilterOperatorChanges", "focusElementRef", "logicOperators", "columnsSort", "filterColumns", "deleteIconProps", "logicOperatorInputProps", "operatorInputProps", "columnInputProps", "valueInputProps", "readOnly", "children"], _excluded2$6 = ["InputComponentProps"];
-const useUtilityClasses$g = (ownerState) => {
+const useUtilityClasses$e = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -42937,7 +43551,7 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
   const operatorSelectId = useId();
   const operatorSelectLabelId = useId();
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$g(rootProps);
+  const classes2 = useUtilityClasses$e(rootProps);
   const valueRef = React.useRef(null);
   const filterSelectorRef = React.useRef(null);
   const multiFilterOperator = filterModel.logicOperator ?? GridLogicOperator.And;
@@ -43567,7 +44181,7 @@ function GridShadowScrollArea(props) {
     children
   }));
 }
-const useUtilityClasses$f = (ownerState) => {
+const useUtilityClasses$d = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -43590,7 +44204,7 @@ function GridColumnsManagement(props) {
   const columnVisibilityModel = useGridSelector(apiRef, gridColumnVisibilityModelSelector);
   const rootProps = useGridRootProps();
   const [searchValue, setSearchValue] = React.useState("");
-  const classes2 = useUtilityClasses$f(rootProps);
+  const classes2 = useUtilityClasses$d(rootProps);
   const {
     sort,
     searchPredicate = defaultSearchPredicate,
@@ -44504,7 +45118,7 @@ QuickFilterTrigger.propTypes = {
   touchRippleRef: PropTypes.any
 };
 const _excluded$h = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "className", "slotProps"], _excluded2$4 = ["ref", "slotProps"];
-const useUtilityClasses$e = (ownerState) => {
+const useUtilityClasses$c = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -44557,7 +45171,7 @@ function GridToolbarQuickFilter(props) {
     classes: rootProps.classes,
     expanded: false
   };
-  const classes2 = useUtilityClasses$e(ownerState);
+  const classes2 = useUtilityClasses$c(ownerState);
   const {
     quickFilterParser,
     quickFilterFormatter,
@@ -44932,7 +45546,7 @@ ExportPrint.propTypes = {
   touchRippleRef: PropTypes.any
 };
 const _excluded$c = ["className"], _excluded2$3 = ["className"];
-const useUtilityClasses$d = (ownerState) => {
+const useUtilityClasses$b = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -44964,7 +45578,7 @@ const Label = styled$1("span", {
 function GridToolbarDivider(props) {
   const other = _objectWithoutPropertiesLoose(props, _excluded$c);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$d(rootProps);
+  const classes2 = useUtilityClasses$b(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, _extends$2({
     as: rootProps.slots.baseDivider,
     orientation: "vertical",
@@ -44982,7 +45596,7 @@ GridToolbarDivider.propTypes = {
 function GridToolbarLabel(props) {
   const other = _objectWithoutPropertiesLoose(props, _excluded2$3);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$d(rootProps);
+  const classes2 = useUtilityClasses$b(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Label, _extends$2({
     className: classes2.label
   }, other));
@@ -45102,7 +45716,7 @@ GridToolbar.propTypes = {
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 };
 const _excluded$b = ["className", "selectedRowCount"];
-const useUtilityClasses$c = (ownerState) => {
+const useUtilityClasses$a = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -45135,7 +45749,7 @@ const GridSelectedRowCount = forwardRef(function GridSelectedRowCount2(props, re
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$b);
   const apiRef = useGridApiContext();
   const ownerState = useGridRootProps();
-  const classes2 = useUtilityClasses$c(ownerState);
+  const classes2 = useUtilityClasses$a(ownerState);
   const rowSelectedText = apiRef.current.getLocaleText("footerRowSelected")(selectedRowCount);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridSelectedRowCountRoot, _extends$2({
     className: clsx$1(classes2.root, className),
@@ -45245,7 +45859,7 @@ const SkeletonOverlay = styled$1("div", {
   overflow: "clip"
   // y axis is hidden while the x axis is allowed to overflow
 });
-const useUtilityClasses$b = (ownerState) => {
+const useUtilityClasses$9 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -45261,7 +45875,7 @@ const GridSkeletonLoadingOverlayInner = forwardRef(function GridSkeletonLoadingO
     slots
   } = rootProps;
   const isRtl = useRtl();
-  const classes2 = useUtilityClasses$b({
+  const classes2 = useUtilityClasses$9({
     classes: rootProps.classes
   });
   const ref = React.useRef(null);
@@ -45572,7 +46186,7 @@ GridPagination.propTypes = {
   component: PropTypes.elementType
 };
 const _excluded$8 = ["className", "rowCount", "visibleRowCount"];
-const useUtilityClasses$a = (ownerState) => {
+const useUtilityClasses$8 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -45598,7 +46212,7 @@ const GridRowCount = forwardRef(function GridRowCount2(props, ref) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$8);
   const apiRef = useGridApiContext();
   const ownerState = useGridRootProps();
-  const classes2 = useUtilityClasses$a(ownerState);
+  const classes2 = useUtilityClasses$8(ownerState);
   if (rowCount === 0) {
     return null;
   }
@@ -51441,7 +52055,7 @@ const useGridRowSelection = (apiRef, props) => {
     }
   }, []);
 };
-const useUtilityClasses$9 = (ownerState) => {
+const useUtilityClasses$7 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -51457,7 +52071,7 @@ const useGridRowSelectionPreProcessors = (apiRef, props) => {
   const ownerState = {
     classes: props.classes
   };
-  const classes2 = useUtilityClasses$9(ownerState);
+  const classes2 = useUtilityClasses$7(ownerState);
   const updateSelectionColumn = React.useCallback((columnsState) => {
     const selectionColumn = _extends$2({}, GRID_CHECKBOX_SELECTION_COL_DEF, {
       cellClassName: classes2.cellCheckbox,
@@ -53771,7 +54385,7 @@ const useDataGridComponent = (inputApiRef, props) => {
   useGridDataSource(apiRef, props);
   return apiRef;
 };
-const useUtilityClasses$8 = (ownerState) => {
+const useUtilityClasses$6 = (ownerState) => {
   const {
     classes: classes2,
     headerAlign,
@@ -53841,7 +54455,7 @@ function GridColumnGroupHeader(props) {
   const label = headerName ?? groupId;
   const id = useId();
   const elementId = groupId === null ? `empty-group-cell-${id}` : groupId;
-  const classes2 = useUtilityClasses$8(ownerState);
+  const classes2 = useUtilityClasses$6(ownerState);
   React.useLayoutEffect(() => {
     if (hasFocus) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
@@ -54183,7 +54797,7 @@ const useGridColumnHeaders = (props) => {
   };
 };
 const _excluded$3 = ["className"];
-const useUtilityClasses$7 = (ownerState) => {
+const useUtilityClasses$5 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -54207,7 +54821,7 @@ const GridBaseColumnHeaders = forwardRef(function GridColumnHeaders(props, ref)
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$3);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$7(rootProps);
+  const classes2 = useUtilityClasses$5(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeadersRoot, _extends$2({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -54364,7 +54978,7 @@ const badgeClasses = generateUtilityClasses("MuiBadge", [
 ]);
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;
-const useUtilityClasses$6 = (ownerState) => {
+const useUtilityClasses$4 = (ownerState) => {
   const {
     color: color2,
     anchorOrigin,
@@ -54626,7 +55240,7 @@ const Badge = /* @__PURE__ */ React.forwardRef(function Badge2(inProps, ref) {
     overlap,
     variant
   };
-  const classes2 = useUtilityClasses$6(ownerState);
+  const classes2 = useUtilityClasses$4(ownerState);
   const externalForwardedProps = {
     slots: {
       root: (slots == null ? void 0 : slots.root) ?? components.Root,
@@ -54777,614 +55391,6 @@ Badge.propTypes = {
    */
   variant: PropTypes.oneOfType([PropTypes.oneOf(["dot", "standard"]), PropTypes.string])
 };
-function getLinearProgressUtilityClass(slot) {
-  return generateUtilityClass("MuiLinearProgress", slot);
-}
-generateUtilityClasses("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "bar1", "bar2", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
-const TRANSITION_DURATION = 4;
-const indeterminate1Keyframe = keyframes`
-  0% {
-    left: -35%;
-    right: 100%;
-  }
-
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-
-  100% {
-    left: 100%;
-    right: -90%;
-  }
-`;
-const indeterminate1Animation = typeof indeterminate1Keyframe !== "string" ? css`
-        animation: ${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      ` : null;
-const indeterminate2Keyframe = keyframes`
-  0% {
-    left: -200%;
-    right: 100%;
-  }
-
-  60% {
-    left: 107%;
-    right: -8%;
-  }
-
-  100% {
-    left: 107%;
-    right: -8%;
-  }
-`;
-const indeterminate2Animation = typeof indeterminate2Keyframe !== "string" ? css`
-        animation: ${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      ` : null;
-const bufferKeyframe = keyframes`
-  0% {
-    opacity: 1;
-    background-position: 0 -23px;
-  }
-
-  60% {
-    opacity: 0;
-    background-position: 0 -23px;
-  }
-
-  100% {
-    opacity: 1;
-    background-position: -200px -23px;
-  }
-`;
-const bufferAnimation = typeof bufferKeyframe !== "string" ? css`
-        animation: ${bufferKeyframe} 3s infinite linear;
-      ` : null;
-const useUtilityClasses$5 = (ownerState) => {
-  const {
-    classes: classes2,
-    variant,
-    color: color2
-  } = ownerState;
-  const slots = {
-    root: ["root", `color${capitalize(color2)}`, variant],
-    dashed: ["dashed", `dashedColor${capitalize(color2)}`],
-    bar1: ["bar", "bar1", `barColor${capitalize(color2)}`, (variant === "indeterminate" || variant === "query") && "bar1Indeterminate", variant === "determinate" && "bar1Determinate", variant === "buffer" && "bar1Buffer"],
-    bar2: ["bar", "bar2", variant !== "buffer" && `barColor${capitalize(color2)}`, variant === "buffer" && `color${capitalize(color2)}`, (variant === "indeterminate" || variant === "query") && "bar2Indeterminate", variant === "buffer" && "bar2Buffer"]
-  };
-  return composeClasses(slots, getLinearProgressUtilityClass, classes2);
-};
-const getColorShade = (theme, color2) => {
-  if (theme.vars) {
-    return theme.vars.palette.LinearProgress[`${color2}Bg`];
-  }
-  return theme.palette.mode === "light" ? lighten(theme.palette[color2].main, 0.62) : darken(theme.palette[color2].main, 0.5);
-};
-const LinearProgressRoot = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, styles2[`color${capitalize(ownerState.color)}`], styles2[ownerState.variant]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  position: "relative",
-  overflow: "hidden",
-  display: "block",
-  height: 4,
-  // Fix Safari's bug during composition of different paint.
-  zIndex: 0,
-  "@media print": {
-    colorAdjust: "exact"
-  },
-  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2
-    },
-    style: {
-      backgroundColor: getColorShade(theme, color2)
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.color === "inherit" && ownerState.variant !== "buffer",
-    style: {
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        left: 0,
-        top: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "currentColor",
-        opacity: 0.3
-      }
-    }
-  }, {
-    props: {
-      variant: "buffer"
-    },
-    style: {
-      backgroundColor: "transparent"
-    }
-  }, {
-    props: {
-      variant: "query"
-    },
-    style: {
-      transform: "rotate(180deg)"
-    }
-  }]
-})));
-const LinearProgressDashed = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Dashed",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.dashed, styles2[`dashedColor${capitalize(ownerState.color)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  position: "absolute",
-  marginTop: 0,
-  height: "100%",
-  width: "100%",
-  backgroundSize: "10px 10px",
-  backgroundPosition: "0 -23px",
-  variants: [{
-    props: {
-      color: "inherit"
-    },
-    style: {
-      opacity: 0.3,
-      backgroundImage: `radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)`
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => {
-    const backgroundColor2 = getColorShade(theme, color2);
-    return {
-      props: {
-        color: color2
-      },
-      style: {
-        backgroundImage: `radial-gradient(${backgroundColor2} 0%, ${backgroundColor2} 16%, transparent 42%)`
-      }
-    };
-  })]
-})), bufferAnimation || {
-  // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
-  animation: `${bufferKeyframe} 3s infinite linear`
-});
-const LinearProgressBar1 = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Bar1",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.bar, styles2.bar1, styles2[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar1Indeterminate, ownerState.variant === "determinate" && styles2.bar1Determinate, ownerState.variant === "buffer" && styles2.bar1Buffer];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  width: "100%",
-  position: "absolute",
-  left: 0,
-  bottom: 0,
-  top: 0,
-  transition: "transform 0.2s linear",
-  transformOrigin: "left",
-  variants: [{
-    props: {
-      color: "inherit"
-    },
-    style: {
-      backgroundColor: "currentColor"
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2
-    },
-    style: {
-      backgroundColor: (theme.vars || theme).palette[color2].main
-    }
-  })), {
-    props: {
-      variant: "determinate"
-    },
-    style: {
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  }, {
-    props: {
-      variant: "buffer"
-    },
-    style: {
-      zIndex: 1,
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: {
-      width: "auto"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: indeterminate1Animation || {
-      animation: `${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
-    }
-  }]
-})));
-const LinearProgressBar2 = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Bar2",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.bar, styles2.bar2, styles2[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar2Indeterminate, ownerState.variant === "buffer" && styles2.bar2Buffer];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  width: "100%",
-  position: "absolute",
-  left: 0,
-  bottom: 0,
-  top: 0,
-  transition: "transform 0.2s linear",
-  transformOrigin: "left",
-  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2
-    },
-    style: {
-      "--LinearProgressBar2-barColor": (theme.vars || theme).palette[color2].main
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.variant !== "buffer" && ownerState.color !== "inherit",
-    style: {
-      backgroundColor: "var(--LinearProgressBar2-barColor, currentColor)"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant !== "buffer" && ownerState.color === "inherit",
-    style: {
-      backgroundColor: "currentColor"
-    }
-  }, {
-    props: {
-      color: "inherit"
-    },
-    style: {
-      opacity: 0.3
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2,
-      variant: "buffer"
-    },
-    style: {
-      backgroundColor: getColorShade(theme, color2),
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: {
-      width: "auto"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: indeterminate2Animation || {
-      animation: `${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
-    }
-  }]
-})));
-const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiLinearProgress"
-  });
-  const {
-    className,
-    color: color2 = "primary",
-    value,
-    valueBuffer,
-    variant = "indeterminate",
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    color: color2,
-    variant
-  };
-  const classes2 = useUtilityClasses$5(ownerState);
-  const isRtl = useRtl();
-  const rootProps = {};
-  const inlineStyles = {
-    bar1: {},
-    bar2: {}
-  };
-  if (variant === "determinate" || variant === "buffer") {
-    if (value !== void 0) {
-      rootProps["aria-valuenow"] = Math.round(value);
-      rootProps["aria-valuemin"] = 0;
-      rootProps["aria-valuemax"] = 100;
-      let transform = value - 100;
-      if (isRtl) {
-        transform = -transform;
-      }
-      inlineStyles.bar1.transform = `translateX(${transform}%)`;
-    } else {
-      console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
-    }
-  }
-  if (variant === "buffer") {
-    if (valueBuffer !== void 0) {
-      let transform = (valueBuffer || 0) - 100;
-      if (isRtl) {
-        transform = -transform;
-      }
-      inlineStyles.bar2.transform = `translateX(${transform}%)`;
-    } else {
-      console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
-    }
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LinearProgressRoot, {
-    className: clsx$1(classes2.root, className),
-    ownerState,
-    role: "progressbar",
-    ...rootProps,
-    ref,
-    ...other,
-    children: [variant === "buffer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressDashed, {
-      className: classes2.dashed,
-      ownerState
-    }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar1, {
-      className: classes2.bar1,
-      ownerState,
-      style: inlineStyles.bar1
-    }), variant === "determinate" ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar2, {
-      className: classes2.bar2,
-      ownerState,
-      style: inlineStyles.bar2
-    })]
-  });
-});
-LinearProgress.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: PropTypes.oneOfType([PropTypes.oneOf(["inherit", "primary", "secondary"]), PropTypes.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The value of the progress indicator for the determinate and buffer variants.
-   * Value between 0 and 100.
-   */
-  value: PropTypes.number,
-  /**
-   * The value for the buffer variant.
-   * Value between 0 and 100.
-   */
-  valueBuffer: PropTypes.number,
-  /**
-   * The variant to use.
-   * Use indeterminate or query when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: PropTypes.oneOf(["buffer", "determinate", "indeterminate", "query"])
-};
-function getInputAdornmentUtilityClass(slot) {
-  return generateUtilityClass("MuiInputAdornment", slot);
-}
-const inputAdornmentClasses = generateUtilityClasses("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
-var _span;
-const overridesResolver = (props, styles2) => {
-  const {
-    ownerState
-  } = props;
-  return [styles2.root, styles2[`position${capitalize(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
-};
-const useUtilityClasses$4 = (ownerState) => {
-  const {
-    classes: classes2,
-    disablePointerEvents,
-    hiddenLabel,
-    position: position2,
-    size: size2,
-    variant
-  } = ownerState;
-  const slots = {
-    root: ["root", disablePointerEvents && "disablePointerEvents", position2 && `position${capitalize(position2)}`, variant, hiddenLabel && "hiddenLabel", size2 && `size${capitalize(size2)}`]
-  };
-  return composeClasses(slots, getInputAdornmentUtilityClass, classes2);
-};
-const InputAdornmentRoot = styled("div", {
-  name: "MuiInputAdornment",
-  slot: "Root",
-  overridesResolver
-})(memoTheme(({
-  theme
-}) => ({
-  display: "flex",
-  maxHeight: "2em",
-  alignItems: "center",
-  whiteSpace: "nowrap",
-  color: (theme.vars || theme).palette.action.active,
-  variants: [{
-    props: {
-      variant: "filled"
-    },
-    style: {
-      [`&.${inputAdornmentClasses.positionStart}&:not(.${inputAdornmentClasses.hiddenLabel})`]: {
-        marginTop: 16
-      }
-    }
-  }, {
-    props: {
-      position: "start"
-    },
-    style: {
-      marginRight: 8
-    }
-  }, {
-    props: {
-      position: "end"
-    },
-    style: {
-      marginLeft: 8
-    }
-  }, {
-    props: {
-      disablePointerEvents: true
-    },
-    style: {
-      pointerEvents: "none"
-    }
-  }]
-})));
-const InputAdornment$1 = /* @__PURE__ */ React.forwardRef(function InputAdornment2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiInputAdornment"
-  });
-  const {
-    children,
-    className,
-    component = "div",
-    disablePointerEvents = false,
-    disableTypography = false,
-    position: position2,
-    variant: variantProp,
-    ...other
-  } = props;
-  const muiFormControl = useFormControl() || {};
-  let variant = variantProp;
-  if (variantProp && muiFormControl.variant) {
-    {
-      if (variantProp === muiFormControl.variant) {
-        console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one.");
-      }
-    }
-  }
-  if (muiFormControl && !variant) {
-    variant = muiFormControl.variant;
-  }
-  const ownerState = {
-    ...props,
-    hiddenLabel: muiFormControl.hiddenLabel,
-    size: muiFormControl.size,
-    disablePointerEvents,
-    position: position2,
-    variant
-  };
-  const classes2 = useUtilityClasses$4(ownerState);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlContext.Provider, {
-    value: null,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornmentRoot, {
-      as: component,
-      ownerState,
-      className: clsx$1(classes2.root, className),
-      ref,
-      ...other,
-      children: typeof children === "string" && !disableTypography ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, {
-        color: "textSecondary",
-        children
-      }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-        children: [position2 === "start" ? (
-          /* notranslate needed while Google Translate will not fix zero-width space issue */
-          _span || (_span = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-            className: "notranslate",
-            "aria-hidden": true,
-            children: "​"
-          }))
-        ) : null, children]
-      })
-    })
-  });
-});
-InputAdornment$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally an `IconButton` or string.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Disable pointer events on the root.
-   * This allows for the content of the adornment to focus the `input` on click.
-   * @default false
-   */
-  disablePointerEvents: PropTypes.bool,
-  /**
-   * If children is a string then disable wrapping in a Typography component.
-   * @default false
-   */
-  disableTypography: PropTypes.bool,
-  /**
-   * The position this adornment should appear relative to the `Input`.
-   */
-  position: PropTypes.oneOf(["end", "start"]).isRequired,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The variant to use.
-   * Note: If you are using the `TextField` component or the `FormControl` component
-   * you do not have to set this manually.
-   */
-  variant: PropTypes.oneOf(["filled", "outlined", "standard"])
-};
 function getToolbarUtilityClass(slot) {
   return generateUtilityClass("MuiToolbar", slot);
 }