@atipicus/mrs-ui 1.0.0 → 1.0.2

package/dist/overlays-Cx39IOTG.js

@@ -1,2380 +0,0 @@
-"use strict";
-const datePickers = require("./date-pickers-BMsJzi64.js");
-const React = require("react");
-const jsxRuntime = require("react/jsx-runtime");
-const dataDisplay = require("./data-display-DKx97xmI.js");
-const material = require("@mui/material");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const boxClasses = dataDisplay.generateUtilityClasses("MuiBox", ["root"]);
-const defaultTheme = dataDisplay.createTheme();
-const Box = dataDisplay.createBox({
-  themeId: dataDisplay.THEME_ID,
-  defaultTheme,
-  defaultClassName: boxClasses.root,
-  generateClassName: dataDisplay.ClassNameGenerator.generate
-});
-process.env.NODE_ENV !== "production" ? Box.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: dataDisplay.PropTypes.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object])
-} : void 0;
-const MaterialSymbol = React.forwardRef(
-  ({
-    icon,
-    size = "medium",
-    fill = 0,
-    weight = 300,
-    grade = 100,
-    color,
-    className = "",
-    sx,
-    ariaLabel,
-    ariaHidden = false,
-    onClick,
-    ...props
-  }, ref) => {
-    let fontSize;
-    let opticalSize;
-    if (size === "inherit") {
-      fontSize = "inherit";
-      opticalSize = 24;
-    } else if (typeof size === "number") {
-      fontSize = size;
-      opticalSize = size;
-    } else {
-      const sizeMap = {
-        small: { fontSize: 20, opsz: 20 },
-        medium: { fontSize: 24, opsz: 24 },
-        large: { fontSize: 36, opsz: 40 }
-      };
-      fontSize = sizeMap[size].fontSize;
-      opticalSize = sizeMap[size].opsz;
-    }
-    const fontVariationSettings = `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' ${opticalSize}`;
-    const classNames = ["material-symbols-rounded", className].filter(Boolean).join(" ");
-    const isClickable = Boolean(onClick);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      material.Box,
-      {
-        ref,
-        component: "span",
-        className: classNames,
-        "aria-label": ariaLabel,
-        "aria-hidden": ariaHidden,
-        role: ariaLabel && !ariaHidden ? "img" : void 0,
-        onClick,
-        style: {
-          // Use inline style for fontVariationSettings to ensure it renders properly
-          fontVariationSettings
-        },
-        sx: {
-          fontSize: typeof fontSize === "number" ? `${fontSize}px` : fontSize,
-          color: color || "inherit",
-          userSelect: "none",
-          cursor: isClickable ? "pointer" : "inherit",
-          ...isClickable && {
-            transition: "opacity 0.2s ease-in-out",
-            "&:hover": {
-              opacity: 0.7
-            },
-            "&:active": {
-              opacity: 0.5
-            }
-          },
-          ...sx
-        },
-        ...props,
-        children: icon
-      }
-    );
-  }
-);
-MaterialSymbol.displayName = "MaterialSymbol";
-function getCollapseUtilityClass(slot) {
-  return dataDisplay.generateUtilityClass("MuiCollapse", slot);
-}
-dataDisplay.generateUtilityClasses("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const useUtilityClasses$6 = (ownerState) => {
-  const {
-    orientation,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root", `${orientation}`],
-    entered: ["entered"],
-    hidden: ["hidden"],
-    wrapper: ["wrapper", `${orientation}`],
-    wrapperInner: ["wrapperInner", `${orientation}`]
-  };
-  return dataDisplay.composeClasses(slots, getCollapseUtilityClass, classes);
-};
-const CollapseRoot = dataDisplay.styled("div", {
-  name: "MuiCollapse",
-  slot: "Root",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.orientation], ownerState.state === "entered" && styles.entered, ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px" && styles.hidden];
-  }
-})(dataDisplay.memoTheme(({
-  theme
-}) => ({
-  height: 0,
-  overflow: "hidden",
-  transition: theme.transitions.create("height"),
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      height: "auto",
-      width: 0,
-      transition: theme.transitions.create("width")
-    }
-  }, {
-    props: {
-      state: "entered"
-    },
-    style: {
-      height: "auto",
-      overflow: "visible"
-    }
-  }, {
-    props: {
-      state: "entered",
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px",
-    style: {
-      visibility: "hidden"
-    }
-  }]
-})));
-const CollapseWrapper = dataDisplay.styled("div", {
-  name: "MuiCollapse",
-  slot: "Wrapper",
-  overridesResolver: (props, styles) => styles.wrapper
-})({
-  // Hack to get children with a negative margin to not falsify the height computation.
-  display: "flex",
-  width: "100%",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto",
-      height: "100%"
-    }
-  }]
-});
-const CollapseWrapperInner = dataDisplay.styled("div", {
-  name: "MuiCollapse",
-  slot: "WrapperInner",
-  overridesResolver: (props, styles) => styles.wrapperInner
-})({
-  width: "100%",
-  variants: [{
-    props: {
-      orientation: "horizontal"
-    },
-    style: {
-      width: "auto",
-      height: "100%"
-    }
-  }]
-});
-const Collapse = /* @__PURE__ */ React__namespace.forwardRef(function Collapse2(inProps, ref) {
-  const props = dataDisplay.useDefaultProps({
-    props: inProps,
-    name: "MuiCollapse"
-  });
-  const {
-    addEndListener,
-    children,
-    className,
-    collapsedSize: collapsedSizeProp = "0px",
-    component,
-    easing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    orientation = "vertical",
-    style,
-    timeout = dataDisplay.duration.standard,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = datePickers.Transition,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    orientation,
-    collapsedSize: collapsedSizeProp
-  };
-  const classes = useUtilityClasses$6(ownerState);
-  const theme = dataDisplay.useTheme();
-  const timer = dataDisplay.useTimeout();
-  const wrapperRef = React__namespace.useRef(null);
-  const autoTransitionDuration = React__namespace.useRef();
-  const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
-  const isHorizontal2 = orientation === "horizontal";
-  const size = isHorizontal2 ? "width" : "height";
-  const nodeRef = React__namespace.useRef(null);
-  const handleRef = dataDisplay.useForkRef(ref, nodeRef);
-  const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
-    if (callback) {
-      const node = nodeRef.current;
-      if (maybeIsAppearing === void 0) {
-        callback(node);
-      } else {
-        callback(node, maybeIsAppearing);
-      }
-    }
-  };
-  const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal2 ? "clientWidth" : "clientHeight"] : 0;
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    if (wrapperRef.current && isHorizontal2) {
-      wrapperRef.current.style.position = "absolute";
-    }
-    node.style[size] = collapsedSize;
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
-    const wrapperSize = getWrapperSize();
-    if (wrapperRef.current && isHorizontal2) {
-      wrapperRef.current.style.position = "";
-    }
-    const {
-      duration: transitionDuration,
-      easing: transitionTimingFunction
-    } = datePickers.getTransitionProps({
-      style,
-      timeout,
-      easing
-    }, {
-      mode: "enter"
-    });
-    if (timeout === "auto") {
-      const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
-      node.style.transitionDuration = `${duration2}ms`;
-      autoTransitionDuration.current = duration2;
-    } else {
-      node.style.transitionDuration = typeof transitionDuration === "string" ? transitionDuration : `${transitionDuration}ms`;
-    }
-    node.style[size] = `${wrapperSize}px`;
-    node.style.transitionTimingFunction = transitionTimingFunction;
-    if (onEntering) {
-      onEntering(node, isAppearing);
-    }
-  });
-  const handleEntered = normalizedTransitionCallback((node, isAppearing) => {
-    node.style[size] = "auto";
-    if (onEntered) {
-      onEntered(node, isAppearing);
-    }
-  });
-  const handleExit = normalizedTransitionCallback((node) => {
-    node.style[size] = `${getWrapperSize()}px`;
-    if (onExit) {
-      onExit(node);
-    }
-  });
-  const handleExited = normalizedTransitionCallback(onExited);
-  const handleExiting = normalizedTransitionCallback((node) => {
-    const wrapperSize = getWrapperSize();
-    const {
-      duration: transitionDuration,
-      easing: transitionTimingFunction
-    } = datePickers.getTransitionProps({
-      style,
-      timeout,
-      easing
-    }, {
-      mode: "exit"
-    });
-    if (timeout === "auto") {
-      const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
-      node.style.transitionDuration = `${duration2}ms`;
-      autoTransitionDuration.current = duration2;
-    } else {
-      node.style.transitionDuration = typeof transitionDuration === "string" ? transitionDuration : `${transitionDuration}ms`;
-    }
-    node.style[size] = collapsedSize;
-    node.style.transitionTimingFunction = transitionTimingFunction;
-    if (onExiting) {
-      onExiting(node);
-    }
-  });
-  const handleAddEndListener = (next) => {
-    if (timeout === "auto") {
-      timer.start(autoTransitionDuration.current || 0, next);
-    }
-    if (addEndListener) {
-      addEndListener(nodeRef.current, next);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(TransitionComponent, {
-    in: inProp,
-    onEnter: handleEnter,
-    onEntered: handleEntered,
-    onEntering: handleEntering,
-    onExit: handleExit,
-    onExited: handleExited,
-    onExiting: handleExiting,
-    addEndListener: handleAddEndListener,
-    nodeRef,
-    timeout: timeout === "auto" ? null : timeout,
-    ...other,
-    children: (state, {
-      ownerState: incomingOwnerState,
-      ...restChildProps
-    }) => /* @__PURE__ */ jsxRuntime.jsx(CollapseRoot, {
-      as: component,
-      className: dataDisplay.clsx(classes.root, className, {
-        "entered": classes.entered,
-        "exited": !inProp && collapsedSize === "0px" && classes.hidden
-      }[state]),
-      style: {
-        [isHorizontal2 ? "minWidth" : "minHeight"]: collapsedSize,
-        ...style
-      },
-      ref: handleRef,
-      ownerState: {
-        ...ownerState,
-        state
-      },
-      ...restChildProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(CollapseWrapper, {
-        ownerState: {
-          ...ownerState,
-          state
-        },
-        className: classes.wrapper,
-        ref: wrapperRef,
-        children: /* @__PURE__ */ jsxRuntime.jsx(CollapseWrapperInner, {
-          ownerState: {
-            ...ownerState,
-            state
-          },
-          className: classes.wrapperInner,
-          children
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? Collapse.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: dataDisplay.PropTypes.func,
-  /**
-   * The content node to be collapsed.
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: dataDisplay.PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: dataDisplay.PropTypes.string,
-  /**
-   * The width (horizontal) or height (vertical) of the container when collapsed.
-   * @default '0px'
-   */
-  collapsedSize: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.number, dataDisplay.PropTypes.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: dataDisplay.elementTypeAcceptingRef,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.shape({
-    enter: dataDisplay.PropTypes.string,
-    exit: dataDisplay.PropTypes.string
-  }), dataDisplay.PropTypes.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: dataDisplay.PropTypes.bool,
-  /**
-   * @ignore
-   */
-  onEnter: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntered: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntering: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExit: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExited: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExiting: dataDisplay.PropTypes.func,
-  /**
-   * The transition orientation.
-   * @default 'vertical'
-   */
-  orientation: dataDisplay.PropTypes.oneOf(["horizontal", "vertical"]),
-  /**
-   * @ignore
-   */
-  style: dataDisplay.PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default duration.standard
-   */
-  timeout: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.oneOf(["auto"]), dataDisplay.PropTypes.number, dataDisplay.PropTypes.shape({
-    appear: dataDisplay.PropTypes.number,
-    enter: dataDisplay.PropTypes.number,
-    exit: dataDisplay.PropTypes.number
-  })])
-} : void 0;
-if (Collapse) {
-  Collapse.muiSupportAuto = true;
-}
-function getDialogActionsUtilityClass(slot) {
-  return dataDisplay.generateUtilityClass("MuiDialogActions", slot);
-}
-dataDisplay.generateUtilityClasses("MuiDialogActions", ["root", "spacing"]);
-const useUtilityClasses$5 = (ownerState) => {
-  const {
-    classes,
-    disableSpacing
-  } = ownerState;
-  const slots = {
-    root: ["root", !disableSpacing && "spacing"]
-  };
-  return dataDisplay.composeClasses(slots, getDialogActionsUtilityClass, classes);
-};
-const DialogActionsRoot = dataDisplay.styled("div", {
-  name: "MuiDialogActions",
-  slot: "Root",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, !ownerState.disableSpacing && styles.spacing];
-  }
-})({
-  display: "flex",
-  alignItems: "center",
-  padding: 8,
-  justifyContent: "flex-end",
-  flex: "0 0 auto",
-  variants: [{
-    props: ({
-      ownerState
-    }) => !ownerState.disableSpacing,
-    style: {
-      "& > :not(style) ~ :not(style)": {
-        marginLeft: 8
-      }
-    }
-  }]
-});
-const DialogActions = /* @__PURE__ */ React__namespace.forwardRef(function DialogActions2(inProps, ref) {
-  const props = dataDisplay.useDefaultProps({
-    props: inProps,
-    name: "MuiDialogActions"
-  });
-  const {
-    className,
-    disableSpacing = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    disableSpacing
-  };
-  const classes = useUtilityClasses$5(ownerState);
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogActionsRoot, {
-    className: dataDisplay.clsx(classes.root, className),
-    ownerState,
-    ref,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? DialogActions.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.
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: dataDisplay.PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: dataDisplay.PropTypes.string,
-  /**
-   * If `true`, the actions do not have additional margin.
-   * @default false
-   */
-  disableSpacing: dataDisplay.PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object])
-} : void 0;
-function getDialogContentUtilityClass(slot) {
-  return dataDisplay.generateUtilityClass("MuiDialogContent", slot);
-}
-dataDisplay.generateUtilityClasses("MuiDialogContent", ["root", "dividers"]);
-function getDialogTitleUtilityClass(slot) {
-  return dataDisplay.generateUtilityClass("MuiDialogTitle", slot);
-}
-const dialogTitleClasses = dataDisplay.generateUtilityClasses("MuiDialogTitle", ["root"]);
-const useUtilityClasses$4 = (ownerState) => {
-  const {
-    classes,
-    dividers
-  } = ownerState;
-  const slots = {
-    root: ["root", dividers && "dividers"]
-  };
-  return dataDisplay.composeClasses(slots, getDialogContentUtilityClass, classes);
-};
-const DialogContentRoot = dataDisplay.styled("div", {
-  name: "MuiDialogContent",
-  slot: "Root",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.dividers && styles.dividers];
-  }
-})(dataDisplay.memoTheme(({
-  theme
-}) => ({
-  flex: "1 1 auto",
-  // Add iOS momentum scrolling for iOS < 13.0
-  WebkitOverflowScrolling: "touch",
-  overflowY: "auto",
-  padding: "20px 24px",
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.dividers,
-    style: {
-      padding: "16px 24px",
-      borderTop: `1px solid ${(theme.vars || theme).palette.divider}`,
-      borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => !ownerState.dividers,
-    style: {
-      [`.${dialogTitleClasses.root} + &`]: {
-        paddingTop: 0
-      }
-    }
-  }]
-})));
-const DialogContent = /* @__PURE__ */ React__namespace.forwardRef(function DialogContent2(inProps, ref) {
-  const props = dataDisplay.useDefaultProps({
-    props: inProps,
-    name: "MuiDialogContent"
-  });
-  const {
-    className,
-    dividers = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    dividers
-  };
-  const classes = useUtilityClasses$4(ownerState);
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogContentRoot, {
-    className: dataDisplay.clsx(classes.root, className),
-    ownerState,
-    ref,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? DialogContent.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.
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: dataDisplay.PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: dataDisplay.PropTypes.string,
-  /**
-   * Display the top and bottom dividers.
-   * @default false
-   */
-  dividers: dataDisplay.PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object])
-} : void 0;
-function getDialogUtilityClass(slot) {
-  return dataDisplay.generateUtilityClass("MuiDialog", slot);
-}
-const dialogClasses = dataDisplay.generateUtilityClasses("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]);
-const DialogContext = /* @__PURE__ */ React__namespace.createContext({});
-if (process.env.NODE_ENV !== "production") {
-  DialogContext.displayName = "DialogContext";
-}
-const DialogBackdrop = dataDisplay.styled(datePickers.Backdrop, {
-  name: "MuiDialog",
-  slot: "Backdrop",
-  overrides: (props, styles) => styles.backdrop
-})({
-  // Improve scrollable dialog support.
-  zIndex: -1
-});
-const useUtilityClasses$3 = (ownerState) => {
-  const {
-    classes,
-    scroll,
-    maxWidth,
-    fullWidth,
-    fullScreen
-  } = ownerState;
-  const slots = {
-    root: ["root"],
-    container: ["container", `scroll${dataDisplay.capitalize(scroll)}`],
-    paper: ["paper", `paperScroll${dataDisplay.capitalize(scroll)}`, `paperWidth${dataDisplay.capitalize(String(maxWidth))}`, fullWidth && "paperFullWidth", fullScreen && "paperFullScreen"]
-  };
-  return dataDisplay.composeClasses(slots, getDialogUtilityClass, classes);
-};
-const DialogRoot = dataDisplay.styled(datePickers.Modal, {
-  name: "MuiDialog",
-  slot: "Root",
-  overridesResolver: (props, styles) => styles.root
-})({
-  "@media print": {
-    // Use !important to override the Modal inline-style.
-    position: "absolute !important"
-  }
-});
-const DialogContainer = dataDisplay.styled("div", {
-  name: "MuiDialog",
-  slot: "Container",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.container, styles[`scroll${dataDisplay.capitalize(ownerState.scroll)}`]];
-  }
-})({
-  height: "100%",
-  "@media print": {
-    height: "auto"
-  },
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  variants: [{
-    props: {
-      scroll: "paper"
-    },
-    style: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center"
-    }
-  }, {
-    props: {
-      scroll: "body"
-    },
-    style: {
-      overflowY: "auto",
-      overflowX: "hidden",
-      textAlign: "center",
-      "&::after": {
-        content: '""',
-        display: "inline-block",
-        verticalAlign: "middle",
-        height: "100%",
-        width: "0"
-      }
-    }
-  }]
-});
-const DialogPaper = dataDisplay.styled(datePickers.Paper, {
-  name: "MuiDialog",
-  slot: "Paper",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.paper, styles[`scrollPaper${dataDisplay.capitalize(ownerState.scroll)}`], styles[`paperWidth${dataDisplay.capitalize(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
-  }
-})(dataDisplay.memoTheme(({
-  theme
-}) => ({
-  margin: 32,
-  position: "relative",
-  overflowY: "auto",
-  "@media print": {
-    overflowY: "visible",
-    boxShadow: "none"
-  },
-  variants: [{
-    props: {
-      scroll: "paper"
-    },
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      maxHeight: "calc(100% - 64px)"
-    }
-  }, {
-    props: {
-      scroll: "body"
-    },
-    style: {
-      display: "inline-block",
-      verticalAlign: "middle",
-      textAlign: "initial"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => !ownerState.maxWidth,
-    style: {
-      maxWidth: "calc(100% - 64px)"
-    }
-  }, {
-    props: {
-      maxWidth: "xs"
-    },
-    style: {
-      maxWidth: theme.breakpoints.unit === "px" ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
-          maxWidth: "calc(100% - 64px)"
-        }
-      }
-    }
-  }, ...Object.keys(theme.breakpoints.values).filter((maxWidth) => maxWidth !== "xs").map((maxWidth) => ({
-    props: {
-      maxWidth
-    },
-    style: {
-      maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
-          maxWidth: "calc(100% - 64px)"
-        }
-      }
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.fullWidth,
-    style: {
-      width: "calc(100% - 64px)"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.fullScreen,
-    style: {
-      margin: 0,
-      width: "100%",
-      maxWidth: "100%",
-      height: "100%",
-      maxHeight: "none",
-      borderRadius: 0,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        margin: 0,
-        maxWidth: "100%"
-      }
-    }
-  }]
-})));
-const Dialog$1 = /* @__PURE__ */ React__namespace.forwardRef(function Dialog(inProps, ref) {
-  const props = dataDisplay.useDefaultProps({
-    props: inProps,
-    name: "MuiDialog"
-  });
-  const theme = dataDisplay.useTheme();
-  const defaultTransitionDuration = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  const {
-    "aria-describedby": ariaDescribedby,
-    "aria-labelledby": ariaLabelledbyProp,
-    "aria-modal": ariaModal = true,
-    BackdropComponent,
-    BackdropProps,
-    children,
-    className,
-    disableEscapeKeyDown = false,
-    fullScreen = false,
-    fullWidth = false,
-    maxWidth = "sm",
-    onBackdropClick,
-    onClick,
-    onClose,
-    open,
-    PaperComponent = datePickers.Paper,
-    PaperProps = {},
-    scroll = "paper",
-    slots = {},
-    slotProps = {},
-    TransitionComponent = datePickers.Fade,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    disableEscapeKeyDown,
-    fullScreen,
-    fullWidth,
-    maxWidth,
-    scroll
-  };
-  const classes = useUtilityClasses$3(ownerState);
-  const backdropClick = React__namespace.useRef();
-  const handleMouseDown = (event) => {
-    backdropClick.current = event.target === event.currentTarget;
-  };
-  const handleBackdropClick = (event) => {
-    if (onClick) {
-      onClick(event);
-    }
-    if (!backdropClick.current) {
-      return;
-    }
-    backdropClick.current = null;
-    if (onBackdropClick) {
-      onBackdropClick(event);
-    }
-    if (onClose) {
-      onClose(event, "backdropClick");
-    }
-  };
-  const ariaLabelledby = dataDisplay.useId(ariaLabelledbyProp);
-  const dialogContextValue = React__namespace.useMemo(() => {
-    return {
-      titleId: ariaLabelledby
-    };
-  }, [ariaLabelledby]);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponent,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionProps,
-    paper: PaperProps,
-    backdrop: BackdropProps,
-    ...slotProps
-  };
-  const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
-  };
-  const [RootSlot, rootSlotProps] = datePickers.useSlot("root", {
-    elementType: DialogRoot,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    ownerState,
-    className: dataDisplay.clsx(classes.root, className),
-    ref
-  });
-  const [BackdropSlot, backdropSlotProps] = datePickers.useSlot("backdrop", {
-    elementType: DialogBackdrop,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    ownerState
-  });
-  const [PaperSlot, paperSlotProps] = datePickers.useSlot("paper", {
-    elementType: DialogPaper,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    ownerState,
-    className: dataDisplay.clsx(classes.paper, PaperProps.className)
-  });
-  const [ContainerSlot, containerSlotProps] = datePickers.useSlot("container", {
-    elementType: DialogContainer,
-    externalForwardedProps,
-    ownerState,
-    className: dataDisplay.clsx(classes.container)
-  });
-  const [TransitionSlot, transitionSlotProps] = datePickers.useSlot("transition", {
-    elementType: datePickers.Fade,
-    externalForwardedProps,
-    ownerState,
-    additionalProps: {
-      appear: true,
-      in: open,
-      timeout: transitionDuration,
-      role: "presentation"
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(RootSlot, {
-    closeAfterTransition: true,
-    slots: {
-      backdrop: BackdropSlot
-    },
-    slotProps: {
-      backdrop: {
-        transitionDuration,
-        as: BackdropComponent,
-        ...backdropSlotProps
-      }
-    },
-    disableEscapeKeyDown,
-    onClose,
-    open,
-    onClick: handleBackdropClick,
-    ...rootSlotProps,
-    ...other,
-    children: /* @__PURE__ */ jsxRuntime.jsx(TransitionSlot, {
-      ...transitionSlotProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ContainerSlot, {
-        onMouseDown: handleMouseDown,
-        ...containerSlotProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(PaperSlot, {
-          as: PaperComponent,
-          elevation: 24,
-          role: "dialog",
-          "aria-describedby": ariaDescribedby,
-          "aria-labelledby": ariaLabelledby,
-          "aria-modal": ariaModal,
-          ...paperSlotProps,
-          children: /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, {
-            value: dialogContextValue,
-            children
-          })
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? Dialog$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 id(s) of the element(s) that describe the dialog.
-   */
-  "aria-describedby": dataDisplay.PropTypes.string,
-  /**
-   * The id(s) of the element(s) that label the dialog.
-   */
-  "aria-labelledby": dataDisplay.PropTypes.string,
-  /**
-   * Informs assistive technologies that the element is modal.
-   * It's added on the element with role="dialog".
-   * @default true
-   */
-  "aria-modal": dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.oneOf(["false", "true"]), dataDisplay.PropTypes.bool]),
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: dataDisplay.PropTypes.elementType,
-  /**
-   * @ignore
-   */
-  BackdropProps: dataDisplay.PropTypes.object,
-  /**
-   * Dialog children, usually the included sub-components.
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: dataDisplay.PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: dataDisplay.PropTypes.string,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: dataDisplay.PropTypes.bool,
-  /**
-   * If `true`, the dialog is full-screen.
-   * @default false
-   */
-  fullScreen: dataDisplay.PropTypes.bool,
-  /**
-   * If `true`, the dialog stretches to `maxWidth`.
-   *
-   * Notice that the dialog width grow is limited by the default margin.
-   * @default false
-   */
-  fullWidth: dataDisplay.PropTypes.bool,
-  /**
-   * Determine the max-width of the dialog.
-   * The dialog width grows with the size of the screen.
-   * Set to `false` to disable `maxWidth`.
-   * @default 'sm'
-   */
-  maxWidth: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.oneOf(["xs", "sm", "md", "lg", "xl", false]), dataDisplay.PropTypes.string]),
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onClick: dataDisplay.PropTypes.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: dataDisplay.PropTypes.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: dataDisplay.PropTypes.bool.isRequired,
-  /**
-   * The component used to render the body of the dialog.
-   * @default Paper
-   */
-  PaperComponent: dataDisplay.PropTypes.elementType,
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @default {}
-   * @deprecated Use `slotProps.paper` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  PaperProps: dataDisplay.PropTypes.object,
-  /**
-   * Determine the container for scrolling the dialog.
-   * @default 'paper'
-   */
-  scroll: dataDisplay.PropTypes.oneOf(["body", "paper"]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: dataDisplay.PropTypes.shape({
-    backdrop: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    container: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    paper: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    root: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    transition: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: dataDisplay.PropTypes.shape({
-    backdrop: dataDisplay.PropTypes.elementType,
-    container: dataDisplay.PropTypes.elementType,
-    paper: dataDisplay.PropTypes.elementType,
-    root: dataDisplay.PropTypes.elementType,
-    transition: dataDisplay.PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent: dataDisplay.PropTypes.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.number, dataDisplay.PropTypes.shape({
-    appear: dataDisplay.PropTypes.number,
-    enter: dataDisplay.PropTypes.number,
-    exit: dataDisplay.PropTypes.number
-  })]),
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionProps: dataDisplay.PropTypes.object
-} : void 0;
-const PickersModalDialogRoot = dataDisplay.styled(Dialog$1)({
-  [`& .${dialogClasses.container}`]: {
-    outline: 0
-  },
-  [`& .${dialogClasses.paper}`]: {
-    outline: 0,
-    minWidth: datePickers.DIALOG_WIDTH
-  }
-});
-const PickersModalDialogContent = dataDisplay.styled(DialogContent)({
-  "&:first-of-type": {
-    padding: 0
-  }
-});
-function PickersModalDialog(props) {
-  const {
-    children,
-    slots,
-    slotProps
-  } = props;
-  const {
-    open
-  } = datePickers.usePickerContext();
-  const {
-    dismissViews,
-    onPopperExited
-  } = datePickers.usePickerPrivateContext();
-  const Dialog3 = slots?.dialog ?? PickersModalDialogRoot;
-  const Transition = slots?.mobileTransition ?? datePickers.Fade;
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog3, datePickers._extends({
-    open,
-    onClose: () => {
-      dismissViews();
-      onPopperExited?.();
-    }
-  }, slotProps?.dialog, {
-    TransitionComponent: Transition,
-    TransitionProps: slotProps?.mobileTransition,
-    PaperComponent: slots?.mobilePaper,
-    PaperProps: slotProps?.mobilePaper,
-    children: /* @__PURE__ */ jsxRuntime.jsx(PickersModalDialogContent, {
-      children
-    })
-  }));
-}
-const Dialog2 = React.forwardRef(
-  ({
-    open,
-    onClose,
-    maxWidth = "sm",
-    fullWidth = false,
-    fullScreen = false,
-    scroll = "paper",
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Dialog$1,
-      {
-        ref,
-        open,
-        onClose,
-        maxWidth,
-        fullWidth,
-        fullScreen,
-        scroll,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Dialog2.displayName = "Dialog";
-const useUtilityClasses$2 = (ownerState) => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root"]
-  };
-  return dataDisplay.composeClasses(slots, getDialogTitleUtilityClass, classes);
-};
-const DialogTitleRoot = dataDisplay.styled(dataDisplay.Typography, {
-  name: "MuiDialogTitle",
-  slot: "Root",
-  overridesResolver: (props, styles) => styles.root
-})({
-  padding: "16px 24px",
-  flex: "0 0 auto"
-});
-const DialogTitle = /* @__PURE__ */ React__namespace.forwardRef(function DialogTitle2(inProps, ref) {
-  const props = dataDisplay.useDefaultProps({
-    props: inProps,
-    name: "MuiDialogTitle"
-  });
-  const {
-    className,
-    id: idProp,
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses$2(ownerState);
-  const {
-    titleId = idProp
-  } = React__namespace.useContext(DialogContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogTitleRoot, {
-    component: "h2",
-    className: dataDisplay.clsx(classes.root, className),
-    ownerState,
-    ref,
-    variant: "h6",
-    id: idProp ?? titleId,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? DialogTitle.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.
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: dataDisplay.PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: dataDisplay.PropTypes.string,
-  /**
-   * @ignore
-   */
-  id: dataDisplay.PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object])
-} : void 0;
-function getDialogContentTextUtilityClass(slot) {
-  return dataDisplay.generateUtilityClass("MuiDialogContentText", slot);
-}
-dataDisplay.generateUtilityClasses("MuiDialogContentText", ["root"]);
-const useUtilityClasses$1 = (ownerState) => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = dataDisplay.composeClasses(slots, getDialogContentTextUtilityClass, classes);
-  return {
-    ...classes,
-    // forward classes to the Typography
-    ...composedClasses
-  };
-};
-const DialogContentTextRoot = dataDisplay.styled(dataDisplay.Typography, {
-  shouldForwardProp: (prop) => dataDisplay.rootShouldForwardProp(prop) || prop === "classes",
-  name: "MuiDialogContentText",
-  slot: "Root",
-  overridesResolver: (props, styles) => styles.root
-})({});
-const DialogContentText = /* @__PURE__ */ React__namespace.forwardRef(function DialogContentText2(inProps, ref) {
-  const props = dataDisplay.useDefaultProps({
-    props: inProps,
-    name: "MuiDialogContentText"
-  });
-  const {
-    children,
-    className,
-    ...ownerState
-  } = props;
-  const classes = useUtilityClasses$1(ownerState);
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogContentTextRoot, {
-    component: "p",
-    variant: "body1",
-    color: "textSecondary",
-    ref,
-    ownerState,
-    className: dataDisplay.clsx(classes.root, className),
-    ...props,
-    classes
-  });
-});
-process.env.NODE_ENV !== "production" ? DialogContentText.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.
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: dataDisplay.PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: dataDisplay.PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object])
-} : void 0;
-const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Dialog: Dialog2,
-  DialogActions,
-  DialogContent,
-  DialogContentText,
-  DialogTitle
-}, Symbol.toStringTag, { value: "Module" }));
-function getTranslateValue(direction, node, resolvedContainer) {
-  const rect = node.getBoundingClientRect();
-  const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
-  const containerWindow = dataDisplay.ownerWindow(node);
-  let transform;
-  if (node.fakeTransform) {
-    transform = node.fakeTransform;
-  } else {
-    const computedStyle = containerWindow.getComputedStyle(node);
-    transform = computedStyle.getPropertyValue("-webkit-transform") || computedStyle.getPropertyValue("transform");
-  }
-  let offsetX = 0;
-  let offsetY = 0;
-  if (transform && transform !== "none" && typeof transform === "string") {
-    const transformValues = transform.split("(")[1].split(")")[0].split(",");
-    offsetX = parseInt(transformValues[4], 10);
-    offsetY = parseInt(transformValues[5], 10);
-  }
-  if (direction === "left") {
-    if (containerRect) {
-      return `translateX(${containerRect.right + offsetX - rect.left}px)`;
-    }
-    return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`;
-  }
-  if (direction === "right") {
-    if (containerRect) {
-      return `translateX(-${rect.right - containerRect.left - offsetX}px)`;
-    }
-    return `translateX(-${rect.left + rect.width - offsetX}px)`;
-  }
-  if (direction === "up") {
-    if (containerRect) {
-      return `translateY(${containerRect.bottom + offsetY - rect.top}px)`;
-    }
-    return `translateY(${containerWindow.innerHeight + offsetY - rect.top}px)`;
-  }
-  if (containerRect) {
-    return `translateY(-${rect.top - containerRect.top + rect.height - offsetY}px)`;
-  }
-  return `translateY(-${rect.top + rect.height - offsetY}px)`;
-}
-function resolveContainer(containerPropProp) {
-  return typeof containerPropProp === "function" ? containerPropProp() : containerPropProp;
-}
-function setTranslateValue(direction, node, containerProp) {
-  const resolvedContainer = resolveContainer(containerProp);
-  const transform = getTranslateValue(direction, node, resolvedContainer);
-  if (transform) {
-    node.style.webkitTransform = transform;
-    node.style.transform = transform;
-  }
-}
-const Slide = /* @__PURE__ */ React__namespace.forwardRef(function Slide2(props, ref) {
-  const theme = dataDisplay.useTheme();
-  const defaultEasing = {
-    enter: theme.transitions.easing.easeOut,
-    exit: theme.transitions.easing.sharp
-  };
-  const defaultTimeout = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  const {
-    addEndListener,
-    appear = true,
-    children,
-    container: containerProp,
-    direction = "down",
-    easing: easingProp = defaultEasing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    style,
-    timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = datePickers.Transition,
-    ...other
-  } = props;
-  const childrenRef = React__namespace.useRef(null);
-  const handleRef = dataDisplay.useForkRef(dataDisplay.getReactElementRef(children), childrenRef, ref);
-  const normalizedTransitionCallback = (callback) => (isAppearing) => {
-    if (callback) {
-      if (isAppearing === void 0) {
-        callback(childrenRef.current);
-      } else {
-        callback(childrenRef.current, isAppearing);
-      }
-    }
-  };
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    setTranslateValue(direction, node, containerProp);
-    datePickers.reflow(node);
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
-    const transitionProps = datePickers.getTransitionProps({
-      timeout,
-      style,
-      easing: easingProp
-    }, {
-      mode: "enter"
-    });
-    node.style.webkitTransition = theme.transitions.create("-webkit-transform", {
-      ...transitionProps
-    });
-    node.style.transition = theme.transitions.create("transform", {
-      ...transitionProps
-    });
-    node.style.webkitTransform = "none";
-    node.style.transform = "none";
-    if (onEntering) {
-      onEntering(node, isAppearing);
-    }
-  });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback((node) => {
-    const transitionProps = datePickers.getTransitionProps({
-      timeout,
-      style,
-      easing: easingProp
-    }, {
-      mode: "exit"
-    });
-    node.style.webkitTransition = theme.transitions.create("-webkit-transform", transitionProps);
-    node.style.transition = theme.transitions.create("transform", transitionProps);
-    setTranslateValue(direction, node, containerProp);
-    if (onExit) {
-      onExit(node);
-    }
-  });
-  const handleExited = normalizedTransitionCallback((node) => {
-    node.style.webkitTransition = "";
-    node.style.transition = "";
-    if (onExited) {
-      onExited(node);
-    }
-  });
-  const handleAddEndListener = (next) => {
-    if (addEndListener) {
-      addEndListener(childrenRef.current, next);
-    }
-  };
-  const updatePosition = React__namespace.useCallback(() => {
-    if (childrenRef.current) {
-      setTranslateValue(direction, childrenRef.current, containerProp);
-    }
-  }, [direction, containerProp]);
-  React__namespace.useEffect(() => {
-    if (inProp || direction === "down" || direction === "right") {
-      return void 0;
-    }
-    const handleResize = dataDisplay.debounce(() => {
-      if (childrenRef.current) {
-        setTranslateValue(direction, childrenRef.current, containerProp);
-      }
-    });
-    const containerWindow = dataDisplay.ownerWindow(childrenRef.current);
-    containerWindow.addEventListener("resize", handleResize);
-    return () => {
-      handleResize.clear();
-      containerWindow.removeEventListener("resize", handleResize);
-    };
-  }, [direction, inProp, containerProp]);
-  React__namespace.useEffect(() => {
-    if (!inProp) {
-      updatePosition();
-    }
-  }, [inProp, updatePosition]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TransitionComponent, {
-    nodeRef: childrenRef,
-    onEnter: handleEnter,
-    onEntered: handleEntered,
-    onEntering: handleEntering,
-    onExit: handleExit,
-    onExited: handleExited,
-    onExiting: handleExiting,
-    addEndListener: handleAddEndListener,
-    appear,
-    in: inProp,
-    timeout,
-    ...other,
-    children: (state, {
-      ownerState,
-      ...restChildProps
-    }) => {
-      return /* @__PURE__ */ React__namespace.cloneElement(children, {
-        ref: handleRef,
-        style: {
-          visibility: state === "exited" && !inProp ? "hidden" : void 0,
-          ...style,
-          ...children.props.style
-        },
-        ...restChildProps
-      });
-    }
-  });
-});
-process.env.NODE_ENV !== "production" ? Slide.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: dataDisplay.PropTypes.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: dataDisplay.PropTypes.bool,
-  /**
-   * A single child content element.
-   */
-  children: dataDisplay.elementAcceptingRef.isRequired,
-  /**
-   * An HTML element, or a function that returns one.
-   * It's used to set the container the Slide is transitioning from.
-   */
-  container: dataDisplay.chainPropTypes(dataDisplay.PropTypes.oneOfType([dataDisplay.HTMLElementType, dataDisplay.PropTypes.func]), (props) => {
-    if (props.open) {
-      const resolvedContainer = resolveContainer(props.container);
-      if (resolvedContainer && resolvedContainer.nodeType === 1) {
-        const box = resolvedContainer.getBoundingClientRect();
-        if (process.env.NODE_ENV !== "test" && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(["MUI: The `container` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join("\n"));
-        }
-      } else if (!resolvedContainer || typeof resolvedContainer.getBoundingClientRect !== "function" || resolvedContainer.contextElement != null && resolvedContainer.contextElement.nodeType !== 1) {
-        return new Error(["MUI: The `container` prop provided to the component is invalid.", "It should be an HTML element instance."].join("\n"));
-      }
-    }
-    return null;
-  }),
-  /**
-   * Direction the child node will enter from.
-   * @default 'down'
-   */
-  direction: dataDisplay.PropTypes.oneOf(["down", "left", "right", "up"]),
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   * @default {
-   *   enter: theme.transitions.easing.easeOut,
-   *   exit: theme.transitions.easing.sharp,
-   * }
-   */
-  easing: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.shape({
-    enter: dataDisplay.PropTypes.string,
-    exit: dataDisplay.PropTypes.string
-  }), dataDisplay.PropTypes.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: dataDisplay.PropTypes.bool,
-  /**
-   * @ignore
-   */
-  onEnter: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntered: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntering: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExit: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExited: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExiting: dataDisplay.PropTypes.func,
-  /**
-   * @ignore
-   */
-  style: dataDisplay.PropTypes.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  timeout: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.number, dataDisplay.PropTypes.shape({
-    appear: dataDisplay.PropTypes.number,
-    enter: dataDisplay.PropTypes.number,
-    exit: dataDisplay.PropTypes.number
-  })])
-} : void 0;
-function getDrawerUtilityClass(slot) {
-  return dataDisplay.generateUtilityClass("MuiDrawer", slot);
-}
-dataDisplay.generateUtilityClasses("MuiDrawer", ["root", "docked", "paper", "anchorLeft", "anchorRight", "anchorTop", "anchorBottom", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]);
-const overridesResolver = (props, styles) => {
-  const {
-    ownerState
-  } = props;
-  return [styles.root, (ownerState.variant === "permanent" || ownerState.variant === "persistent") && styles.docked, styles.modal];
-};
-const useUtilityClasses = (ownerState) => {
-  const {
-    classes,
-    anchor,
-    variant
-  } = ownerState;
-  const slots = {
-    root: ["root", `anchor${dataDisplay.capitalize(anchor)}`],
-    docked: [(variant === "permanent" || variant === "persistent") && "docked"],
-    modal: ["modal"],
-    paper: ["paper", `paperAnchor${dataDisplay.capitalize(anchor)}`, variant !== "temporary" && `paperAnchorDocked${dataDisplay.capitalize(anchor)}`]
-  };
-  return dataDisplay.composeClasses(slots, getDrawerUtilityClass, classes);
-};
-const DrawerRoot = dataDisplay.styled(datePickers.Modal, {
-  name: "MuiDrawer",
-  slot: "Root",
-  overridesResolver
-})(dataDisplay.memoTheme(({
-  theme
-}) => ({
-  zIndex: (theme.vars || theme).zIndex.drawer
-})));
-const DrawerDockedRoot = dataDisplay.styled("div", {
-  shouldForwardProp: dataDisplay.rootShouldForwardProp,
-  name: "MuiDrawer",
-  slot: "Docked",
-  skipVariantsResolver: false,
-  overridesResolver
-})({
-  flex: "0 0 auto"
-});
-const DrawerPaper = dataDisplay.styled(datePickers.Paper, {
-  name: "MuiDrawer",
-  slot: "Paper",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.paper, styles[`paperAnchor${dataDisplay.capitalize(ownerState.anchor)}`], ownerState.variant !== "temporary" && styles[`paperAnchorDocked${dataDisplay.capitalize(ownerState.anchor)}`]];
-  }
-})(dataDisplay.memoTheme(({
-  theme
-}) => ({
-  overflowY: "auto",
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  flex: "1 0 auto",
-  zIndex: (theme.vars || theme).zIndex.drawer,
-  // Add iOS momentum scrolling for iOS < 13.0
-  WebkitOverflowScrolling: "touch",
-  // temporary style
-  position: "fixed",
-  top: 0,
-  // We disable the focus ring for mouse, touch and keyboard users.
-  // At some point, it would be better to keep it for keyboard users.
-  // :focus-ring CSS pseudo-class will help.
-  outline: 0,
-  variants: [{
-    props: {
-      anchor: "left"
-    },
-    style: {
-      left: 0
-    }
-  }, {
-    props: {
-      anchor: "top"
-    },
-    style: {
-      top: 0,
-      left: 0,
-      right: 0,
-      height: "auto",
-      maxHeight: "100%"
-    }
-  }, {
-    props: {
-      anchor: "right"
-    },
-    style: {
-      right: 0
-    }
-  }, {
-    props: {
-      anchor: "bottom"
-    },
-    style: {
-      top: "auto",
-      left: 0,
-      bottom: 0,
-      right: 0,
-      height: "auto",
-      maxHeight: "100%"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchor === "left" && ownerState.variant !== "temporary",
-    style: {
-      borderRight: `1px solid ${(theme.vars || theme).palette.divider}`
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchor === "top" && ownerState.variant !== "temporary",
-    style: {
-      borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchor === "right" && ownerState.variant !== "temporary",
-    style: {
-      borderLeft: `1px solid ${(theme.vars || theme).palette.divider}`
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchor === "bottom" && ownerState.variant !== "temporary",
-    style: {
-      borderTop: `1px solid ${(theme.vars || theme).palette.divider}`
-    }
-  }]
-})));
-const oppositeDirection = {
-  left: "right",
-  right: "left",
-  top: "down",
-  bottom: "up"
-};
-function isHorizontal(anchor) {
-  return ["left", "right"].includes(anchor);
-}
-function getAnchor({
-  direction
-}, anchor) {
-  return direction === "rtl" && isHorizontal(anchor) ? oppositeDirection[anchor] : anchor;
-}
-const Drawer$1 = /* @__PURE__ */ React__namespace.forwardRef(function Drawer(inProps, ref) {
-  const props = dataDisplay.useDefaultProps({
-    props: inProps,
-    name: "MuiDrawer"
-  });
-  const theme = dataDisplay.useTheme();
-  const isRtl = dataDisplay.useRtl();
-  const defaultTransitionDuration = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  const {
-    anchor: anchorProp = "left",
-    BackdropProps,
-    children,
-    className,
-    elevation = 16,
-    hideBackdrop = false,
-    ModalProps: {
-      BackdropProps: BackdropPropsProp,
-      ...ModalProps
-    } = {},
-    onClose,
-    open = false,
-    PaperProps = {},
-    SlideProps,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent,
-    transitionDuration = defaultTransitionDuration,
-    variant = "temporary",
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const mounted = React__namespace.useRef(false);
-  React__namespace.useEffect(() => {
-    mounted.current = true;
-  }, []);
-  const anchorInvariant = getAnchor({
-    direction: isRtl ? "rtl" : "ltr"
-  }, anchorProp);
-  const anchor = anchorProp;
-  const ownerState = {
-    ...props,
-    anchor,
-    elevation,
-    open,
-    variant,
-    ...other
-  };
-  const classes = useUtilityClasses(ownerState);
-  const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponent,
-      ...slots
-    },
-    slotProps: {
-      paper: PaperProps,
-      transition: SlideProps,
-      ...slotProps,
-      backdrop: dataDisplay.mergeSlotProps$1(slotProps.backdrop || {
-        ...BackdropProps,
-        ...BackdropPropsProp
-      }, {
-        transitionDuration
-      })
-    }
-  };
-  const [RootSlot, rootSlotProps] = datePickers.useSlot("root", {
-    ref,
-    elementType: DrawerRoot,
-    className: dataDisplay.clsx(classes.root, classes.modal, className),
-    shouldForwardComponentProp: true,
-    ownerState,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other,
-      ...ModalProps
-    },
-    additionalProps: {
-      open,
-      onClose,
-      hideBackdrop,
-      slots: {
-        backdrop: externalForwardedProps.slots.backdrop
-      },
-      slotProps: {
-        backdrop: externalForwardedProps.slotProps.backdrop
-      }
-    }
-  });
-  const [PaperSlot, paperSlotProps] = datePickers.useSlot("paper", {
-    elementType: DrawerPaper,
-    shouldForwardComponentProp: true,
-    className: dataDisplay.clsx(classes.paper, PaperProps.className),
-    ownerState,
-    externalForwardedProps,
-    additionalProps: {
-      elevation: variant === "temporary" ? elevation : 0,
-      square: true
-    }
-  });
-  const [DockedSlot, dockedSlotProps] = datePickers.useSlot("docked", {
-    elementType: DrawerDockedRoot,
-    ref,
-    className: dataDisplay.clsx(classes.root, classes.docked, className),
-    ownerState,
-    externalForwardedProps,
-    additionalProps: other
-    // pass `other` here because `DockedSlot` is also a root slot for some variants
-  });
-  const [TransitionSlot, transitionSlotProps] = datePickers.useSlot("transition", {
-    elementType: Slide,
-    ownerState,
-    externalForwardedProps,
-    additionalProps: {
-      in: open,
-      direction: oppositeDirection[anchorInvariant],
-      timeout: transitionDuration,
-      appear: mounted.current
-    }
-  });
-  const drawer = /* @__PURE__ */ jsxRuntime.jsx(PaperSlot, {
-    ...paperSlotProps,
-    children
-  });
-  if (variant === "permanent") {
-    return /* @__PURE__ */ jsxRuntime.jsx(DockedSlot, {
-      ...dockedSlotProps,
-      children: drawer
-    });
-  }
-  const slidingDrawer = /* @__PURE__ */ jsxRuntime.jsx(TransitionSlot, {
-    ...transitionSlotProps,
-    children: drawer
-  });
-  if (variant === "persistent") {
-    return /* @__PURE__ */ jsxRuntime.jsx(DockedSlot, {
-      ...dockedSlotProps,
-      children: slidingDrawer
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(RootSlot, {
-    ...rootSlotProps,
-    children: slidingDrawer
-  });
-});
-process.env.NODE_ENV !== "production" ? Drawer$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Side from which the drawer will appear.
-   * @default 'left'
-   */
-  anchor: dataDisplay.PropTypes.oneOf(["bottom", "left", "right", "top"]),
-  /**
-   * @ignore
-   */
-  BackdropProps: dataDisplay.PropTypes.object,
-  /**
-   * The content of the component.
-   */
-  children: dataDisplay.PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: dataDisplay.PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: dataDisplay.PropTypes.string,
-  /**
-   * The elevation of the drawer.
-   * @default 16
-   */
-  elevation: dataDisplay.integerPropType,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: dataDisplay.PropTypes.bool,
-  /**
-   * Props applied to the [`Modal`](https://mui.com/material-ui/api/modal/) element.
-   * @default {}
-   */
-  ModalProps: dataDisplay.PropTypes.object,
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: dataDisplay.PropTypes.func,
-  /**
-   * If `true`, the component is shown.
-   * @default false
-   */
-  open: dataDisplay.PropTypes.bool,
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  PaperProps: dataDisplay.PropTypes.object,
-  /**
-   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
-   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  SlideProps: dataDisplay.PropTypes.object,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: dataDisplay.PropTypes.shape({
-    backdrop: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    docked: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    paper: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    root: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-    transition: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: dataDisplay.PropTypes.shape({
-    backdrop: dataDisplay.PropTypes.elementType,
-    docked: dataDisplay.PropTypes.elementType,
-    paper: dataDisplay.PropTypes.elementType,
-    root: dataDisplay.PropTypes.elementType,
-    transition: dataDisplay.PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.arrayOf(dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.func, dataDisplay.PropTypes.object, dataDisplay.PropTypes.bool])), dataDisplay.PropTypes.func, dataDisplay.PropTypes.object]),
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration: dataDisplay.PropTypes.oneOfType([dataDisplay.PropTypes.number, dataDisplay.PropTypes.shape({
-    appear: dataDisplay.PropTypes.number,
-    enter: dataDisplay.PropTypes.number,
-    exit: dataDisplay.PropTypes.number
-  })]),
-  /**
-   * The variant to use.
-   * @default 'temporary'
-   */
-  variant: dataDisplay.PropTypes.oneOf(["permanent", "persistent", "temporary"])
-} : void 0;
-const Drawer2 = React.forwardRef(
-  ({
-    anchor = "left",
-    children,
-    elevation = 16,
-    hideBackdrop = false,
-    ModalProps,
-    onClose,
-    open = false,
-    slotProps,
-    slots,
-    sx,
-    transitionDuration,
-    variant = "temporary",
-    ...props
-  }, ref) => {
-    const theme = dataDisplay.useTheme();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Drawer$1,
-      {
-        ref,
-        anchor,
-        elevation,
-        hideBackdrop,
-        ModalProps,
-        onClose,
-        open,
-        slotProps,
-        slots,
-        transitionDuration,
-        variant,
-        sx: {
-          // Ensure Nunito font is applied to drawer content
-          "& .MuiDrawer-paper": {
-            fontFamily: theme.typography.fontFamily
-          },
-          ...sx
-        },
-        ...props,
-        children
-      }
-    );
-  }
-);
-Drawer2.displayName = "Drawer";
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Drawer: Drawer2
-}, Symbol.toStringTag, { value: "Module" }));
-const ExpandableNavItem = React.forwardRef(
-  ({
-    label,
-    icon,
-    isOpen = false,
-    onToggle,
-    children = [],
-    selected = false,
-    onClick,
-    ListItemButtonProps,
-    childListItemButtonProps
-  }, ref) => {
-    const theme = dataDisplay.useTheme();
-    const handleParentClick = () => {
-      if (onToggle) {
-        onToggle();
-      }
-      if (onClick) {
-        onClick();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        datePickers.ListItemButton,
-        {
-          selected,
-          onClick: handleParentClick,
-          sx: {
-            fontFamily: theme.typography.fontFamily,
-            ...ListItemButtonProps?.sx
-          },
-          ...ListItemButtonProps,
-          children: [
-            icon && /* @__PURE__ */ jsxRuntime.jsx(datePickers.ListItemIcon, { sx: { minWidth: 40 }, children: icon }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              datePickers.ListItemText,
-              {
-                primary: label,
-                primaryTypographyProps: {
-                  fontFamily: theme.typography.fontFamily,
-                  fontWeight: selected ? 600 : 400
-                }
-              }
-            ),
-            children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(MaterialSymbol, { icon: isOpen ? "expand_less" : "expand_more", size: "medium" })
-          ]
-        }
-      ),
-      children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsxRuntime.jsx(datePickers.List, { component: "div", disablePadding: true, children: children.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsxs(
-        datePickers.ListItemButton,
-        {
-          selected: child.selected,
-          onClick: child.onClick,
-          sx: {
-            pl: icon ? 9 : 4,
-            fontFamily: theme.typography.fontFamily,
-            ...childListItemButtonProps?.sx
-          },
-          ...childListItemButtonProps,
-          children: [
-            child.icon && /* @__PURE__ */ jsxRuntime.jsx(datePickers.ListItemIcon, { sx: { minWidth: 40 }, children: child.icon }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              datePickers.ListItemText,
-              {
-                primary: child.label,
-                primaryTypographyProps: {
-                  fontFamily: theme.typography.fontFamily,
-                  fontSize: "0.875rem",
-                  fontWeight: child.selected ? 600 : 400
-                }
-              }
-            )
-          ]
-        },
-        index2
-      )) }) })
-    ] });
-  }
-);
-ExpandableNavItem.displayName = "ExpandableNavItem";
-function isExpandableItem(item) {
-  return item.expandable === true;
-}
-const DrawerNavigation = React.forwardRef(
-  ({ items, width = 256, paddingTop = 32, paddingBottom = 32, sx, listSx, onItemClick }, ref) => {
-    const theme = dataDisplay.useTheme();
-    const [openItems, setOpenItems] = React.useState(() => {
-      const initial = {};
-      items.forEach((item, index2) => {
-        if (isExpandableItem(item)) {
-          const key = item.id || `item-${index2}`;
-          initial[key] = item.defaultOpen || false;
-        }
-      });
-      return initial;
-    });
-    const handleToggle = (itemId) => {
-      setOpenItems((prev) => ({
-        ...prev,
-        [itemId]: !prev[itemId]
-      }));
-    };
-    const handleItemClick = (item) => {
-      if (item.onClick) {
-        item.onClick();
-      }
-      if (onItemClick) {
-        onItemClick(item);
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box,
-      {
-        ref,
-        sx: {
-          width,
-          paddingTop: `${paddingTop}px`,
-          paddingBottom: `${paddingBottom}px`,
-          fontFamily: theme.typography.fontFamily,
-          ...sx
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          datePickers.List,
-          {
-            sx: {
-              "& .MuiListItemButton-root": {
-                fontFamily: theme.typography.fontFamily
-              },
-              ...listSx
-            },
-            children: items.map((item, index2) => {
-              const itemId = item.id || `item-${index2}`;
-              const isLast = index2 === items.length - 1;
-              if (isExpandableItem(item)) {
-                return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    ExpandableNavItem,
-                    {
-                      label: item.label,
-                      icon: item.icon,
-                      isOpen: openItems[itemId],
-                      onToggle: () => handleToggle(itemId),
-                      selected: item.selected,
-                      onClick: () => handleItemClick(item),
-                      children: item.children
-                    }
-                  ),
-                  (item.divider || !isLast && items[index2 + 1]?.divider) && /* @__PURE__ */ jsxRuntime.jsx(datePickers.Divider, { sx: { my: 1 } })
-                ] }, itemId);
-              }
-              const simpleItem = item;
-              return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  datePickers.ListItemButton,
-                  {
-                    selected: simpleItem.selected,
-                    onClick: () => handleItemClick(simpleItem),
-                    sx: {
-                      fontFamily: theme.typography.fontFamily
-                    },
-                    children: [
-                      simpleItem.icon && /* @__PURE__ */ jsxRuntime.jsx(datePickers.ListItemIcon, { sx: { minWidth: 40 }, children: simpleItem.icon }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        datePickers.ListItemText,
-                        {
-                          primary: simpleItem.label,
-                          primaryTypographyProps: {
-                            fontFamily: theme.typography.fontFamily,
-                            fontWeight: simpleItem.selected ? 600 : 400
-                          }
-                        }
-                      )
-                    ]
-                  }
-                ),
-                (simpleItem.divider || !isLast && items[index2 + 1]?.divider) && /* @__PURE__ */ jsxRuntime.jsx(datePickers.Divider, { sx: { my: 1 } })
-              ] }, itemId);
-            })
-          }
-        )
-      }
-    );
-  }
-);
-DrawerNavigation.displayName = "DrawerNavigation";
-exports.Box = Box;
-exports.Collapse = Collapse;
-exports.Dialog = Dialog2;
-exports.DialogActions = DialogActions;
-exports.DialogContent = DialogContent;
-exports.DialogContentText = DialogContentText;
-exports.DialogTitle = DialogTitle;
-exports.Drawer = Drawer2;
-exports.DrawerNavigation = DrawerNavigation;
-exports.ExpandableNavItem = ExpandableNavItem;
-exports.MaterialSymbol = MaterialSymbol;
-exports.PickersModalDialog = PickersModalDialog;
-exports.index = index$1;
-exports.index$1 = index;
-//# sourceMappingURL=overlays-Cx39IOTG.js.map