tp-react-elements-dev 1.12.5 → 1.12.7

package/dist/index.js

@@ -5901,10 +5901,10 @@ if (!isBrowser$3) {
   };
 }
 
-var ThemeContext$3 = /* #__PURE__ */React__namespace.createContext({});
+var ThemeContext$2 = /* #__PURE__ */React__namespace.createContext({});
 
-var useTheme$b = function useTheme() {
-  return React__namespace.useContext(ThemeContext$3);
+var useTheme$a = function useTheme() {
+  return React__namespace.useContext(ThemeContext$2);
 };
 
 var getTheme = function getTheme(outerTheme, theme) {
@@ -5922,21 +5922,21 @@ var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
     return getTheme(outerTheme, theme);
   });
 });
-var ThemeProvider$7 = function ThemeProvider(props) {
-  var theme = React__namespace.useContext(ThemeContext$3);
+var ThemeProvider$4 = function ThemeProvider(props) {
+  var theme = React__namespace.useContext(ThemeContext$2);
 
   if (props.theme !== theme) {
     theme = createCacheWithTheme(theme)(props.theme);
   }
 
-  return /*#__PURE__*/React__namespace.createElement(ThemeContext$3.Provider, {
+  return /*#__PURE__*/React__namespace.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__namespace.forwardRef(function render(props, ref) {
-    var theme = React__namespace.useContext(ThemeContext$3);
+    var theme = React__namespace.useContext(ThemeContext$2);
     return /*#__PURE__*/React__namespace.createElement(Component, _extends({
       theme: theme,
       ref: ref
@@ -6011,7 +6011,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     className = props.className + " ";
   }
 
-  var serialized = serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext$3));
+  var serialized = serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext$2));
 
   className += cache.key + "-" + serialized.name;
   var newProps = {};
@@ -6069,7 +6069,7 @@ var jsx = function jsx(type, props) {
 var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
 
   var styles = props.styles;
-  var serialized = serializeStyles([styles], undefined, React__namespace.useContext(ThemeContext$3));
+  var serialized = serializeStyles([styles], undefined, React__namespace.useContext(ThemeContext$2));
 
   if (!isBrowser$3) {
     var _ref;
@@ -6306,7 +6306,7 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
   var content = {
     css: css,
     cx: cx,
-    theme: React__namespace.useContext(ThemeContext$3)
+    theme: React__namespace.useContext(ThemeContext$2)
   };
   var ele = props.children(content);
   hasRendered = true;
@@ -6321,16 +6321,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
@@ -6460,7 +6460,7 @@ var createStyled$3 = function createStyled(tag, options) {
           mergedProps[key] = props[key];
         }
 
-        mergedProps.theme = React__namespace.useContext(ThemeContext$3);
+        mergedProps.theme = React__namespace.useContext(ThemeContext$2);
       }
 
       if (typeof props.className === 'string') {
@@ -7717,110 +7717,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__namespace.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;
 }
@@ -9565,14 +9461,14 @@ function createTheme$4(options = {}, ...args) {
 function isObjectEmpty$2(obj) {
   return Object.keys(obj).length === 0;
 }
-function useTheme$a(defaultTheme = null) {
-  const contextTheme = React__namespace.useContext(ThemeContext$3);
+function useTheme$9(defaultTheme = null) {
+  const contextTheme = React__namespace.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) {
@@ -9591,7 +9487,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) {
@@ -9709,7 +9605,7 @@ function createBox$2(options = {}) {
     shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
   })(styleFunctionSx$2);
   const Box = /*#__PURE__*/React__namespace.forwardRef(function Box(inProps, ref) {
-    const theme = useTheme$9(defaultTheme);
+    const theme = useTheme$8(defaultTheme);
     const {
       className,
       component = 'div',
@@ -10164,7 +10060,7 @@ function useThemeProps$3({
   defaultTheme,
   themeId
 }) {
-  let theme = useTheme$9(defaultTheme);
+  let theme = useTheme$8(defaultTheme);
   if (themeId) {
     theme = theme[themeId] || theme;
   }
@@ -10216,10 +10112,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__namespace
 };
-const maybeReactUseSyncExternalStore = safeReact$2.useSyncExternalStore;
+const maybeReactUseSyncExternalStore = safeReact$1.useSyncExternalStore;
 function useMediaQueryNew(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) {
   const getDefaultSnapshot = React__namespace.useCallback(() => defaultMatches, [defaultMatches]);
   const getServerSnapshot = React__namespace.useMemo(() => {
@@ -10256,7 +10152,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;
     }
@@ -10327,10 +10223,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.
@@ -10423,22 +10315,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
@@ -10606,108 +10482,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__namespace.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  ThemeContext$2.displayName = 'ThemeContext';
-}
-
-function useTheme$8() {
-  const theme = React__namespace.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__namespace.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__namespace.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__namespace.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;
@@ -10717,16 +10493,7 @@ const useRtl = () => {
 };
 
 const PropsContext = /*#__PURE__*/React__namespace.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`. │
@@ -10774,176 +10541,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__namespace.useState(idOverride);
-  const id = idOverride || defaultId;
-  React__namespace.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__namespace
-};
-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__namespace.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
@@ -10971,676 +10568,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__namespace.useMemo(() => storageManager?.({
-    key: modeStorageKey,
-    storageWindow
-  }), [storageManager, modeStorageKey, storageWindow]);
-  const lightStorage = React__namespace.useMemo(() => storageManager?.({
-    key: `${colorSchemeStorageKey}-light`,
-    storageWindow
-  }), [storageManager, colorSchemeStorageKey, storageWindow]);
-  const darkStorage = React__namespace.useMemo(() => storageManager?.({
-    key: `${colorSchemeStorageKey}-dark`,
-    storageWindow
-  }), [storageManager, colorSchemeStorageKey, storageWindow]);
-  const [state, setState] = React__namespace.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__namespace.useState(noSsr || !isMultiSchemes);
-  React__namespace.useEffect(() => {
-    setIsClient(true); // to rerender the component after hydration
-  }, []);
-  const colorScheme = getColorScheme(state);
-  const setMode = React__namespace.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__namespace.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__namespace.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__namespace.useRef(handleMediaQuery);
-  mediaListener.current = handleMediaQuery;
-  React__namespace.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__namespace.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__namespace.createContext(undefined);
-  if (process.env.NODE_ENV !== 'production') {
-    ColorSchemeContext.displayName = 'ColorSchemeContext';
-  }
-  const useColorScheme = () => React__namespace.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__namespace.useRef(false);
-    const upperTheme = useTheme$8();
-    const ctx = React__namespace.useContext(ColorSchemeContext);
-    const nested = !!ctx && !disableNestedContext;
-    const initialTheme = React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.useEffect(() => {
-      hasMounted.current = true;
-      return () => {
-        hasMounted.current = false;
-      };
-    }, []);
-    const contextValue = React__namespace.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__namespace.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).
@@ -12467,7 +11394,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) => {
@@ -12745,85 +11672,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 = {};
@@ -13982,7 +12830,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';
@@ -14001,7 +12848,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];
       });
@@ -14543,21 +13390,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"
@@ -14570,186 +13402,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
@@ -14783,199 +13439,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__namespace.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.
@@ -85873,7 +84336,7 @@ const MonthCalendar = /*#__PURE__*/React__namespace.forwardRef(function MonthCal
     valueManager: singleItemValueManager
   });
   const now = useNow(timezone);
-  const theme = useTheme$9();
+  const theme = useTheme$8();
   const utils = useUtils();
   const referenceDate = React__namespace.useMemo(() => singleItemValueManager.getInitialReferenceValue({
     value,
@@ -86327,7 +84790,7 @@ const YearCalendar = /*#__PURE__*/React__namespace.forwardRef(function YearCalen
     valueManager: singleItemValueManager
   });
   const now = useNow(timezone);
-  const theme = useTheme$9();
+  const theme = useTheme$8();
   const utils = useUtils();
   const referenceDate = React__namespace.useMemo(() => singleItemValueManager.getInitialReferenceValue({
     value,
@@ -128221,7 +126684,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)));
             }) }) }));
 };
@@ -205081,12 +203544,10 @@ exports.BrowserRouter = BrowserRouter;
 exports.ButtonTP = Button$1;
 exports.CacheBuster = CacheBuster;
 exports.CryptoJS = index$2;
-exports.CssVarsProvider = CssVarsProvider;
 exports.DEFAULT_VERSION = DEFAULT_VERSION;
 exports.DatePicker = DatePicker;
 exports.DeleteField = DeleteField;
 exports.DeleteFieldTP = DeleteField;
-exports.Experimental_CssVarsProvider = Experimental_CssVarsProvider;
 exports.FLUSH = FLUSH;
 exports.FileSaver = FileSaver_min;
 exports.Form = Form;
@@ -205194,9 +203655,6 @@ exports.SessionTimeoutField = SessionTimeOut;
 exports.SessionTimeoutFieldTP = SessionTimeOut;
 exports.StaticRouter = StaticRouter;
 exports.StaticRouterProvider = StaticRouterProvider;
-exports.StyledEngineProvider = StyledEngineProvider$2;
-exports.THEME_ID = THEME_ID;
-exports.ThemeProvider = ThemeProvider$4;
 exports.TypographyTP = Typography;
 exports.UNSAFE_DataRouterContext = DataRouterContext;
 exports.UNSAFE_DataRouterStateContext = DataRouterStateContext;
@@ -205234,13 +203692,10 @@ exports.UNSAFE_withErrorBoundaryProps = withErrorBoundaryProps;
 exports.UNSAFE_withHydrateFallbackProps = withHydrateFallbackProps;
 exports.XLSX = xlsx;
 exports.XLSXStyle = xlsx_min$1;
-exports.adaptV4Theme = adaptV4Theme;
-exports.alpha = alpha;
 exports.calculateTotalArrayValueTotal = calculateTotalArrayValueTotal;
 exports.cellKeyboardShortcuts = cellKeyboardShortcuts;
 exports.checkIsDateIsBefore = checkIsDateIsBefore;
 exports.createBrowserRouter = createBrowserRouter;
-exports.createColorScheme = createColorScheme$1;
 exports.createCookie = createCookie;
 exports.createCookieSessionStorage = createCookieSessionStorage;
 exports.createHashRouter = createHashRouter;
@@ -205260,25 +203715,13 @@ exports.createSession = createSession;
 exports.createSessionStorage = createSessionStorage;
 exports.createStaticHandler = createStaticHandler2;
 exports.createStaticRouter = createStaticRouter;
-exports.createStyles = createStyles;
-exports.createTheme = createTheme$3;
 exports.createTransform = createTransform;
-exports.createTransitions = createTransitions$1;
-exports.css = css$2;
-exports.darken = darken;
 exports.data = data;
 exports.dateFns = index$4;
 exports.dayjsLib = dayjs;
-exports.decomposeColor = decomposeColor;
 exports.decryptText = decryptText;
 exports.defaultDisplayColumnProps = defaultDisplayColumnProps;
-exports.duration = duration;
-exports.easing = easing;
-exports.emphasize = emphasize;
 exports.encryptText = encryptText;
-exports.experimental_extendTheme = deprecatedExtendTheme;
-exports.experimental_sx = experimental_sx;
-exports.extendTheme = createThemeWithVars$1;
 exports.findMenuHierarchy = findMenuHierarchy;
 exports.flexRender = flexRender;
 exports.generatePath = generatePath;
@@ -205286,36 +203729,27 @@ exports.getAllLeafColumnDefs = getAllLeafColumnDefs;
 exports.getCanRankRows = getCanRankRows;
 exports.getColumnFilterInfo = getColumnFilterInfo;
 exports.getColumnId = getColumnId;
-exports.getContrastRatio = getContrastRatio;
 exports.getDefaultColumnFilterFn = getDefaultColumnFilterFn;
 exports.getDefaultColumnOrderIds = getDefaultColumnOrderIds;
 exports.getDesiredDate = getDesiredDate;
 exports.getFormattedDate = getFormattedDate;
-exports.getInitColorSchemeScript = getInitColorSchemeScript;
 exports.getInitials = getInitials;
 exports.getIsRankingRows = getIsRankingRows;
 exports.getIsRowSelected = getIsRowSelected;
 exports.getLeadingDisplayColumnIds = getLeadingDisplayColumnIds;
-exports.getLuminance = getLuminance;
 exports.getMRT_RowSelectionHandler = getMRT_RowSelectionHandler;
 exports.getMRT_Rows = getMRT_Rows;
 exports.getMRT_SelectAllHandler = getMRT_SelectAllHandler;
-exports.getOverlayAlpha = getOverlayAlpha$1;
 exports.getStoredState = getStoredState;
 exports.getTrailingDisplayColumnIds = getTrailingDisplayColumnIds;
 exports.getUsernameFromEmail = getUsernameFromEmail;
 exports.handleDownloadReactTableDataExcel = handleDownloadReactTableDataExcel;
-exports.hexToRgb = hexToRgb;
 exports.href = href;
-exports.hslToRgb = hslToRgb;
 exports.isCellEditable = isCellEditable;
 exports.isCookie = isCookie;
 exports.isRouteErrorResponse = isRouteErrorResponse;
 exports.isSession = isSession;
-exports.keyframes = keyframes;
-exports.lighten = lighten;
 exports.lightenColor = lightenColor;
-exports.makeStyles = makeStyles$1;
 exports.matchPath = matchPath;
 exports.matchRoutes = matchRoutes;
 exports.mrtFilterOptions = mrtFilterOptions;
@@ -205325,21 +203759,14 @@ exports.persistCombineReducers = persistCombineReducers;
 exports.persistReducer = persistReducer;
 exports.persistStore = persistStore;
 exports.prepareColumns = prepareColumns;
-exports.private_createMixins = createMixins$1;
-exports.private_createTypography = createTypography$1;
-exports.private_excludeVariablesFromRoot = excludeVariablesFromRoot$2;
 exports.purgeStoredState = purgeStoredState;
 exports.rankGlobalFuzzy = rankGlobalFuzzy;
-exports.recomposeColor = recomposeColor;
 exports.redirect = redirect;
 exports.redirectDocument = redirectDocument;
 exports.renderMatches = renderMatches;
 exports.reorderColumn = reorderColumn;
 exports.replace = replace;
 exports.resolvePath = resolvePath;
-exports.responsiveFontSizes = responsiveFontSizes;
-exports.rgbToHex = rgbToHex;
-exports.shouldSkipGeneratingVar = shouldSkipGeneratingVar$1;
 exports.showRowActionsColumn = showRowActionsColumn;
 exports.showRowDragColumn = showRowDragColumn;
 exports.showRowExpandColumn = showRowExpandColumn;
@@ -205347,27 +203774,21 @@ exports.showRowNumbersColumn = showRowNumbersColumn;
 exports.showRowPinningColumn = showRowPinningColumn;
 exports.showRowSelectionColumn = showRowSelectionColumn;
 exports.showRowSpacerColumn = showRowSpacerColumn;
-exports.styled = styled$3;
 exports.unstable_HistoryRouter = HistoryRouter;
 exports.unstable_RSCHydratedRouter = RSCHydratedRouter;
 exports.unstable_RSCStaticRouter = RSCStaticRouter;
 exports.unstable_RouterContextProvider = unstable_RouterContextProvider;
-exports.unstable_createBreakpoints = createBreakpoints$1;
 exports.unstable_createCallServer = createCallServer;
 exports.unstable_createContext = unstable_createContext;
-exports.unstable_createMuiStrictModeTheme = createMuiStrictModeTheme;
 exports.unstable_getRSCStream = getRSCStream;
-exports.unstable_getUnit = getUnit;
 exports.unstable_routeRSCServerRequest = routeRSCServerRequest;
 exports.unstable_setDevServerHooks = setDevServerHooks;
-exports.unstable_toUnitless = toUnitless;
 exports.unstable_usePrompt = usePrompt;
 exports.useActionData = useActionData;
 exports.useAsyncError = useAsyncError;
 exports.useAsyncValue = useAsyncValue;
 exports.useBeforeUnload = useBeforeUnload;
 exports.useBlocker = useBlocker;
-exports.useColorScheme = useColorScheme;
 exports.useDispatch = useDispatch;
 exports.useDropdownOptions = useDropdownOptions;
 exports.useFetcher = useFetcher;
@@ -205406,11 +203827,7 @@ exports.useSearchParams = useSearchParams;
 exports.useSelector = useSelector;
 exports.useStore = useStore;
 exports.useSubmit = useSubmit;
-exports.useTheme = useTheme$7;
-exports.useThemeProps = useThemeProps$2;
 exports.useViewTransitionState = useViewTransitionState;
-exports.withStyles = withStyles;
-exports.withTheme = withTheme;
 exports.yup = index_esm$1;
 exports.yupResolverTP = o;
 //# sourceMappingURL=index.js.map