tp-react-elements-dev 1.12.5 → 1.12.7

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { forwardRef, useContext, Children, isValidElement, cloneElement, useRef, useEffect, useState, useCallback, createContext, useMemo, Component as Component$1, useId as useId$9, useReducer, memo as memo$2, Fragment, useLayoutEffect, createElement, createRef } from 'react';
+import React__default, { forwardRef, useContext, Children, isValidElement, cloneElement, useRef, useEffect, useState, useCallback, createContext, useMemo, Component as Component$1, useId as useId$8, useReducer, memo as memo$2, Fragment, useLayoutEffect, createElement, createRef } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { flushSync } from 'react-dom';
 import require$$1$1 from 'fs';
@@ -5881,10 +5881,10 @@ if (!isBrowser$3) {
   };
 }
 
-var ThemeContext$3 = /* #__PURE__ */React.createContext({});
+var ThemeContext$2 = /* #__PURE__ */React.createContext({});
 
-var useTheme$b = function useTheme() {
-  return React.useContext(ThemeContext$3);
+var useTheme$a = function useTheme() {
+  return React.useContext(ThemeContext$2);
 };
 
 var getTheme = function getTheme(outerTheme, theme) {
@@ -5902,21 +5902,21 @@ var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
     return getTheme(outerTheme, theme);
   });
 });
-var ThemeProvider$7 = function ThemeProvider(props) {
-  var theme = React.useContext(ThemeContext$3);
+var ThemeProvider$4 = function ThemeProvider(props) {
+  var theme = React.useContext(ThemeContext$2);
 
   if (props.theme !== theme) {
     theme = createCacheWithTheme(theme)(props.theme);
   }
 
-  return /*#__PURE__*/React.createElement(ThemeContext$3.Provider, {
+  return /*#__PURE__*/React.createElement(ThemeContext$2.Provider, {
     value: theme
   }, props.children);
 };
-function withTheme$1(Component) {
+function withTheme(Component) {
   var componentName = Component.displayName || Component.name || 'Component';
   var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {
-    var theme = React.useContext(ThemeContext$3);
+    var theme = React.useContext(ThemeContext$2);
     return /*#__PURE__*/React.createElement(Component, _extends({
       theme: theme,
       ref: ref
@@ -5991,7 +5991,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     className = props.className + " ";
   }
 
-  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext$3));
+  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext$2));
 
   className += cache.key + "-" + serialized.name;
   var newProps = {};
@@ -6049,7 +6049,7 @@ var jsx = function jsx(type, props) {
 var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
 
   var styles = props.styles;
-  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$3));
+  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$2));
 
   if (!isBrowser$3) {
     var _ref;
@@ -6286,7 +6286,7 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
   var content = {
     css: css,
     cx: cx,
-    theme: React.useContext(ThemeContext$3)
+    theme: React.useContext(ThemeContext$2)
   };
   var ele = props.children(content);
   hasRendered = true;
@@ -6301,16 +6301,16 @@ var emotionReact_esm = /*#__PURE__*/Object.freeze({
     CacheProvider: CacheProvider,
     ClassNames: ClassNames,
     Global: Global,
-    ThemeContext: ThemeContext$3,
-    ThemeProvider: ThemeProvider$7,
+    ThemeContext: ThemeContext$2,
+    ThemeProvider: ThemeProvider$4,
     __unsafe_useEmotionCache: __unsafe_useEmotionCache,
     get createElement () { return jsx; },
     css: css$2,
     get jsx () { return jsx; },
     keyframes: keyframes,
-    useTheme: useTheme$b,
+    useTheme: useTheme$a,
     get withEmotionCache () { return withEmotionCache; },
-    withTheme: withTheme$1
+    withTheme: withTheme
 });
 
 // eslint-disable-next-line no-undef
@@ -6440,7 +6440,7 @@ var createStyled$3 = function createStyled(tag, options) {
           mergedProps[key] = props[key];
         }
 
-        mergedProps.theme = React.useContext(ThemeContext$3);
+        mergedProps.theme = React.useContext(ThemeContext$2);
       }
 
       if (typeof props.className === 'string') {
@@ -7697,110 +7697,6 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-const cacheMap = new Map();
-
-// We might be able to remove this when this issue is fixed:
-// https://github.com/emotion-js/emotion/issues/2790
-const createEmotionCache = (options, CustomSheet) => {
-  const cache = createCache(options);
-
-  // Do the same as https://github.com/emotion-js/emotion/blob/main/packages/cache/src/index.js#L238-L245
-  cache.sheet = new CustomSheet({
-    key: cache.key,
-    nonce: cache.sheet.nonce,
-    container: cache.sheet.container,
-    speedy: cache.sheet.isSpeedy,
-    prepend: cache.sheet.prepend,
-    insertionPoint: cache.sheet.insertionPoint
-  });
-  return cache;
-};
-let insertionPoint;
-if (typeof document === 'object') {
-  // Use `insertionPoint` over `prepend`(deprecated) because it can be controlled for GlobalStyles injection order
-  // For more information, see https://github.com/mui/material-ui/issues/44597
-  insertionPoint = document.querySelector('[name="emotion-insertion-point"]');
-  if (!insertionPoint) {
-    insertionPoint = document.createElement('meta');
-    insertionPoint.setAttribute('name', 'emotion-insertion-point');
-    insertionPoint.setAttribute('content', '');
-    const head = document.querySelector('head');
-    if (head) {
-      head.prepend(insertionPoint);
-    }
-  }
-}
-function getCache$1(injectFirst, enableCssLayer) {
-  if (injectFirst || enableCssLayer) {
-    /**
-     * This is for client-side apps only.
-     * A custom sheet is required to make the GlobalStyles API injected above the insertion point.
-     * This is because the [sheet](https://github.com/emotion-js/emotion/blob/main/packages/react/src/global.js#L94-L99) does not consume the options.
-     */
-    class MyStyleSheet extends StyleSheet$1 {
-      insert(rule, options) {
-        if (this.key && this.key.endsWith('global')) {
-          this.before = insertionPoint;
-        }
-        return super.insert(rule, options);
-      }
-    }
-    const emotionCache = createEmotionCache({
-      key: 'css',
-      insertionPoint: injectFirst ? insertionPoint : undefined
-    }, MyStyleSheet);
-    if (enableCssLayer) {
-      const prevInsert = emotionCache.insert;
-      emotionCache.insert = (...args) => {
-        if (!args[1].styles.match(/^@layer\s+[^{]*$/)) {
-          // avoid nested @layer
-          args[1].styles = `@layer mui {${args[1].styles}}`;
-        }
-        return prevInsert(...args);
-      };
-    }
-    return emotionCache;
-  }
-  return undefined;
-}
-function StyledEngineProvider$2(props) {
-  const {
-    injectFirst,
-    enableCssLayer,
-    children
-  } = props;
-  const cache = React.useMemo(() => {
-    const cacheKey = `${injectFirst}-${enableCssLayer}`;
-    if (typeof document === 'object' && cacheMap.has(cacheKey)) {
-      return cacheMap.get(cacheKey);
-    }
-    const fresh = getCache$1(injectFirst, enableCssLayer);
-    cacheMap.set(cacheKey, fresh);
-    return fresh;
-  }, [injectFirst, enableCssLayer]);
-  return cache ? /*#__PURE__*/jsxRuntimeExports.jsx(CacheProvider, {
-    value: cache,
-    children: children
-  }) : children;
-}
-process.env.NODE_ENV !== "production" ? StyledEngineProvider$2.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * If `true`, the styles are wrapped in `@layer mui`.
-   * Learn more about [Cascade layers](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Cascade_layers).
-   */
-  enableCssLayer: PropTypes.bool,
-  /**
-   * By default, the styles are injected last in the <head> element of the page.
-   * As a result, they gain more specificity than any other style sheet.
-   * If you want to override MUI's styles, set this prop.
-   */
-  injectFirst: PropTypes.bool
-} : void 0;
-
 function isEmpty$3(obj) {
   return obj === undefined || obj === null || Object.keys(obj).length === 0;
 }
@@ -9545,14 +9441,14 @@ function createTheme$4(options = {}, ...args) {
 function isObjectEmpty$2(obj) {
   return Object.keys(obj).length === 0;
 }
-function useTheme$a(defaultTheme = null) {
-  const contextTheme = React.useContext(ThemeContext$3);
+function useTheme$9(defaultTheme = null) {
+  const contextTheme = React.useContext(ThemeContext$2);
   return !contextTheme || isObjectEmpty$2(contextTheme) ? defaultTheme : contextTheme;
 }
 
 const systemDefaultTheme$1 = createTheme$4();
-function useTheme$9(defaultTheme = systemDefaultTheme$1) {
-  return useTheme$a(defaultTheme);
+function useTheme$8(defaultTheme = systemDefaultTheme$1) {
+  return useTheme$9(defaultTheme);
 }
 
 function wrapGlobalLayer(styles) {
@@ -9571,7 +9467,7 @@ function GlobalStyles$7({
   themeId,
   defaultTheme = {}
 }) {
-  const upperTheme = useTheme$9(defaultTheme);
+  const upperTheme = useTheme$8(defaultTheme);
   const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
   let globalStyles = typeof styles === 'function' ? styles(resolvedTheme) : styles;
   if (resolvedTheme.modularCssLayers) {
@@ -9689,7 +9585,7 @@ function createBox$2(options = {}) {
     shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
   })(styleFunctionSx$2);
   const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
-    const theme = useTheme$9(defaultTheme);
+    const theme = useTheme$8(defaultTheme);
     const {
       className,
       component = 'div',
@@ -10144,7 +10040,7 @@ function useThemeProps$3({
   defaultTheme,
   themeId
 }) {
-  let theme = useTheme$9(defaultTheme);
+  let theme = useTheme$8(defaultTheme);
   if (themeId) {
     theme = theme[themeId] || theme;
   }
@@ -10196,10 +10092,10 @@ function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSs
 }
 
 // See https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379 for why
-const safeReact$2 = {
+const safeReact$1 = {
   ...React
 };
-const maybeReactUseSyncExternalStore = safeReact$2.useSyncExternalStore;
+const maybeReactUseSyncExternalStore = safeReact$1.useSyncExternalStore;
 function useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
   const getDefaultSnapshot = React.useCallback(() => defaultMatches, [defaultMatches]);
   const getServerSnapshot = React.useMemo(() => {
@@ -10236,7 +10132,7 @@ function unstable_createUseMediaQuery(params = {}) {
     themeId
   } = params;
   return function useMediaQuery(queryInput, options = {}) {
-    let theme = useTheme$a();
+    let theme = useTheme$9();
     if (theme && themeId) {
       theme = theme[themeId] || theme;
     }
@@ -10307,10 +10203,6 @@ function hexToRgb(color) {
     return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
   }).join(', ')})` : '';
 }
-function intToHex(int) {
-  const hex = int.toString(16);
-  return hex.length === 1 ? `0${hex}` : hex;
-}
 
 /**
  * Returns an object with the type and values of a color.
@@ -10403,22 +10295,6 @@ function recomposeColor(color) {
   return `${type}(${values})`;
 }
 
-/**
- * Converts a color from CSS rgb format to CSS hex format.
- * @param {string} color - RGB color, i.e. rgb(n, n, n)
- * @returns {string} A CSS rgb color string, i.e. #nnnnnn
- */
-function rgbToHex(color) {
-  // Idempotent
-  if (color.startsWith('#')) {
-    return color;
-  }
-  const {
-    values
-  } = decomposeColor(color);
-  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;
-}
-
 /**
  * Converts a color from hsl format to rgb format.
  * @param {string} color - HSL color values
@@ -10586,108 +10462,8 @@ function private_safeEmphasize(color, coefficient, warning) {
   }
 }
 
-// This module is based on https://github.com/airbnb/prop-types-exact repository.
-// However, in order to reduce the number of dependencies and to remove some extra safe checks
-// the module was forked.
-
-const specialProperty$2 = 'exact-prop: \u200b';
-function exactProp$4(propTypes) {
-  if (process.env.NODE_ENV === 'production') {
-    return propTypes;
-  }
-  return {
-    ...propTypes,
-    [specialProperty$2]: props => {
-      const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));
-      if (unsupportedProps.length > 0) {
-        return new Error(`The following props are not supported: ${unsupportedProps.map(prop => `\`${prop}\``).join(', ')}. Please remove them.`);
-      }
-      return null;
-    }
-  };
-}
-
-const ThemeContext$2 = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  ThemeContext$2.displayName = 'ThemeContext';
-}
-
-function useTheme$8() {
-  const theme = React.useContext(ThemeContext$2);
-  if (process.env.NODE_ENV !== 'production') {
-    // TODO: uncomment once we enable eslint-plugin-react-compiler eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/rules-of-hooks -- It's not required to run React.useDebugValue in production
-    React.useDebugValue(theme);
-  }
-  return theme;
-}
-
-const hasSymbol$1 = typeof Symbol === 'function' && Symbol.for;
-var nested$2 = hasSymbol$1 ? Symbol.for('mui.nested') : '__THEME_NESTED__';
-
-function mergeOuterLocalTheme(outerTheme, localTheme) {
-  if (typeof localTheme === 'function') {
-    const mergedTheme = localTheme(outerTheme);
-    if (process.env.NODE_ENV !== 'production') ;
-    return mergedTheme;
-  }
-  return {
-    ...outerTheme,
-    ...localTheme
-  };
-}
-
-/**
- * This component takes a `theme` prop.
- * It makes the `theme` available down the React tree thanks to React context.
- * This component should preferably be used at **the root of your component tree**.
- */
-function ThemeProvider$6(props) {
-  const {
-    children,
-    theme: localTheme
-  } = props;
-  const outerTheme = useTheme$8();
-  if (process.env.NODE_ENV !== 'production') ;
-  const theme = React.useMemo(() => {
-    const output = outerTheme === null ? {
-      ...localTheme
-    } : mergeOuterLocalTheme(outerTheme, localTheme);
-    if (output != null) {
-      output[nested$2] = outerTheme !== null;
-    }
-    return output;
-  }, [localTheme, outerTheme]);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$2.Provider, {
-    value: theme,
-    children: children
-  });
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider$6.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider$6.propTypes = exactProp$4(ThemeProvider$6.propTypes) : void 0;
-}
-
 const RtlContext = /*#__PURE__*/React.createContext();
-function RtlProvider$1({
-  value,
-  ...props
-}) {
-  return /*#__PURE__*/jsxRuntimeExports.jsx(RtlContext.Provider, {
-    value: value ?? true,
-    ...props
-  });
-}
-process.env.NODE_ENV !== "production" ? RtlProvider$1.propTypes = {
+process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node,
   value: PropTypes.bool
 } : void 0;
@@ -10697,16 +10473,7 @@ const useRtl = () => {
 };
 
 const PropsContext = /*#__PURE__*/React.createContext(undefined);
-function DefaultPropsProvider$4({
-  value,
-  children
-}) {
-  return /*#__PURE__*/jsxRuntimeExports.jsx(PropsContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-process.env.NODE_ENV !== "production" ? DefaultPropsProvider$4.propTypes /* remove-proptypes */ = {
+process.env.NODE_ENV !== "production" ? {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -10754,176 +10521,6 @@ function useDefaultProps$1({
   });
 }
 
-let globalId$2 = 0;
-
-// TODO React 17: Remove `useGlobalId` once React 17 support is removed
-function useGlobalId$2(idOverride) {
-  const [defaultId, setDefaultId] = React.useState(idOverride);
-  const id = idOverride || defaultId;
-  React.useEffect(() => {
-    if (defaultId == null) {
-      // Fallback to this default id when possible.
-      // Use the incrementing value for client-side rendering only.
-      // We can't use it server-side.
-      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
-      globalId$2 += 1;
-      setDefaultId(`mui-${globalId$2}`);
-    }
-  }, [defaultId]);
-  return id;
-}
-
-// See https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379 for why
-const safeReact$1 = {
-  ...React
-};
-const maybeReactUseId$2 = safeReact$1.useId;
-
-/**
- *
- * @example <div id={useId()} />
- * @param idOverride
- * @returns {string}
- */
-function useId$8(idOverride) {
-  // React.useId() is only available from React 17.0.0.
-  if (maybeReactUseId$2 !== undefined) {
-    const reactId = maybeReactUseId$2();
-    return reactId;
-  }
-
-  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
-  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
-  return useGlobalId$2(idOverride);
-}
-
-function useLayerOrder$1(theme) {
-  const upperTheme = useTheme$a();
-  const id = useId$8() || '';
-  const {
-    modularCssLayers
-  } = theme;
-  let layerOrder = 'mui.global, mui.components, mui.theme, mui.custom, mui.sx';
-  if (!modularCssLayers || upperTheme !== null) {
-    // skip this hook if upper theme exists.
-    layerOrder = '';
-  } else if (typeof modularCssLayers === 'string') {
-    layerOrder = modularCssLayers.replace(/mui(?!\.)/g, layerOrder);
-  } else {
-    layerOrder = `@layer ${layerOrder};`;
-  }
-  useEnhancedEffect$7(() => {
-    const head = document.querySelector('head');
-    if (!head) {
-      return;
-    }
-    const firstChild = head.firstChild;
-    if (layerOrder) {
-      // Only insert if first child doesn't have data-mui-layer-order attribute
-      if (firstChild && firstChild.hasAttribute?.('data-mui-layer-order') && firstChild.getAttribute('data-mui-layer-order') === id) {
-        return;
-      }
-      const styleElement = document.createElement('style');
-      styleElement.setAttribute('data-mui-layer-order', id);
-      styleElement.textContent = layerOrder;
-      head.prepend(styleElement);
-    } else {
-      head.querySelector(`style[data-mui-layer-order="${id}"]`)?.remove();
-    }
-  }, [layerOrder, id]);
-  if (!layerOrder) {
-    return null;
-  }
-  return /*#__PURE__*/jsxRuntimeExports.jsx(GlobalStyles$7, {
-    styles: layerOrder
-  });
-}
-
-const EMPTY_THEME = {};
-function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
-  return React.useMemo(() => {
-    const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
-    if (typeof localTheme === 'function') {
-      const mergedTheme = localTheme(resolvedTheme);
-      const result = themeId ? {
-        ...upperTheme,
-        [themeId]: mergedTheme
-      } : mergedTheme;
-      // must return a function for the private theme to NOT merge with the upper theme.
-      // see the test case "use provided theme from a callback" in ThemeProvider.test.js
-      if (isPrivate) {
-        return () => result;
-      }
-      return result;
-    }
-    return themeId ? {
-      ...upperTheme,
-      [themeId]: localTheme
-    } : {
-      ...upperTheme,
-      ...localTheme
-    };
-  }, [themeId, upperTheme, localTheme, isPrivate]);
-}
-
-/**
- * This component makes the `theme` available down the React tree.
- * It should preferably be used at **the root of your component tree**.
- *
- * <ThemeProvider theme={theme}> // existing use case
- * <ThemeProvider theme={{ id: theme }}> // theme scoping
- */
-function ThemeProvider$5(props) {
-  const {
-    children,
-    theme: localTheme,
-    themeId
-  } = props;
-  const upperTheme = useTheme$a(EMPTY_THEME);
-  const upperPrivateTheme = useTheme$8() || EMPTY_THEME;
-  if (process.env.NODE_ENV !== 'production') {
-    if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') ;
-  }
-  const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);
-  const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);
-  const rtlValue = (themeId ? engineTheme[themeId] : engineTheme).direction === 'rtl';
-  const layerOrder = useLayerOrder$1(engineTheme);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$6, {
-    theme: privateTheme,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$3.Provider, {
-      value: engineTheme,
-      children: /*#__PURE__*/jsxRuntimeExports.jsx(RtlProvider$1, {
-        value: rtlValue,
-        children: /*#__PURE__*/jsxRuntimeExports.jsxs(DefaultPropsProvider$4, {
-          value: themeId ? engineTheme[themeId].components : engineTheme.components,
-          children: [layerOrder, children]
-        })
-      })
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider$5.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
-  /**
-   * The design system's unique id for getting the corresponded theme when there are multiple design systems.
-   */
-  themeId: PropTypes.string
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider$5.propTypes = exactProp$4(ThemeProvider$5.propTypes) : void 0;
-}
-
 /* eslint-disable @typescript-eslint/naming-convention */
 
 // We need to pass an argument as `{ theme }` for PigmentCSS, but we don't want to
@@ -10951,676 +10548,6 @@ function unstable_memoTheme(styleFn) {
   };
 }
 
-/**
- * Split this component for RSC import
- */
-const DEFAULT_MODE_STORAGE_KEY = 'mode';
-const DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
-const DEFAULT_ATTRIBUTE = 'data-color-scheme';
-function InitColorSchemeScript$1(options) {
-  const {
-    defaultMode = 'system',
-    defaultLightColorScheme = 'light',
-    defaultDarkColorScheme = 'dark',
-    modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
-    attribute: initialAttribute = DEFAULT_ATTRIBUTE,
-    colorSchemeNode = 'document.documentElement',
-    nonce
-  } = options || {};
-  let setter = '';
-  let attribute = initialAttribute;
-  if (initialAttribute === 'class') {
-    attribute = '.%s';
-  }
-  if (initialAttribute === 'data') {
-    attribute = '[data-%s]';
-  }
-  if (attribute.startsWith('.')) {
-    const selector = attribute.substring(1);
-    setter += `${colorSchemeNode}.classList.remove('${selector}'.replace('%s', light), '${selector}'.replace('%s', dark));
-      ${colorSchemeNode}.classList.add('${selector}'.replace('%s', colorScheme));`;
-  }
-  const matches = attribute.match(/\[([^\]]+)\]/); // case [data-color-scheme='%s'] or [data-color-scheme]
-  if (matches) {
-    const [attr, value] = matches[1].split('=');
-    if (!value) {
-      setter += `${colorSchemeNode}.removeAttribute('${attr}'.replace('%s', light));
-      ${colorSchemeNode}.removeAttribute('${attr}'.replace('%s', dark));`;
-    }
-    setter += `
-      ${colorSchemeNode}.setAttribute('${attr}'.replace('%s', colorScheme), ${value ? `${value}.replace('%s', colorScheme)` : '""'});`;
-  } else {
-    setter += `${colorSchemeNode}.setAttribute('${attribute}', colorScheme);`;
-  }
-  return /*#__PURE__*/jsxRuntimeExports.jsx("script", {
-    suppressHydrationWarning: true,
-    nonce: typeof window === 'undefined' ? nonce : ''
-    // eslint-disable-next-line react/no-danger
-    ,
-    dangerouslySetInnerHTML: {
-      __html: `(function() {
-try {
-  let colorScheme = '';
-  const mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
-  const dark = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
-  const light = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
-  if (mode === 'system') {
-    // handle system mode
-    const mql = window.matchMedia('(prefers-color-scheme: dark)');
-    if (mql.matches) {
-      colorScheme = dark
-    } else {
-      colorScheme = light
-    }
-  }
-  if (mode === 'light') {
-    colorScheme = light;
-  }
-  if (mode === 'dark') {
-    colorScheme = dark;
-  }
-  if (colorScheme) {
-    ${setter}
-  }
-} catch(e){}})();`
-    }
-  }, "mui-color-scheme-init");
-}
-
-function noop$6() {}
-const localStorageManager$1 = ({
-  key,
-  storageWindow
-}) => {
-  if (!storageWindow && typeof window !== 'undefined') {
-    storageWindow = window;
-  }
-  return {
-    get(defaultValue) {
-      if (typeof window === 'undefined') {
-        return undefined;
-      }
-      if (!storageWindow) {
-        return defaultValue;
-      }
-      let value;
-      try {
-        value = storageWindow.localStorage.getItem(key);
-      } catch {
-        // Unsupported
-      }
-      return value || defaultValue;
-    },
-    set: value => {
-      if (storageWindow) {
-        try {
-          storageWindow.localStorage.setItem(key, value);
-        } catch {
-          // Unsupported
-        }
-      }
-    },
-    subscribe: handler => {
-      if (!storageWindow) {
-        return noop$6;
-      }
-      const listener = event => {
-        const value = event.newValue;
-        if (event.key === key) {
-          handler(value);
-        }
-      };
-      storageWindow.addEventListener('storage', listener);
-      return () => {
-        storageWindow.removeEventListener('storage', listener);
-      };
-    }
-  };
-};
-
-function noop$5() {}
-function getSystemMode(mode) {
-  if (typeof window !== 'undefined' && typeof window.matchMedia === 'function' && mode === 'system') {
-    const mql = window.matchMedia('(prefers-color-scheme: dark)');
-    if (mql.matches) {
-      return 'dark';
-    }
-    return 'light';
-  }
-  return undefined;
-}
-function processState(state, callback) {
-  if (state.mode === 'light' || state.mode === 'system' && state.systemMode === 'light') {
-    return callback('light');
-  }
-  if (state.mode === 'dark' || state.mode === 'system' && state.systemMode === 'dark') {
-    return callback('dark');
-  }
-  return undefined;
-}
-function getColorScheme(state) {
-  return processState(state, mode => {
-    if (mode === 'light') {
-      return state.lightColorScheme;
-    }
-    if (mode === 'dark') {
-      return state.darkColorScheme;
-    }
-    return undefined;
-  });
-}
-function useCurrentColorScheme$1(options) {
-  const {
-    defaultMode = 'light',
-    defaultLightColorScheme,
-    defaultDarkColorScheme,
-    supportedColorSchemes = [],
-    modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
-    storageWindow = typeof window === 'undefined' ? undefined : window,
-    storageManager = localStorageManager$1,
-    noSsr = false
-  } = options;
-  const joinedColorSchemes = supportedColorSchemes.join(',');
-  const isMultiSchemes = supportedColorSchemes.length > 1;
-  const modeStorage = React.useMemo(() => storageManager?.({
-    key: modeStorageKey,
-    storageWindow
-  }), [storageManager, modeStorageKey, storageWindow]);
-  const lightStorage = React.useMemo(() => storageManager?.({
-    key: `${colorSchemeStorageKey}-light`,
-    storageWindow
-  }), [storageManager, colorSchemeStorageKey, storageWindow]);
-  const darkStorage = React.useMemo(() => storageManager?.({
-    key: `${colorSchemeStorageKey}-dark`,
-    storageWindow
-  }), [storageManager, colorSchemeStorageKey, storageWindow]);
-  const [state, setState] = React.useState(() => {
-    const initialMode = modeStorage?.get(defaultMode) || defaultMode;
-    const lightColorScheme = lightStorage?.get(defaultLightColorScheme) || defaultLightColorScheme;
-    const darkColorScheme = darkStorage?.get(defaultDarkColorScheme) || defaultDarkColorScheme;
-    return {
-      mode: initialMode,
-      systemMode: getSystemMode(initialMode),
-      lightColorScheme,
-      darkColorScheme
-    };
-  });
-  const [isClient, setIsClient] = React.useState(noSsr || !isMultiSchemes);
-  React.useEffect(() => {
-    setIsClient(true); // to rerender the component after hydration
-  }, []);
-  const colorScheme = getColorScheme(state);
-  const setMode = React.useCallback(mode => {
-    setState(currentState => {
-      if (mode === currentState.mode) {
-        // do nothing if mode does not change
-        return currentState;
-      }
-      const newMode = mode ?? defaultMode;
-      modeStorage?.set(newMode);
-      return {
-        ...currentState,
-        mode: newMode,
-        systemMode: getSystemMode(newMode)
-      };
-    });
-  }, [modeStorage, defaultMode]);
-  const setColorScheme = React.useCallback(value => {
-    if (!value) {
-      setState(currentState => {
-        lightStorage?.set(defaultLightColorScheme);
-        darkStorage?.set(defaultDarkColorScheme);
-        return {
-          ...currentState,
-          lightColorScheme: defaultLightColorScheme,
-          darkColorScheme: defaultDarkColorScheme
-        };
-      });
-    } else if (typeof value === 'string') {
-      if (value && !joinedColorSchemes.includes(value)) ; else {
-        setState(currentState => {
-          const newState = {
-            ...currentState
-          };
-          processState(currentState, mode => {
-            if (mode === 'light') {
-              lightStorage?.set(value);
-              newState.lightColorScheme = value;
-            }
-            if (mode === 'dark') {
-              darkStorage?.set(value);
-              newState.darkColorScheme = value;
-            }
-          });
-          return newState;
-        });
-      }
-    } else {
-      setState(currentState => {
-        const newState = {
-          ...currentState
-        };
-        const newLightColorScheme = value.light === null ? defaultLightColorScheme : value.light;
-        const newDarkColorScheme = value.dark === null ? defaultDarkColorScheme : value.dark;
-        if (newLightColorScheme) {
-          if (!joinedColorSchemes.includes(newLightColorScheme)) ; else {
-            newState.lightColorScheme = newLightColorScheme;
-            lightStorage?.set(newLightColorScheme);
-          }
-        }
-        if (newDarkColorScheme) {
-          if (!joinedColorSchemes.includes(newDarkColorScheme)) ; else {
-            newState.darkColorScheme = newDarkColorScheme;
-            darkStorage?.set(newDarkColorScheme);
-          }
-        }
-        return newState;
-      });
-    }
-  }, [joinedColorSchemes, lightStorage, darkStorage, defaultLightColorScheme, defaultDarkColorScheme]);
-  const handleMediaQuery = React.useCallback(event => {
-    if (state.mode === 'system') {
-      setState(currentState => {
-        const systemMode = event?.matches ? 'dark' : 'light';
-
-        // Early exit, nothing changed.
-        if (currentState.systemMode === systemMode) {
-          return currentState;
-        }
-        return {
-          ...currentState,
-          systemMode
-        };
-      });
-    }
-  }, [state.mode]);
-
-  // Ref hack to avoid adding handleMediaQuery as a dep
-  const mediaListener = React.useRef(handleMediaQuery);
-  mediaListener.current = handleMediaQuery;
-  React.useEffect(() => {
-    if (typeof window.matchMedia !== 'function' || !isMultiSchemes) {
-      return undefined;
-    }
-    const handler = (...args) => mediaListener.current(...args);
-
-    // Always listen to System preference
-    const media = window.matchMedia('(prefers-color-scheme: dark)');
-
-    // Intentionally use deprecated listener methods to support iOS & old browsers
-    media.addListener(handler);
-    handler(media);
-    return () => {
-      media.removeListener(handler);
-    };
-  }, [isMultiSchemes]);
-
-  // Handle when localStorage has changed
-  React.useEffect(() => {
-    if (isMultiSchemes) {
-      const unsubscribeMode = modeStorage?.subscribe(value => {
-        if (!value || ['light', 'dark', 'system'].includes(value)) {
-          setMode(value || defaultMode);
-        }
-      }) || noop$5;
-      const unsubscribeLight = lightStorage?.subscribe(value => {
-        if (!value || joinedColorSchemes.match(value)) {
-          setColorScheme({
-            light: value
-          });
-        }
-      }) || noop$5;
-      const unsubscribeDark = darkStorage?.subscribe(value => {
-        if (!value || joinedColorSchemes.match(value)) {
-          setColorScheme({
-            dark: value
-          });
-        }
-      }) || noop$5;
-      return () => {
-        unsubscribeMode();
-        unsubscribeLight();
-        unsubscribeDark();
-      };
-    }
-    return undefined;
-  }, [setColorScheme, setMode, joinedColorSchemes, defaultMode, storageWindow, isMultiSchemes, modeStorage, lightStorage, darkStorage]);
-  return {
-    ...state,
-    mode: isClient ? state.mode : undefined,
-    systemMode: isClient ? state.systemMode : undefined,
-    colorScheme: isClient ? colorScheme : undefined,
-    setMode,
-    setColorScheme
-  };
-}
-
-const DISABLE_CSS_TRANSITION = '*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';
-function createCssVarsProvider$1(options) {
-  const {
-    themeId,
-    /**
-     * This `theme` object needs to follow a certain structure to
-     * be used correctly by the finel `CssVarsProvider`. It should have a
-     * `colorSchemes` key with the light and dark (and any other) palette.
-     * It should also ideally have a vars object created using `prepareCssVars`.
-     */
-    theme: defaultTheme = {},
-    modeStorageKey: defaultModeStorageKey = DEFAULT_MODE_STORAGE_KEY,
-    colorSchemeStorageKey: defaultColorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
-    disableTransitionOnChange: designSystemTransitionOnChange = false,
-    defaultColorScheme,
-    resolveTheme
-  } = options;
-  const defaultContext = {
-    allColorSchemes: [],
-    colorScheme: undefined,
-    darkColorScheme: undefined,
-    lightColorScheme: undefined,
-    mode: undefined,
-    setColorScheme: () => {},
-    setMode: () => {},
-    systemMode: undefined
-  };
-  const ColorSchemeContext = /*#__PURE__*/React.createContext(undefined);
-  if (process.env.NODE_ENV !== 'production') {
-    ColorSchemeContext.displayName = 'ColorSchemeContext';
-  }
-  const useColorScheme = () => React.useContext(ColorSchemeContext) || defaultContext;
-  const defaultColorSchemes = {};
-  const defaultComponents = {};
-  function CssVarsProvider(props) {
-    const {
-      children,
-      theme: themeProp,
-      modeStorageKey = defaultModeStorageKey,
-      colorSchemeStorageKey = defaultColorSchemeStorageKey,
-      disableTransitionOnChange = designSystemTransitionOnChange,
-      storageManager,
-      storageWindow = typeof window === 'undefined' ? undefined : window,
-      documentNode = typeof document === 'undefined' ? undefined : document,
-      colorSchemeNode = typeof document === 'undefined' ? undefined : document.documentElement,
-      disableNestedContext = false,
-      disableStyleSheetGeneration = false,
-      defaultMode: initialMode = 'system',
-      forceThemeRerender = false,
-      noSsr
-    } = props;
-    const hasMounted = React.useRef(false);
-    const upperTheme = useTheme$8();
-    const ctx = React.useContext(ColorSchemeContext);
-    const nested = !!ctx && !disableNestedContext;
-    const initialTheme = React.useMemo(() => {
-      if (themeProp) {
-        return themeProp;
-      }
-      return typeof defaultTheme === 'function' ? defaultTheme() : defaultTheme;
-    }, [themeProp]);
-    const scopedTheme = initialTheme[themeId];
-    const restThemeProp = scopedTheme || initialTheme;
-    const {
-      colorSchemes = defaultColorSchemes,
-      components = defaultComponents,
-      cssVarPrefix
-    } = restThemeProp;
-    const joinedColorSchemes = Object.keys(colorSchemes).filter(k => !!colorSchemes[k]).join(',');
-    const allColorSchemes = React.useMemo(() => joinedColorSchemes.split(','), [joinedColorSchemes]);
-    const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;
-    const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;
-    const defaultMode = colorSchemes[defaultLightColorScheme] && colorSchemes[defaultDarkColorScheme] ? initialMode : colorSchemes[restThemeProp.defaultColorScheme]?.palette?.mode || restThemeProp.palette?.mode;
-
-    // 1. Get the data about the `mode`, `colorScheme`, and setter functions.
-    const {
-      mode: stateMode,
-      setMode,
-      systemMode,
-      lightColorScheme,
-      darkColorScheme,
-      colorScheme: stateColorScheme,
-      setColorScheme
-    } = useCurrentColorScheme$1({
-      supportedColorSchemes: allColorSchemes,
-      defaultLightColorScheme,
-      defaultDarkColorScheme,
-      modeStorageKey,
-      colorSchemeStorageKey,
-      defaultMode,
-      storageManager,
-      storageWindow,
-      noSsr
-    });
-    let mode = stateMode;
-    let colorScheme = stateColorScheme;
-    if (nested) {
-      mode = ctx.mode;
-      colorScheme = ctx.colorScheme;
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      if (forceThemeRerender && !restThemeProp.vars) ;
-    }
-
-    // `colorScheme` is undefined on the server and hydration phase
-    let calculatedColorScheme = colorScheme || restThemeProp.defaultColorScheme;
-    if (restThemeProp.vars && !forceThemeRerender) {
-      calculatedColorScheme = restThemeProp.defaultColorScheme;
-    }
-    const memoTheme = React.useMemo(() => {
-      // 2. get the `vars` object that refers to the CSS custom properties
-      const themeVars = restThemeProp.generateThemeVars?.() || restThemeProp.vars;
-
-      // 3. Start composing the theme object
-      const theme = {
-        ...restThemeProp,
-        components,
-        colorSchemes,
-        cssVarPrefix,
-        vars: themeVars
-      };
-      if (typeof theme.generateSpacing === 'function') {
-        theme.spacing = theme.generateSpacing();
-      }
-
-      // 4. Resolve the color scheme and merge it to the theme
-      if (calculatedColorScheme) {
-        const scheme = colorSchemes[calculatedColorScheme];
-        if (scheme && typeof scheme === 'object') {
-          // 4.1 Merge the selected color scheme to the theme
-          Object.keys(scheme).forEach(schemeKey => {
-            if (scheme[schemeKey] && typeof scheme[schemeKey] === 'object') {
-              // shallow merge the 1st level structure of the theme.
-              theme[schemeKey] = {
-                ...theme[schemeKey],
-                ...scheme[schemeKey]
-              };
-            } else {
-              theme[schemeKey] = scheme[schemeKey];
-            }
-          });
-        }
-      }
-      return resolveTheme ? resolveTheme(theme) : theme;
-    }, [restThemeProp, calculatedColorScheme, components, colorSchemes, cssVarPrefix]);
-
-    // 5. Declaring effects
-    // 5.1 Updates the selector value to use the current color scheme which tells CSS to use the proper stylesheet.
-    const colorSchemeSelector = restThemeProp.colorSchemeSelector;
-    useEnhancedEffect$7(() => {
-      if (colorScheme && colorSchemeNode && colorSchemeSelector && colorSchemeSelector !== 'media') {
-        const selector = colorSchemeSelector;
-        let rule = colorSchemeSelector;
-        if (selector === 'class') {
-          rule = `.%s`;
-        }
-        if (selector === 'data') {
-          rule = `[data-%s]`;
-        }
-        if (selector?.startsWith('data-') && !selector.includes('%s')) {
-          // 'data-mui-color-scheme' -> '[data-mui-color-scheme="%s"]'
-          rule = `[${selector}="%s"]`;
-        }
-        if (rule.startsWith('.')) {
-          colorSchemeNode.classList.remove(...allColorSchemes.map(scheme => rule.substring(1).replace('%s', scheme)));
-          colorSchemeNode.classList.add(rule.substring(1).replace('%s', colorScheme));
-        } else {
-          const matches = rule.replace('%s', colorScheme).match(/\[([^\]]+)\]/);
-          if (matches) {
-            const [attr, value] = matches[1].split('=');
-            if (!value) {
-              // for attributes like `data-theme-dark`, `data-theme-light`
-              // remove all the existing data attributes before setting the new one
-              allColorSchemes.forEach(scheme => {
-                colorSchemeNode.removeAttribute(attr.replace(colorScheme, scheme));
-              });
-            }
-            colorSchemeNode.setAttribute(attr, value ? value.replace(/"|'/g, '') : '');
-          } else {
-            colorSchemeNode.setAttribute(rule, colorScheme);
-          }
-        }
-      }
-    }, [colorScheme, colorSchemeSelector, colorSchemeNode, allColorSchemes]);
-
-    // 5.2 Remove the CSS transition when color scheme changes to create instant experience.
-    // credit: https://github.com/pacocoursey/next-themes/blob/b5c2bad50de2d61ad7b52a9c5cdc801a78507d7a/index.tsx#L313
-    React.useEffect(() => {
-      let timer;
-      if (disableTransitionOnChange && hasMounted.current && documentNode) {
-        const css = documentNode.createElement('style');
-        css.appendChild(documentNode.createTextNode(DISABLE_CSS_TRANSITION));
-        documentNode.head.appendChild(css);
-
-        // Force browser repaint
-        (() => window.getComputedStyle(documentNode.body))();
-        timer = setTimeout(() => {
-          documentNode.head.removeChild(css);
-        }, 1);
-      }
-      return () => {
-        clearTimeout(timer);
-      };
-    }, [colorScheme, disableTransitionOnChange, documentNode]);
-    React.useEffect(() => {
-      hasMounted.current = true;
-      return () => {
-        hasMounted.current = false;
-      };
-    }, []);
-    const contextValue = React.useMemo(() => ({
-      allColorSchemes,
-      colorScheme,
-      darkColorScheme,
-      lightColorScheme,
-      mode,
-      setColorScheme,
-      setMode: process.env.NODE_ENV === 'production' ? setMode : newMode => {
-        if (memoTheme.colorSchemeSelector === 'media') ;
-        setMode(newMode);
-      },
-      systemMode
-    }), [allColorSchemes, colorScheme, darkColorScheme, lightColorScheme, mode, setColorScheme, setMode, systemMode, memoTheme.colorSchemeSelector]);
-    let shouldGenerateStyleSheet = true;
-    if (disableStyleSheetGeneration || restThemeProp.cssVariables === false || nested && upperTheme?.cssVarPrefix === cssVarPrefix) {
-      shouldGenerateStyleSheet = false;
-    }
-    const element = /*#__PURE__*/jsxRuntimeExports.jsxs(React.Fragment, {
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$5, {
-        themeId: scopedTheme ? themeId : undefined,
-        theme: memoTheme,
-        children: children
-      }), shouldGenerateStyleSheet && /*#__PURE__*/jsxRuntimeExports.jsx(GlobalStyles$8, {
-        styles: memoTheme.generateStyleSheets?.() || []
-      })]
-    });
-    if (nested) {
-      return element;
-    }
-    return /*#__PURE__*/jsxRuntimeExports.jsx(ColorSchemeContext.Provider, {
-      value: contextValue,
-      children: element
-    });
-  }
-  process.env.NODE_ENV !== "production" ? CssVarsProvider.propTypes = {
-    /**
-     * The component tree.
-     */
-    children: PropTypes.node,
-    /**
-     * The node used to attach the color-scheme attribute
-     */
-    colorSchemeNode: PropTypes.any,
-    /**
-     * localStorage key used to store `colorScheme`
-     */
-    colorSchemeStorageKey: PropTypes.string,
-    /**
-     * The default mode when the storage is empty,
-     * require the theme to have `colorSchemes` with light and dark.
-     */
-    defaultMode: PropTypes.string,
-    /**
-     * If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.
-     */
-    disableNestedContext: PropTypes.bool,
-    /**
-     * If `true`, the style sheet won't be generated.
-     *
-     * This is useful for controlling nested CssVarsProvider behavior.
-     */
-    disableStyleSheetGeneration: PropTypes.bool,
-    /**
-     * Disable CSS transitions when switching between modes or color schemes.
-     */
-    disableTransitionOnChange: PropTypes.bool,
-    /**
-     * The document to attach the attribute to.
-     */
-    documentNode: PropTypes.any,
-    /**
-     * If `true`, theme values are recalculated when the mode changes.
-     */
-    forceThemeRerender: PropTypes.bool,
-    /**
-     * The key in the local storage used to store current color scheme.
-     */
-    modeStorageKey: PropTypes.string,
-    /**
-     * If `true`, the mode will be the same value as the storage without an extra rerendering after the hydration.
-     * You should use this option in conjuction with `InitColorSchemeScript` component.
-     */
-    noSsr: PropTypes.bool,
-    /**
-     * The storage manager to be used for storing the mode and color scheme
-     * @default using `window.localStorage`
-     */
-    storageManager: PropTypes.func,
-    /**
-     * The window that attaches the 'storage' event listener.
-     * @default window
-     */
-    storageWindow: PropTypes.any,
-    /**
-     * The calculated theme object that will be passed through context.
-     */
-    theme: PropTypes.object
-  } : void 0;
-  const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;
-  const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;
-  const getInitColorSchemeScript = params => InitColorSchemeScript$1({
-    colorSchemeStorageKey: defaultColorSchemeStorageKey,
-    defaultLightColorScheme,
-    defaultDarkColorScheme,
-    modeStorageKey: defaultModeStorageKey,
-    ...params
-  });
-  return {
-    CssVarsProvider,
-    useColorScheme,
-    getInitColorSchemeScript
-  };
-}
-
 /**
  * The benefit of this function is to help developers get CSS var from theme without specifying the whole variable
  * and they does not need to remember the prefix (defined once).
@@ -12447,7 +11374,7 @@ function createGrid$1(options = {}) {
     // This will allow adding custom styled fn (for example for custom sx style function)
     createStyledComponent = defaultCreateStyledComponent$1,
     useThemeProps = useThemePropsDefault$1,
-    useTheme = useTheme$9,
+    useTheme = useTheme$8,
     componentName = 'MuiGrid'
   } = options;
   const useUtilityClasses = (ownerState, theme) => {
@@ -12725,85 +11652,6 @@ function createStack$1(options = {}) {
   return Stack;
 }
 
-function adaptV4Theme(inputTheme) {
-  if (process.env.NODE_ENV !== 'production') ;
-  const {
-    defaultProps = {},
-    mixins = {},
-    overrides = {},
-    palette = {},
-    props = {},
-    styleOverrides = {},
-    ...other
-  } = inputTheme;
-  const theme = {
-    ...other,
-    components: {}
-  };
-
-  // default props
-  Object.keys(defaultProps).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.defaultProps = defaultProps[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(props).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.defaultProps = props[component];
-    theme.components[component] = componentValue;
-  });
-
-  // CSS overrides
-  Object.keys(styleOverrides).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = styleOverrides[component];
-    theme.components[component] = componentValue;
-  });
-  Object.keys(overrides).forEach(component => {
-    const componentValue = theme.components[component] || {};
-    componentValue.styleOverrides = overrides[component];
-    theme.components[component] = componentValue;
-  });
-
-  // theme.spacing
-  theme.spacing = createSpacing$1(inputTheme.spacing);
-
-  // theme.mixins.gutters
-  const breakpoints = createBreakpoints$1(inputTheme.breakpoints || {});
-  const spacing = theme.spacing;
-  theme.mixins = {
-    gutters: (styles = {}) => {
-      return {
-        paddingLeft: spacing(2),
-        paddingRight: spacing(2),
-        ...styles,
-        [breakpoints.up('sm')]: {
-          paddingLeft: spacing(3),
-          paddingRight: spacing(3),
-          ...styles[breakpoints.up('sm')]
-        }
-      };
-    },
-    ...mixins
-  };
-  const {
-    type: typeInput,
-    mode: modeInput,
-    ...paletteRest
-  } = palette;
-  const finalMode = modeInput || typeInput || 'light';
-  theme.palette = {
-    // theme.palette.text.hint
-    text: {
-      hint: finalMode === 'dark' ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.38)'
-    },
-    mode: finalMode,
-    type: finalMode,
-    ...paletteRest
-  };
-  return theme;
-}
-
 var reactIs = {exports: {}};
 
 var reactIs_production = {};
@@ -13962,7 +12810,6 @@ function shouldSkipGeneratingVar$1(keys) {
  * @internal These variables should not appear in the :root stylesheet when the `defaultColorScheme="dark"`
  */
 const excludeVariablesFromRoot$1 = cssVarPrefix => [...[...Array(25)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}overlays-${index}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ''}palette-AppBar-darkColor`];
-var excludeVariablesFromRoot$2 = excludeVariablesFromRoot$1;
 
 var defaultGetSelector = theme => (colorScheme, css) => {
   const root = theme.rootSelector || ':root';
@@ -13981,7 +12828,7 @@ var defaultGetSelector = theme => (colorScheme, css) => {
   if (theme.defaultColorScheme === colorScheme) {
     if (colorScheme === 'dark') {
       const excludedVariables = {};
-      excludeVariablesFromRoot$2(theme.cssVarPrefix).forEach(cssVar => {
+      excludeVariablesFromRoot$1(theme.cssVarPrefix).forEach(cssVar => {
         excludedVariables[cssVar] = css[cssVar];
         delete css[cssVar];
       });
@@ -14523,21 +13370,6 @@ function createTheme$3(options = {},
   }, ...args);
 }
 
-function createMuiStrictModeTheme(options, ...args) {
-  return createTheme$3(deepmerge$5({
-    unstable_strictMode: true
-  }, options), ...args);
-}
-
-// To remove in v6
-function createStyles(styles) {
-  return styles;
-}
-
-function isUnitless(value) {
-  return String(parseFloat(value)).length === String(value).length;
-}
-
 // Ported from Compass
 // https://github.com/Compass/compass/blob/master/core/stylesheets/compass/typography/_units.scss
 // Emulate the sass function "unit"
@@ -14550,186 +13382,10 @@ function toUnitless(length) {
   return parseFloat(length);
 }
 
-// Convert any CSS <length> or <percentage> value to any another.
-// From https://github.com/KyleAMathews/convert-css-length
-function convertLength(baseFontSize) {
-  return (length, toUnit) => {
-    const fromUnit = getUnit(length);
-
-    // Optimize for cases where `from` and `to` units are accidentally the same.
-    if (fromUnit === toUnit) {
-      return length;
-    }
-
-    // Convert input length to pixels.
-    let pxLength = toUnitless(length);
-    if (fromUnit !== 'px') {
-      if (fromUnit === 'em') {
-        pxLength = toUnitless(length) * toUnitless(baseFontSize);
-      } else if (fromUnit === 'rem') {
-        pxLength = toUnitless(length) * toUnitless(baseFontSize);
-      }
-    }
-
-    // Convert length in pixels to the output unit
-    let outputLength = pxLength;
-    if (toUnit !== 'px') {
-      if (toUnit === 'em') {
-        outputLength = pxLength / toUnitless(baseFontSize);
-      } else if (toUnit === 'rem') {
-        outputLength = pxLength / toUnitless(baseFontSize);
-      } else {
-        return length;
-      }
-    }
-    return parseFloat(outputLength.toFixed(5)) + toUnit;
-  };
-}
-function alignProperty({
-  size,
-  grid
-}) {
-  const sizeBelow = size - size % grid;
-  const sizeAbove = sizeBelow + grid;
-  return size - sizeBelow < sizeAbove - size ? sizeBelow : sizeAbove;
-}
-
-// fontGrid finds a minimal grid (in rem) for the fontSize values so that the
-// lineHeight falls under a x pixels grid, 4px in the case of Material Design,
-// without changing the relative line height
-function fontGrid({
-  lineHeight,
-  pixels,
-  htmlFontSize
-}) {
-  return pixels / (lineHeight * htmlFontSize);
-}
-
-/**
- * generate a responsive version of a given CSS property
- * @example
- * responsiveProperty({
- *   cssProperty: 'fontSize',
- *   min: 15,
- *   max: 20,
- *   unit: 'px',
- *   breakpoints: [300, 600],
- * })
- *
- * // this returns
- *
- * {
- *   fontSize: '15px',
- *   '@media (min-width:300px)': {
- *     fontSize: '17.5px',
- *   },
- *   '@media (min-width:600px)': {
- *     fontSize: '20px',
- *   },
- * }
- * @param {Object} params
- * @param {string} params.cssProperty - The CSS property to be made responsive
- * @param {number} params.min - The smallest value of the CSS property
- * @param {number} params.max - The largest value of the CSS property
- * @param {string} [params.unit] - The unit to be used for the CSS property
- * @param {Array.number} [params.breakpoints]  - An array of breakpoints
- * @param {number} [params.alignStep] - Round scaled value to fall under this grid
- * @returns {Object} responsive styles for {params.cssProperty}
- */
-function responsiveProperty({
-  cssProperty,
-  min,
-  max,
-  unit = 'rem',
-  breakpoints = [600, 900, 1200],
-  transform = null
-}) {
-  const output = {
-    [cssProperty]: `${min}${unit}`
-  };
-  const factor = (max - min) / breakpoints[breakpoints.length - 1];
-  breakpoints.forEach(breakpoint => {
-    let value = min + factor * breakpoint;
-    if (transform !== null) {
-      value = transform(value);
-    }
-    output[`@media (min-width:${breakpoint}px)`] = {
-      [cssProperty]: `${Math.round(value * 10000) / 10000}${unit}`
-    };
-  });
-  return output;
-}
-
-function responsiveFontSizes(themeInput, options = {}) {
-  const {
-    breakpoints = ['sm', 'md', 'lg'],
-    disableAlign = false,
-    factor = 2,
-    variants = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline']
-  } = options;
-  const theme = {
-    ...themeInput
-  };
-  theme.typography = {
-    ...theme.typography
-  };
-  const typography = theme.typography;
-
-  // Convert between CSS lengths e.g. em->px or px->rem
-  // Set the baseFontSize for your project. Defaults to 16px (also the browser default).
-  const convert = convertLength(typography.htmlFontSize);
-  const breakpointValues = breakpoints.map(x => theme.breakpoints.values[x]);
-  variants.forEach(variant => {
-    const style = typography[variant];
-    if (!style) {
-      return;
-    }
-    const remFontSize = parseFloat(convert(style.fontSize, 'rem'));
-    if (remFontSize <= 1) {
-      return;
-    }
-    const maxFontSize = remFontSize;
-    const minFontSize = 1 + (maxFontSize - 1) / factor;
-    let {
-      lineHeight
-    } = style;
-    if (!isUnitless(lineHeight) && !disableAlign) {
-      throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: Unsupported non-unitless line height with grid alignment.\n' + 'Use unitless line heights instead.' : formatMuiErrorMessage$6(6));
-    }
-    if (!isUnitless(lineHeight)) {
-      // make it unitless
-      lineHeight = parseFloat(convert(lineHeight, 'rem')) / parseFloat(remFontSize);
-    }
-    let transform = null;
-    if (!disableAlign) {
-      transform = value => alignProperty({
-        size: value,
-        grid: fontGrid({
-          pixels: 4,
-          lineHeight,
-          htmlFontSize: typography.htmlFontSize
-        })
-      });
-    }
-    typography[variant] = {
-      ...style,
-      ...responsiveProperty({
-        cssProperty: 'fontSize',
-        min: minFontSize,
-        max: maxFontSize,
-        unit: 'rem',
-        breakpoints: breakpointValues,
-        transform
-      })
-    };
-  });
-  return theme;
-}
-
 const defaultTheme$2 = createTheme$3();
 
 function useTheme$7() {
-  const theme = useTheme$9(defaultTheme$2);
+  const theme = useTheme$8(defaultTheme$2);
   if (process.env.NODE_ENV !== 'production') {
     // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -14763,199 +13419,6 @@ const styled$3 = createStyled$2({
   rootShouldForwardProp: rootShouldForwardProp$1
 });
 
-function ThemeProviderNoVars({
-  theme: themeInput,
-  ...props
-}) {
-  const scopedTheme = THEME_ID in themeInput ? themeInput[THEME_ID] : undefined;
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$5, {
-    ...props,
-    themeId: scopedTheme ? THEME_ID : undefined,
-    theme: scopedTheme || themeInput
-  });
-}
-
-const defaultConfig = {
-  attribute: 'data-mui-color-scheme',
-  colorSchemeStorageKey: 'mui-color-scheme',
-  defaultLightColorScheme: 'light',
-  defaultDarkColorScheme: 'dark',
-  modeStorageKey: 'mui-mode'
-};
-process.env.NODE_ENV !== "production" ? {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * DOM attribute for applying a color scheme.
-   * @default 'data-mui-color-scheme'
-   * @example '.mode-%s' // for class based color scheme
-   * @example '[data-mode-%s]' // for data-attribute without '='
-   */
-  attribute: PropTypes.string,
-  /**
-   * The node (provided as string) used to attach the color-scheme attribute.
-   * @default 'document.documentElement'
-   */
-  colorSchemeNode: PropTypes.string,
-  /**
-   * localStorage key used to store `colorScheme`.
-   * @default 'mui-color-scheme'
-   */
-  colorSchemeStorageKey: PropTypes.string,
-  /**
-   * The default color scheme to be used in dark mode.
-   * @default 'dark'
-   */
-  defaultDarkColorScheme: PropTypes.string,
-  /**
-   * The default color scheme to be used in light mode.
-   * @default 'light'
-   */
-  defaultLightColorScheme: PropTypes.string,
-  /**
-   * The default mode when the storage is empty (user's first visit).
-   * @default 'system'
-   */
-  defaultMode: PropTypes.oneOf(['dark', 'light', 'system']),
-  /**
-   * localStorage key used to store `mode`.
-   * @default 'mui-mode'
-   */
-  modeStorageKey: PropTypes.string,
-  /**
-   * Nonce string to pass to the inline script for CSP headers.
-   */
-  nonce: PropTypes.string
-} : void 0;
-
-const {
-  CssVarsProvider: InternalCssVarsProvider,
-  useColorScheme,
-  getInitColorSchemeScript: deprecatedGetInitColorSchemeScript
-} = createCssVarsProvider$1({
-  themeId: THEME_ID,
-  // @ts-ignore ignore module augmentation tests
-  theme: () => createTheme$3({
-    cssVariables: true
-  }),
-  colorSchemeStorageKey: defaultConfig.colorSchemeStorageKey,
-  modeStorageKey: defaultConfig.modeStorageKey,
-  defaultColorScheme: {
-    light: defaultConfig.defaultLightColorScheme,
-    dark: defaultConfig.defaultDarkColorScheme
-  },
-  resolveTheme: theme => {
-    const newTheme = {
-      ...theme,
-      typography: createTypography$1(theme.palette, theme.typography)
-    };
-    newTheme.unstable_sx = function sx(props) {
-      return styleFunctionSx$2({
-        sx: props,
-        theme: this
-      });
-    };
-    return newTheme;
-  }
-});
-
-// TODO: remove in v7
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function Experimental_CssVarsProvider(props) {
-  if (process.env.NODE_ENV !== 'production') ;
-  return /*#__PURE__*/jsxRuntimeExports.jsx(InternalCssVarsProvider, {
-    ...props
-  });
-}
-
-// TODO: remove in v7
-const getInitColorSchemeScript = params => {
-  return deprecatedGetInitColorSchemeScript(params);
-};
-
-/**
- * TODO: remove this export in v7
- * @deprecated
- * The `CssVarsProvider` component has been deprecated and ported into `ThemeProvider`.
- *
- * You should use `ThemeProvider` and `createTheme()` instead:
- *
- * ```diff
- * - import { CssVarsProvider, extendTheme } from '@mui/material/styles';
- * + import { ThemeProvider, createTheme } from '@mui/material/styles';
- *
- * - const theme = extendTheme();
- * + const theme = createTheme({
- * +   cssVariables: true,
- * +   colorSchemes: { light: true, dark: true },
- * + });
- *
- * - <CssVarsProvider theme={theme}>
- * + <ThemeProvider theme={theme}>
- * ```
- *
- * To see the full documentation, check out https://mui.com/material-ui/customization/css-theme-variables/usage/.
- */
-const CssVarsProvider = InternalCssVarsProvider;
-
-function ThemeProvider$4({
-  theme,
-  ...props
-}) {
-  const noVarsTheme = React.useMemo(() => {
-    if (typeof theme === 'function') {
-      return theme;
-    }
-    const muiTheme = THEME_ID in theme ? theme[THEME_ID] : theme;
-    if (!('colorSchemes' in muiTheme)) {
-      if (!('vars' in muiTheme)) {
-        // For non-CSS variables themes, set `vars` to null to prevent theme inheritance from the upper theme.
-        // The example use case is the docs demo that uses ThemeProvider to customize the theme while the upper theme is using CSS variables.
-        return {
-          ...theme,
-          vars: null
-        };
-      }
-      return theme;
-    }
-    return null;
-  }, [theme]);
-  if (noVarsTheme) {
-    return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProviderNoVars, {
-      theme: noVarsTheme,
-      ...props
-    });
-  }
-  return /*#__PURE__*/jsxRuntimeExports.jsx(CssVarsProvider, {
-    theme: theme,
-    ...props
-  });
-}
-
-function makeStyles$1() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: makeStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : formatMuiErrorMessage$6(14));
-}
-
-function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : formatMuiErrorMessage$6(15));
-}
-
-function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withTheme is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : formatMuiErrorMessage$6(16));
-}
-
-function deprecatedExtendTheme(...args) {
-  return createThemeWithVars$1(...args);
-}
-
-// TODO: Remove this function in v6.
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function experimental_sx() {
-  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.' + 'For more details, see https://github.com/mui/material-ui/pull/35150.' : formatMuiErrorMessage$6(19));
-}
-
 // It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
 //
 // A strict capitalization should uppercase the first letter of each word in the sentence.
@@ -85853,7 +84316,7 @@ const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(inPro
     valueManager: singleItemValueManager
   });
   const now = useNow(timezone);
-  const theme = useTheme$9();
+  const theme = useTheme$8();
   const utils = useUtils();
   const referenceDate = React.useMemo(() => singleItemValueManager.getInitialReferenceValue({
     value,
@@ -86307,7 +84770,7 @@ const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps
     valueManager: singleItemValueManager
   });
   const now = useNow(timezone);
-  const theme = useTheme$9();
+  const theme = useTheme$8();
   const utils = useUtils();
   const referenceDate = React.useMemo(() => singleItemValueManager.getInitialReferenceValue({
     value,
@@ -128201,7 +126664,7 @@ const customTheme = createTheme$3({
 });
 
 const FormRenderWrapper = ({ formArray, name, numberOfColumns = 3, form, variant = "", fieldError, }) => {
-    return (jsxRuntimeExports.jsx(ThemeProvider$7, { theme: customTheme, children: jsxRuntimeExports.jsx(FormComponent, { container: true, margin: "auto", children: formArray.map((item, i) => {
+    return (jsxRuntimeExports.jsx(ThemeProvider$4, { theme: customTheme, children: jsxRuntimeExports.jsx(FormComponent, { container: true, margin: "auto", children: formArray.map((item, i) => {
                 return (item.inputType && (jsxRuntimeExports.jsx(Formitem, { container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: jsxRuntimeExports.jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: form.formState.errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, variant: variant, fieldError: fieldError }) }, i)));
             }) }) }));
 };
@@ -138451,7 +136914,7 @@ const MRT_DefaultDisplayColumn = {
 };
 const useMRT_TableOptions = (_a) => {
     var _b;
-    var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBatchRowSelection = true, enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableKeyboardShortcuts = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, id = useId$9(), layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, mrtTheme, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBatchRowSelection", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFacetedValues", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableKeyboardShortcuts", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "id", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "mrtTheme", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
+    var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBatchRowSelection = true, enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableKeyboardShortcuts = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, id = useId$8(), layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, mrtTheme, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBatchRowSelection", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFacetedValues", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableKeyboardShortcuts", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "id", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "mrtTheme", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
     const theme = useTheme$7();
     icons = useMemo(() => (Object.assign(Object.assign({}, MRT_Default_Icons), icons)), [icons]);
     localization = useMemo(() => (Object.assign(Object.assign({}, MRT_Localization_EN), localization)), [localization]);
@@ -205055,5 +203518,5 @@ const decryptText = (ciphertext, SECRET_KEY) => {
     return bytes.toString(CryptoJS.enc.Utf8);
 };
 
-export { Await, Box$2 as BoxTP, BrowserRouter, Button$1 as ButtonTP, CacheBuster, index$2 as CryptoJS, CssVarsProvider, DEFAULT_VERSION, DatePicker, DeleteField, DeleteField as DeleteFieldTP, Experimental_CssVarsProvider, FLUSH, FileSaver_min as FileSaver, Form, Grid$2 as GridTP, HashRouter, HydratedRouter, IDLE_BLOCKER, IDLE_FETCHER, IDLE_NAVIGATION, index_esm as IdleTimer, JoditEditor, KEY_PREFIX, Link, Links, MRT_ActionMenuItem, MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, MemoryRouter, Meta, MultiSelectFieldComponent, NavLink, Navigate, Action as NavigationType, Outlet, PAUSE, PERSIST, PURGE, PrefetchPageLinks, Provider_default as Provider, REGISTER, REHYDRATE, FormRenderWrapper as RenderForm, FormRenderWrapper as RenderFormTP, Route, Router, RouterProvider2 as RouterProvider, Routes, Scripts, ScrollRestoration, ServerRouter, SessionTimeOut as SessionTimeoutField, SessionTimeOut as SessionTimeoutFieldTP, StaticRouter, StaticRouterProvider, StyledEngineProvider$2 as StyledEngineProvider, THEME_ID, ThemeProvider$4 as ThemeProvider, Typography as TypographyTP, DataRouterContext as UNSAFE_DataRouterContext, DataRouterStateContext as UNSAFE_DataRouterStateContext, ErrorResponseImpl as UNSAFE_ErrorResponseImpl, FetchersContext as UNSAFE_FetchersContext, FrameworkContext as UNSAFE_FrameworkContext, LocationContext as UNSAFE_LocationContext, NavigationContext as UNSAFE_NavigationContext, RSCDefaultRootErrorBoundary as UNSAFE_RSCDefaultRootErrorBoundary, RemixErrorBoundary as UNSAFE_RemixErrorBoundary, RouteContext as UNSAFE_RouteContext, ServerMode as UNSAFE_ServerMode, SingleFetchRedirectSymbol as UNSAFE_SingleFetchRedirectSymbol, ViewTransitionContext as UNSAFE_ViewTransitionContext, WithComponentProps as UNSAFE_WithComponentProps, WithErrorBoundaryProps as UNSAFE_WithErrorBoundaryProps, WithHydrateFallbackProps as UNSAFE_WithHydrateFallbackProps, createBrowserHistory as UNSAFE_createBrowserHistory, createClientRoutes as UNSAFE_createClientRoutes, createClientRoutesWithHMRRevalidationOptOut as UNSAFE_createClientRoutesWithHMRRevalidationOptOut, createRouter as UNSAFE_createRouter, decodeViaTurboStream as UNSAFE_decodeViaTurboStream, deserializeErrors as UNSAFE_deserializeErrors, getHydrationData as UNSAFE_getHydrationData, getPatchRoutesOnNavigationFunction as UNSAFE_getPatchRoutesOnNavigationFunction, getTurboStreamSingleFetchDataStrategy as UNSAFE_getTurboStreamSingleFetchDataStrategy, hydrationRouteProperties as UNSAFE_hydrationRouteProperties, invariant as UNSAFE_invariant, mapRouteProperties as UNSAFE_mapRouteProperties, shouldHydrateRouteLoader as UNSAFE_shouldHydrateRouteLoader, useFogOFWarDiscovery as UNSAFE_useFogOFWarDiscovery, useScrollRestoration as UNSAFE_useScrollRestoration, withComponentProps as UNSAFE_withComponentProps, withErrorBoundaryProps as UNSAFE_withErrorBoundaryProps, withHydrateFallbackProps as UNSAFE_withHydrateFallbackProps, xlsx as XLSX, xlsx_min$1 as XLSXStyle, adaptV4Theme, alpha, calculateTotalArrayValueTotal, cellKeyboardShortcuts, checkIsDateIsBefore, createBrowserRouter, createColorScheme$1 as createColorScheme, createCookie, createCookieSessionStorage, createHashRouter, createMRTColumnHelper, createMemoryRouter, createMemorySessionStorage, createMigrate, createPath, createPersistoid, createRequestHandler, createRoutesFromChildren, createRoutesFromElements, createRoutesStub, createRow, createSearchParams, createSession, createSessionStorage, createStaticHandler2 as createStaticHandler, createStaticRouter, createStyles, createTheme$3 as createTheme, createTransform, createTransitions$1 as createTransitions, css$2 as css, darken, data, index$4 as dateFns, dayjs as dayjsLib, decomposeColor, decryptText, defaultDisplayColumnProps, duration, easing, emphasize, encryptText, deprecatedExtendTheme as experimental_extendTheme, experimental_sx, createThemeWithVars$1 as extendTheme, findMenuHierarchy, flexRender, generatePath, getAllLeafColumnDefs, getCanRankRows, getColumnFilterInfo, getColumnId, getContrastRatio, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getDesiredDate, getFormattedDate, getInitColorSchemeScript, getInitials, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getLuminance, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getOverlayAlpha$1 as getOverlayAlpha, getStoredState, getTrailingDisplayColumnIds, getUsernameFromEmail, handleDownloadReactTableDataExcel, hexToRgb, href, hslToRgb, isCellEditable, isCookie, isRouteErrorResponse, isSession, keyframes, lighten, lightenColor, makeStyles$1 as makeStyles, matchPath, matchRoutes, mrtFilterOptions, openEditingCell, parsePath, persistCombineReducers, persistReducer, persistStore, prepareColumns, createMixins$1 as private_createMixins, createTypography$1 as private_createTypography, excludeVariablesFromRoot$2 as private_excludeVariablesFromRoot, purgeStoredState, rankGlobalFuzzy, recomposeColor, redirect, redirectDocument, renderMatches, reorderColumn, replace, resolvePath, responsiveFontSizes, rgbToHex, shouldSkipGeneratingVar$1 as shouldSkipGeneratingVar, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, styled$3 as styled, HistoryRouter as unstable_HistoryRouter, RSCHydratedRouter as unstable_RSCHydratedRouter, RSCStaticRouter as unstable_RSCStaticRouter, unstable_RouterContextProvider, createBreakpoints$1 as unstable_createBreakpoints, createCallServer as unstable_createCallServer, unstable_createContext, createMuiStrictModeTheme as unstable_createMuiStrictModeTheme, getRSCStream as unstable_getRSCStream, getUnit as unstable_getUnit, routeRSCServerRequest as unstable_routeRSCServerRequest, setDevServerHooks as unstable_setDevServerHooks, toUnitless as unstable_toUnitless, usePrompt as unstable_usePrompt, useActionData, useAsyncError, useAsyncValue, useBeforeUnload, useBlocker, useColorScheme, useDispatch, useDropdownOptions, useFetcher, useFetchers, useFormAction, useForm as useFormElement, useForm as useFormElementTP, useFormValidatingContext, useFormValidatingContext as useFormValidatingContextTP, useHref, useInRouterContext, useLinkClickHandler, useLoaderData, useLocation, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMatch, useMatches, useMaterialReactTable, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, useSearchParams, useSelector, useStore, useSubmit, useTheme$7 as useTheme, useThemeProps$2 as useThemeProps, useViewTransitionState, withStyles, withTheme, index_esm$1 as yup, o as yupResolverTP };
+export { Await, Box$2 as BoxTP, BrowserRouter, Button$1 as ButtonTP, CacheBuster, index$2 as CryptoJS, DEFAULT_VERSION, DatePicker, DeleteField, DeleteField as DeleteFieldTP, FLUSH, FileSaver_min as FileSaver, Form, Grid$2 as GridTP, HashRouter, HydratedRouter, IDLE_BLOCKER, IDLE_FETCHER, IDLE_NAVIGATION, index_esm as IdleTimer, JoditEditor, KEY_PREFIX, Link, Links, MRT_ActionMenuItem, MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, MemoryRouter, Meta, MultiSelectFieldComponent, NavLink, Navigate, Action as NavigationType, Outlet, PAUSE, PERSIST, PURGE, PrefetchPageLinks, Provider_default as Provider, REGISTER, REHYDRATE, FormRenderWrapper as RenderForm, FormRenderWrapper as RenderFormTP, Route, Router, RouterProvider2 as RouterProvider, Routes, Scripts, ScrollRestoration, ServerRouter, SessionTimeOut as SessionTimeoutField, SessionTimeOut as SessionTimeoutFieldTP, StaticRouter, StaticRouterProvider, Typography as TypographyTP, DataRouterContext as UNSAFE_DataRouterContext, DataRouterStateContext as UNSAFE_DataRouterStateContext, ErrorResponseImpl as UNSAFE_ErrorResponseImpl, FetchersContext as UNSAFE_FetchersContext, FrameworkContext as UNSAFE_FrameworkContext, LocationContext as UNSAFE_LocationContext, NavigationContext as UNSAFE_NavigationContext, RSCDefaultRootErrorBoundary as UNSAFE_RSCDefaultRootErrorBoundary, RemixErrorBoundary as UNSAFE_RemixErrorBoundary, RouteContext as UNSAFE_RouteContext, ServerMode as UNSAFE_ServerMode, SingleFetchRedirectSymbol as UNSAFE_SingleFetchRedirectSymbol, ViewTransitionContext as UNSAFE_ViewTransitionContext, WithComponentProps as UNSAFE_WithComponentProps, WithErrorBoundaryProps as UNSAFE_WithErrorBoundaryProps, WithHydrateFallbackProps as UNSAFE_WithHydrateFallbackProps, createBrowserHistory as UNSAFE_createBrowserHistory, createClientRoutes as UNSAFE_createClientRoutes, createClientRoutesWithHMRRevalidationOptOut as UNSAFE_createClientRoutesWithHMRRevalidationOptOut, createRouter as UNSAFE_createRouter, decodeViaTurboStream as UNSAFE_decodeViaTurboStream, deserializeErrors as UNSAFE_deserializeErrors, getHydrationData as UNSAFE_getHydrationData, getPatchRoutesOnNavigationFunction as UNSAFE_getPatchRoutesOnNavigationFunction, getTurboStreamSingleFetchDataStrategy as UNSAFE_getTurboStreamSingleFetchDataStrategy, hydrationRouteProperties as UNSAFE_hydrationRouteProperties, invariant as UNSAFE_invariant, mapRouteProperties as UNSAFE_mapRouteProperties, shouldHydrateRouteLoader as UNSAFE_shouldHydrateRouteLoader, useFogOFWarDiscovery as UNSAFE_useFogOFWarDiscovery, useScrollRestoration as UNSAFE_useScrollRestoration, withComponentProps as UNSAFE_withComponentProps, withErrorBoundaryProps as UNSAFE_withErrorBoundaryProps, withHydrateFallbackProps as UNSAFE_withHydrateFallbackProps, xlsx as XLSX, xlsx_min$1 as XLSXStyle, calculateTotalArrayValueTotal, cellKeyboardShortcuts, checkIsDateIsBefore, createBrowserRouter, createCookie, createCookieSessionStorage, createHashRouter, createMRTColumnHelper, createMemoryRouter, createMemorySessionStorage, createMigrate, createPath, createPersistoid, createRequestHandler, createRoutesFromChildren, createRoutesFromElements, createRoutesStub, createRow, createSearchParams, createSession, createSessionStorage, createStaticHandler2 as createStaticHandler, createStaticRouter, createTransform, data, index$4 as dateFns, dayjs as dayjsLib, decryptText, defaultDisplayColumnProps, encryptText, findMenuHierarchy, flexRender, generatePath, getAllLeafColumnDefs, getCanRankRows, getColumnFilterInfo, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getDesiredDate, getFormattedDate, getInitials, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getStoredState, getTrailingDisplayColumnIds, getUsernameFromEmail, handleDownloadReactTableDataExcel, href, isCellEditable, isCookie, isRouteErrorResponse, isSession, lightenColor, matchPath, matchRoutes, mrtFilterOptions, openEditingCell, parsePath, persistCombineReducers, persistReducer, persistStore, prepareColumns, purgeStoredState, rankGlobalFuzzy, redirect, redirectDocument, renderMatches, reorderColumn, replace, resolvePath, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, HistoryRouter as unstable_HistoryRouter, RSCHydratedRouter as unstable_RSCHydratedRouter, RSCStaticRouter as unstable_RSCStaticRouter, unstable_RouterContextProvider, createCallServer as unstable_createCallServer, unstable_createContext, getRSCStream as unstable_getRSCStream, routeRSCServerRequest as unstable_routeRSCServerRequest, setDevServerHooks as unstable_setDevServerHooks, usePrompt as unstable_usePrompt, useActionData, useAsyncError, useAsyncValue, useBeforeUnload, useBlocker, useDispatch, useDropdownOptions, useFetcher, useFetchers, useFormAction, useForm as useFormElement, useForm as useFormElementTP, useFormValidatingContext, useFormValidatingContext as useFormValidatingContextTP, useHref, useInRouterContext, useLinkClickHandler, useLoaderData, useLocation, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMatch, useMatches, useMaterialReactTable, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, useSearchParams, useSelector, useStore, useSubmit, useViewTransitionState, index_esm$1 as yup, o as yupResolverTP };
 //# sourceMappingURL=index.esm.js.map