@sinco/react 1.0.10-rc.9 → 1.0.11-rc.0

package/index.js

@@ -5458,10 +5458,10 @@ if (!isBrowser$2) {
   };
 }
 
-var ThemeContext = /* #__PURE__ */React.createContext({});
+var ThemeContext$2 = /* #__PURE__ */React.createContext({});
 
 if (process.env.NODE_ENV !== 'production') {
-  ThemeContext.displayName = 'EmotionThemeContext';
+  ThemeContext$2.displayName = 'EmotionThemeContext';
 }
 
 var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
@@ -5514,7 +5514,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     className = props.className + " ";
   }
 
-  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
+  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext$2));
 
   if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {
     var labelFromStack = props[labelPropName];
@@ -5693,7 +5693,7 @@ var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
   }
 
   var styles = props.styles;
-  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
+  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$2));
 
   if (!isBrowser$2) {
     var _ref;
@@ -5939,7 +5939,7 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
   var content = {
     css: css,
     cx: cx,
-    theme: React.useContext(ThemeContext)
+    theme: React.useContext(ThemeContext$2)
   };
   var ele = props.children(content);
   hasRendered = true;
@@ -6095,7 +6095,7 @@ var createStyled$1 = function createStyled(tag, options) {
           mergedProps[key] = props[key];
         }
 
-        mergedProps.theme = React.useContext(ThemeContext);
+        mergedProps.theme = React.useContext(ThemeContext$2);
       }
 
       if (typeof props.className === 'string') {
@@ -6199,7 +6199,7 @@ const internal_processStyles = (tag, processor) => {
   }
 };
 
-const _excluded$p = ["values", "unit", "step"];
+const _excluded$t = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -6234,7 +6234,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$p);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$t);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -7318,7 +7318,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ['sx'];
 var styleFunctionSx$1 = styleFunctionSx;
 
-const _excluded$o = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$s = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
       breakpoints: breakpointsInput = {},
@@ -7326,7 +7326,7 @@ function createTheme$1(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$o);
+    other = _objectWithoutPropertiesLoose(options, _excluded$s);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -7354,17 +7354,17 @@ function createTheme$1(options = {}, ...args) {
 function isObjectEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
-function useTheme$2(defaultTheme = null) {
-  const contextTheme = React.useContext(ThemeContext);
+function useTheme$3(defaultTheme = null) {
+  const contextTheme = React.useContext(ThemeContext$2);
   return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
 
 const systemDefaultTheme$1 = createTheme$1();
-function useTheme$1(defaultTheme = systemDefaultTheme$1) {
-  return useTheme$2(defaultTheme);
+function useTheme$2(defaultTheme = systemDefaultTheme$1) {
+  return useTheme$3(defaultTheme);
 }
 
-const _excluded$n = ["sx"];
+const _excluded$r = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -7385,7 +7385,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$n);
+    other = _objectWithoutPropertiesLoose(props, _excluded$r);
   const {
     systemProps,
     otherProps
@@ -7411,7 +7411,7 @@ function extendSxProp(props) {
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
-const _excluded$m = ["className", "component"];
+const _excluded$q = ["className", "component"];
 function createBox(options = {}) {
   const {
     themeId,
@@ -7423,13 +7423,13 @@ function createBox(options = {}) {
     shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
   })(styleFunctionSx$1);
   const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
-    const theme = useTheme$1(defaultTheme);
+    const theme = useTheme$2(defaultTheme);
     const _extendSxProp = extendSxProp(inProps),
       {
         className,
         component = 'div'
       } = _extendSxProp,
-      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$m);
+      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$q);
     return /*#__PURE__*/jsx(BoxRoot, _extends({
       as: component,
       ref: ref,
@@ -7440,7 +7440,7 @@ function createBox(options = {}) {
   return Box;
 }
 
-const _excluded$l = ["variant"];
+const _excluded$p = ["variant"];
 function isEmpty$1(string) {
   return string.length === 0;
 }
@@ -7454,7 +7454,7 @@ function propsToClassKey(props) {
   const {
       variant
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$l);
+    other = _objectWithoutPropertiesLoose(props, _excluded$p);
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {
@@ -7466,7 +7466,7 @@ function propsToClassKey(props) {
   return classKey;
 }
 
-const _excluded$k = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+const _excluded$o = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -7561,7 +7561,7 @@ function createStyled(input = {}) {
         skipSx: inputSkipSx,
         overridesResolver
       } = inputOptions,
-      options = _objectWithoutPropertiesLoose(inputOptions, _excluded$k);
+      options = _objectWithoutPropertiesLoose(inputOptions, _excluded$o);
 
     // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
     const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
@@ -7695,7 +7695,7 @@ function useThemeProps$1({
   defaultTheme,
   themeId
 }) {
-  let theme = useTheme$1(defaultTheme);
+  let theme = useTheme$2(defaultTheme);
   if (themeId) {
     theme = theme[themeId] || theme;
   }
@@ -7941,7 +7941,157 @@ function lighten(color, coefficient) {
   return recomposeColor(color);
 }
 
-const _excluded$j = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const ThemeContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== 'production') {
+  ThemeContext.displayName = 'ThemeContext';
+}
+var ThemeContext$1 = ThemeContext;
+
+function useTheme$1() {
+  const theme = React.useContext(ThemeContext$1);
+  if (process.env.NODE_ENV !== 'production') {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    React.useDebugValue(theme);
+  }
+  return theme;
+}
+
+const hasSymbol = typeof Symbol === 'function' && Symbol.for;
+var nested = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
+
+function mergeOuterLocalTheme(outerTheme, localTheme) {
+  if (typeof localTheme === 'function') {
+    const mergedTheme = localTheme(outerTheme);
+    if (process.env.NODE_ENV !== 'production') {
+      if (!mergedTheme) {
+        console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
+      }
+    }
+    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$2(props) {
+  const {
+    children,
+    theme: localTheme
+  } = props;
+  const outerTheme = useTheme$1();
+  if (process.env.NODE_ENV !== 'production') {
+    if (outerTheme === null && typeof localTheme === 'function') {
+      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
+    }
+  }
+  const theme = React.useMemo(() => {
+    const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
+    if (output != null) {
+      output[nested] = outerTheme !== null;
+    }
+    return output;
+  }, [localTheme, outerTheme]);
+  return /*#__PURE__*/jsx(ThemeContext$1.Provider, {
+    value: theme,
+    children: children
+  });
+}
+process.env.NODE_ENV !== "production" ? ThemeProvider$2.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$2.propTypes = exactProp(ThemeProvider$2.propTypes) : void 0;
+}
+
+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 ? _extends({}, 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 ? _extends({}, upperTheme, {
+      [themeId]: localTheme
+    }) : _extends({}, 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$1(props) {
+  const {
+    children,
+    theme: localTheme,
+    themeId
+  } = props;
+  const upperTheme = useTheme$3(EMPTY_THEME);
+  const upperPrivateTheme = useTheme$1() || EMPTY_THEME;
+  if (process.env.NODE_ENV !== 'production') {
+    if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {
+      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
+    }
+  }
+  const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);
+  const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);
+  return /*#__PURE__*/jsx(ThemeProvider$2, {
+    theme: privateTheme,
+    children: /*#__PURE__*/jsx(ThemeContext$2.Provider, {
+      value: engineTheme,
+      children: children
+    })
+  });
+}
+process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn 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$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
+}
+
+const _excluded$n = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
 const defaultTheme$3 = createTheme$1();
 // widening Theme to any so that the consumer can own the theme structure.
 const defaultCreateStyledComponent = systemStyled('div', {
@@ -8070,7 +8220,7 @@ function createStack(options = {}) {
         className,
         useFlexGap = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$j);
+      other = _objectWithoutPropertiesLoose(props, _excluded$n);
     const ownerState = {
       direction,
       spacing,
@@ -8244,7 +8394,7 @@ const green = {
 };
 var green$1 = green;
 
-const _excluded$i = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$m = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   // The colors used to style the text.
   text: {
@@ -8413,7 +8563,7 @@ function createPalette(palette) {
       contrastThreshold = 3,
       tonalOffset = 0.2
     } = palette,
-    other = _objectWithoutPropertiesLoose(palette, _excluded$i);
+    other = _objectWithoutPropertiesLoose(palette, _excluded$m);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -8537,7 +8687,7 @@ const theme2 = createTheme({ palette: {
   return paletteOutput;
 }
 
-const _excluded$h = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$l = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -8568,7 +8718,7 @@ function createTypography(palette, typography) {
       allVariants,
       pxToRem: pxToRem2
     } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    other = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
       console.error('MUI: `fontSize` is required to be a number.');
@@ -8632,10 +8782,10 @@ function createShadow(...px) {
 }
 
 // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
-const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
-var shadows$1 = shadows;
+const shadows$1 = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
+var shadows$2 = shadows$1;
 
-const _excluded$g = ["duration", "easing", "delay"];
+const _excluded$k = ["duration", "easing", "delay"];
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
 // to learn the context in which each easing should be used.
 const easing = {
@@ -8686,7 +8836,7 @@ function createTransitions(inputTransitions) {
         easing: easingOption = mergedEasing.easeInOut,
         delay = 0
       } = options,
-      other = _objectWithoutPropertiesLoose(options, _excluded$g);
+      other = _objectWithoutPropertiesLoose(options, _excluded$k);
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string';
       // IE11 support, replace with Number.isNaN
@@ -8733,7 +8883,7 @@ const zIndex = {
 };
 var zIndex$1 = zIndex;
 
-const _excluded$f = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$j = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
       mixins: mixinsInput = {},
@@ -8741,7 +8891,7 @@ function createTheme(options = {}, ...args) {
       transitions: transitionsInput = {},
       typography: typographyInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$f);
+    other = _objectWithoutPropertiesLoose(options, _excluded$j);
   if (options.vars) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
 Please use another name.` : formatMuiErrorMessage(18));
@@ -8752,7 +8902,7 @@ Please use another name.` : formatMuiErrorMessage(18));
     mixins: createMixins(systemTheme.breakpoints, mixinsInput),
     palette,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: shadows$1.slice(),
+    shadows: shadows$2.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
     zIndex: _extends({}, zIndex$1)
@@ -8803,7 +8953,7 @@ const defaultTheme$1 = createTheme();
 var defaultTheme$2 = defaultTheme$1;
 
 function useTheme() {
-  const theme = useTheme$1(defaultTheme$2);
+  const theme = useTheme$2(defaultTheme$2);
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
@@ -8831,6 +8981,29 @@ const styled = createStyled({
 });
 var styled$1 = styled;
 
+const _excluded$i = ["theme"];
+function ThemeProvider(_ref) {
+  let {
+      theme: themeInput
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+  const scopedTheme = themeInput[THEME_ID];
+  return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
+    themeId: scopedTheme ? THEME_ID : undefined,
+    theme: scopedTheme || themeInput
+  }));
+}
+process.env.NODE_ENV !== "production" ? ThemeProvider.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;
+
 // Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
 const getOverlayAlpha = elevation => {
   let alphaValue;
@@ -9009,7 +9182,7 @@ function mergeSlotProps(parameters) {
   };
 }
 
-const _excluded$e = ["elementType", "externalSlotProps", "ownerState"];
+const _excluded$h = ["elementType", "externalSlotProps", "ownerState"];
 /**
  * @ignore - do not document.
  * Builds the props to be passed into the slot of an unstyled component.
@@ -9025,7 +9198,7 @@ function useSlotProps(parameters) {
       externalSlotProps,
       ownerState
     } = parameters,
-    rest = _objectWithoutPropertiesLoose(parameters, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(parameters, _excluded$h);
   const resolvedComponentsProps = resolveComponentProps(externalSlotProps, ownerState);
   const {
     props: mergedProps,
@@ -9663,8 +9836,8 @@ function getModalUtilityClass(slot) {
 }
 generateUtilityClasses('MuiModal', ['root', 'hidden', 'backdrop']);
 
-const _excluded$d = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
-const useUtilityClasses$9 = ownerState => {
+const _excluded$g = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"];
+const useUtilityClasses$c = ownerState => {
   const {
     open,
     exited
@@ -9732,7 +9905,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
       slotProps = {},
       slots = {}
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$d);
+    other = _objectWithoutPropertiesLoose(props, _excluded$g);
   // TODO: `modal`` must change its type in this file to match the type of methods
   // provided by `ModalManager`
   const manager = managerProp;
@@ -9807,7 +9980,7 @@ const Modal$2 = /*#__PURE__*/React.forwardRef(function Modal(props, forwardedRef
     hideBackdrop,
     keepMounted
   });
-  const classes = useUtilityClasses$9(ownerState);
+  const classes = useUtilityClasses$c(ownerState);
   const handleEnter = () => {
     setExited(false);
     if (onTransitionEnter) {
@@ -10027,8 +10200,8 @@ function getSvgIconUtilityClass(slot) {
 }
 generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 
-const _excluded$c = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$8 = ownerState => {
+const _excluded$f = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses$b = ownerState => {
   const {
     color,
     fontSize,
@@ -10093,7 +10266,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
       titleAccess,
       viewBox = '0 0 24 24'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$c);
+    other = _objectWithoutPropertiesLoose(props, _excluded$f);
   const ownerState = _extends({}, props, {
     color,
     component,
@@ -10106,7 +10279,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$8(ownerState);
+  const classes = useUtilityClasses$b(ownerState);
   return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
@@ -10248,10 +10421,22 @@ var utils = /*#__PURE__*/Object.freeze({
 	useIsFocusVisible: useIsFocusVisible
 });
 
+var ArrowDownward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
+  d: "m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
+}), 'ArrowDownward');
+
+var ArrowUpward = createSvgIcon$1( /*#__PURE__*/jsx("path", {
+  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
+}), 'ArrowUpward');
+
 var CheckCircleRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29 5.7 12.7a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"
 }), 'CheckCircleRounded');
 
+var Close$1 = createSvgIcon$1( /*#__PURE__*/jsx("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), 'Close');
+
 var ErrorRounded = createSvgIcon$1( /*#__PURE__*/jsx("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"
 }), 'ErrorRounded');
@@ -10399,13 +10584,64 @@ const components = {
       }
     }
   },
-  MuiChip: {
+  MuiCheckbox: {
+    variants: [{
+      props: {
+        size: "xsmall"
+      },
+      style: {
+        padding: 2
+      }
+    }, {
+      props: {
+        size: "small"
+      },
+      style: {
+        padding: 4
+      }
+    }, {
+      props: {
+        size: "medium"
+      },
+      style: {
+        padding: 11
+      }
+    }],
     defaultProps: {
-      size: 'small'
-    },
+      size: "small"
+    }
+  },
+  MuiChip: {
+    variants: [{
+      props: {
+        size: "xsmall"
+      },
+      style: {
+        height: 16
+      }
+    }],
     styleOverrides: {
+      sizeSmall: {
+        height: 24
+      },
+      sizeMedium: {
+        height: 30
+      },
       root: {
-        borderRadius: 4
+        height: "inherit",
+        borderRadius: 4,
+        ".MuiChip-deleteIconXsmall": {
+          height: 12,
+          width: 12
+        },
+        ".MuiChip-deleteIconSmall": {
+          height: 16,
+          widht: 16
+        },
+        ".MuiChip-deleteIconMedium": {
+          height: 20,
+          widht: 20
+        }
       }
     }
   },
@@ -10428,25 +10664,39 @@ const components = {
     }
   },
   MuiButton: {
-    defaultProps: {
-      size: 'medium'
-    },
     styleOverrides: {
-      fullWidth: {
-        width: '100%'
+      endIcon: {
+        marginLeft: 2
+      },
+      iconSizeSmall: {
+        height: 14,
+        width: 14
+      },
+      iconSizeMedium: {
+        height: 18,
+        width: 18
+      },
+      iconSizeLarge: {
+        height: 18,
+        width: 22
       },
       sizeSmall: {
-        padding: '4px 10px'
+        height: 26
       },
       sizeMedium: {
-        padding: '7.5px 15px'
+        height: 32,
+        ".MuiSvgIcon-fontSizeMedium": {
+          height: 18,
+          width: 18
+        }
       },
       sizeLarge: {
-        padding: '10.5px 22px',
-        fontSize: 14
-      },
-      root: {
-        width: "fit-content"
+        height: 38,
+        fontSize: 14,
+        ".MuiSvgIcon-fontSizeLarge": {
+          height: 20,
+          width: 20
+        }
       }
     }
   },
@@ -10455,11 +10705,6 @@ const components = {
       size: "small"
     }
   },
-  MuiCheckbox: {
-    defaultProps: {
-      size: "small"
-    }
-  },
   MuiFab: {
     defaultProps: {
       size: "small"
@@ -10667,6 +10912,21 @@ const components = {
     }
   },
   MuiRadio: {
+    variants: [{
+      props: {
+        size: "small"
+      },
+      style: {
+        padding: 2
+      }
+    }, {
+      props: {
+        size: "medium"
+      },
+      style: {
+        padding: 9
+      }
+    }],
     defaultProps: {
       size: "small"
     }
@@ -10699,83 +10959,6 @@ const components = {
   }
 };
 
-const palette = {
-  primary: {
-    main: "#1e62a1",
-    light: "#5a8fd3",
-    dark: "#003972",
-    contrastText: "#ffffff"
-  },
-  secondary: {
-    main: "#0CBBE2",
-    light: "#67eeff",
-    dark: "#008bb0",
-    contrastText: "#ffffff"
-  },
-  text: {
-    primary: "#101840de",
-    secondary: "#10184099",
-    disabled: "#10184061"
-  },
-  error: {
-    main: "#D14343",
-    light: "#d85f5f",
-    dark: "#b51e1e",
-    contrastText: "#ffffff"
-  },
-  warning: {
-    main: "#fb8500",
-    light: "#fc9726",
-    dark: "#f85500",
-    contrastText: "#ffffff"
-  },
-  info: {
-    main: "#2d9fc5",
-    light: "#4dadce",
-    dark: "#1172a3",
-    contrastText: "#ffffff"
-  },
-  success: {
-    main: "#8fc93a",
-    dark: "#60a918",
-    light: "#a0d158",
-    contrastText: "#ffffff"
-  },
-  grey: {
-    50: "#FAFBFF",
-    100: "#F4F6FA",
-    200: "#EDEFF5",
-    300: "#E6E8F0",
-    400: "#D8DAE5",
-    500: "#C1C4D6",
-    600: "#8F95B2",
-    700: "#696F8C",
-    800: "#474D66",
-    900: "#101840",
-    A100: "#D8DAE5",
-    A200: "#C1C4D6",
-    A400: "#696F8C",
-    A700: "#101840"
-  },
-  action: {
-    active: "rgba(16, 24, 64, 0.54)",
-    hover: "rgba(16, 24, 64, 0.04)",
-    selected: "rgba(16, 24, 64, 0.08)",
-    disabled: "rgba(16, 24, 64, 0.26)",
-    disabledBackground: "rgba(16, 24, 64, 0.12)",
-    focus: "rgba(16, 24, 64, 0.12)"
-  },
-  background: {
-    default: '#f5f5f5',
-    paper: "#fff"
-  },
-  common: {
-    black: '#000',
-    white: '#fff'
-  },
-  divider: "rgba(16,24,64,0.12)"
-};
-
 const breakpoints = createBreakpoints({
   values: {
     xs: 0,
@@ -10786,19 +10969,20 @@ const breakpoints = createBreakpoints({
   }
 });
 
-const mixins = {
-  toolbar: {
-    minHeight: 48,
-    [breakpoints.down('md')]: {
-      minHeight: 52
-    }
-  }
-};
-
 const typography = {
   fontSize: 13,
+  body3: {
+    fontFamily: 'Roboto',
+    fontWeight: 310,
+    fontSize: 12,
+    letterSpacing: 0.17,
+    lineHeight: 1.2,
+    [breakpoints.down('md')]: {
+      fontSize: 11
+    }
+  },
   body1: {
-    fontFamily: "Roboto",
+    fontFamily: 'Roboto',
     fontSize: 14,
     fontWeight: 400,
     letterSpacing: 0.15,
@@ -10808,7 +10992,7 @@ const typography = {
     }
   },
   body2: {
-    fontFamily: "Roboto",
+    fontFamily: 'Roboto',
     fontSize: 13,
     fontWeight: 400,
     letterSpacing: 0.17,
@@ -10818,7 +11002,7 @@ const typography = {
     }
   },
   subtitle1: {
-    fontFamily: "Roboto",
+    fontFamily: 'Roboto',
     fontSize: 14,
     fontWeight: 500,
     letterSpacing: 0.15,
@@ -10828,7 +11012,7 @@ const typography = {
     }
   },
   subtitle2: {
-    fontFamily: "Roboto",
+    fontFamily: 'Roboto',
     fontSize: 13,
     fontWeight: 500,
     letterSpacing: 0.1,
@@ -10838,7 +11022,7 @@ const typography = {
     }
   },
   caption: {
-    fontFamily: "Roboto",
+    fontFamily: 'Roboto',
     fontSize: 11,
     fontWeight: 400,
     letterSpacing: 0.4,
@@ -10848,7 +11032,7 @@ const typography = {
     }
   },
   overline: {
-    fontFamily: "Roboto",
+    fontFamily: 'Roboto',
     fontSize: 11,
     fontWeight: 400,
     letterSpacing: 1,
@@ -10858,7 +11042,7 @@ const typography = {
     }
   },
   h6: {
-    fontFamily: "Nunito",
+    fontFamily: 'Nunito',
     fontSize: 16,
     fontWeight: 600,
     lineHeight: 1.6,
@@ -10867,85 +11051,240 @@ const typography = {
     }
   },
   h5: {
-    fontFamily: "Nunito",
+    fontFamily: 'Nunito',
     fontSize: 18,
     fontWeight: 600,
     lineHeight: 1.8
   },
   h4: {
-    fontFamily: "Nunito",
+    fontFamily: 'Nunito',
     fontSize: 20,
     fontWeight: 600,
     letterSpacing: 0.25,
     lineHeight: 1
   },
   h3: {
-    fontFamily: "Nunito",
+    fontFamily: 'Nunito',
     fontSize: 28,
     fontWeight: 500,
     lineHeight: 1.2
   },
   h2: {
-    fontFamily: "Nunito",
+    fontFamily: 'Nunito',
     fontSize: 32,
     fontWeight: 400,
     letterSpacing: -0.5,
     lineHeight: 1.2
   },
   h1: {
-    fontFamily: "Nunito",
+    fontFamily: 'Nunito',
     fontSize: 40,
     fontWeight: 300,
     letterSpacing: -1.5,
     lineHeight: 1.4
   },
   button: {
-    fontFamily: "Roboto",
-    textTransform: "unset",
+    fontFamily: 'Roboto',
+    textTransform: 'unset',
     fontWeightLight: 300,
     fontSize: 13,
-    lineHeight: "normal",
+    lineHeight: 'normal',
     '@media(max-width: 885px)': {
       fontSize: 14
     }
   }
 };
 
-const themeOptions = {
-  components,
-  typography,
-  palette,
-  spacing: 8,
-  mixins,
-  breakpoints
-};
-
-const SincoTheme = createTheme(Object.assign({}, themeOptions));
-
-var wellKnownSymbol$d = wellKnownSymbol$f;
-
-var TO_STRING_TAG$3 = wellKnownSymbol$d('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG$3] = 'z';
-
-var toStringTagSupport = String(test) === '[object z]';
-
-var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$a = isCallable$l;
-var classofRaw$1 = classofRaw$2;
-var wellKnownSymbol$c = wellKnownSymbol$f;
-
-var TO_STRING_TAG$2 = wellKnownSymbol$c('toStringTag');
-var $Object$1 = Object;
-
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
+const palette = {
+  primary: {
+    50: "#E4ECF4",
+    100: "#BCD0E3",
+    200: "#8FB1D0",
+    300: "#6392BD",
+    light: "417AAE",
+    main: "#2063A0",
+    600: "#1C5B98",
+    700: "#18518E",
+    800: "#134784",
+    dark: "#0B3573",
+    A100: "#A5C5FF",
+    A200: "#72A4FF",
+    A400: "#3F83FF",
+    A700: "#2572FF",
+    contrastText: "#ffffff"
+  },
+  secondary: {
+    50: "#E0F7FA",
+    100: "#B3EBF2",
+    200: "#80DEEA",
+    300: "#4DD0E1",
+    light: "#26C6DA",
+    main: "#00BCD4",
+    600: "#00B6CF",
+    700: "#00ADC9",
+    800: "#00A5C3",
+    dark: "#0097B9",
+    A100: "#E2F9FF",
+    A200: "#AFEEFF",
+    A400: "#7CE3FF",
+    A700: "#63DDFF",
+    contrastText: "#ffffff"
+  },
+  error: {
+    50: "#F9E8E8",
+    100: "#F1C7C7",
+    200: "#E8A1A1",
+    300: "#DF7B7B",
+    light: "#D85F5F",
+    main: "#D14343",
+    600: "#CC3D3D",
+    700: "#C63434",
+    800: "#C02C2C",
+    dark: "#B51E1E",
+    A100: "#FFECEC",
+    A200: "#FFB9B9",
+    A400: "#FF8686",
+    A700: "#FF6D6D",
+    contrastText: "#ffffff"
+  },
+  warning: {
+    50: "#FFF0E0",
+    100: "#FEDAB3",
+    200: "#FDC280",
+    300: "#FCAA4D",
+    light: "#FC9726",
+    main: "#FB8500",
+    600: "#FA7D00",
+    700: "#FA7200",
+    800: "#F96800",
+    dark: "#F85500",
+    A100: "#FFFFFF",
+    A200: "#FFF1EB",
+    A400: "#FFCCB8",
+    A700: "#FFBA9F",
+    contrastText: "#ffffff"
+  },
+  info: {
+    50: "#E6F3F8",
+    100: "#C0E2EE",
+    200: "#96CFE2",
+    300: "#6CBCD6",
+    light: "#4DADCE",
+    main: "#2D9FC5",
+    600: "#2897BF",
+    700: "#228DB8",
+    800: "#1C83B0",
+    dark: "#1172A3",
+    A100: "#D4EFFF",
+    A200: "#A1DCFF",
+    A400: "#6ECAFF",
+    A700: "#54C1FF",
+    contrastText: "#ffffff"
+  },
+  success: {
+    50: "#F2F9E7",
+    100: "#DDEFC4",
+    200: "#C7E49D",
+    300: "#B1D975",
+    light: "#A0D158",
+    main: "#8FC93A",
+    600: "#87C334",
+    700: "#7CBC2C",
+    800: "#72B525",
+    dark: "#60A918",
+    A100: "#EDFFDE",
+    A200: "#D2FFAB",
+    A400: "#B6FF78",
+    A700: "#A9FF5E",
+    contrastText: "#ffffff"
+  },
+  grey: {
+    50: "#FAFBFF",
+    100: "#F4F6FA",
+    200: "#EDEFF5",
+    300: "#E6E8F0",
+    400: "#D8DAE5",
+    500: "#C1C4D6",
+    600: "#8F95B2",
+    700: "#696F8C",
+    800: "#474D66",
+    900: "#101840",
+    A100: "#D8DAE5",
+    A200: "#C1C4D6",
+    A400: "#696F8C",
+    A700: "#101840"
+  },
+  text: {
+    primary: "#101840de",
+    secondary: "#10184099",
+    disabled: "#10184061"
+  },
+  action: {
+    active: "rgba(16, 24, 64, 0.54)",
+    hover: "rgba(16, 24, 64, 0.04)",
+    selected: "rgba(16, 24, 64, 0.08)",
+    disabled: "rgba(16, 24, 64, 0.26)",
+    disabledBackground: "rgba(16, 24, 64, 0.12)",
+    focus: "rgba(16, 24, 64, 0.12)"
+  },
+  background: {
+    default: '#f5f5f5',
+    paper: "#fff"
+  },
+  common: {
+    black: '#000',
+    white: '#fff'
+  },
+  divider: "rgba(16,24,64,0.12)"
+};
+
+const mixins = {
+  toolbar: {
+    minHeight: 48,
+    [breakpoints.down('md')]: {
+      minHeight: 52
+    }
+  }
+};
+
+const shadows = ["none", "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)", "0px 1px 5px rgba(24, 39, 75, 0.12), 0px 2px 2px rgba(24, 39, 75, 0.14), 0px 3px 1px -2px rgba(24, 39, 75, 0.2)", "0px 1px 8px rgba(24, 39, 75, 0.12), 0px 3px 4px rgba(24, 39, 75, 0.14), 0px 3px 3px -2px rgba(24, 39, 75, 0.2)", "0px 2px 4px -1px rgba(24, 39, 75, 0.2), 0px 4px 5px rgba(24, 39, 75, 0.14), 0px 1px 10px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 5px 8px rgba(24, 39, 75, 0.14), 0px 1px 14px rgba(24, 39, 75, 0.12)", "0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 6px 10px rgba(24, 39, 75, 0.14), 0px 1px 18px rgba(24, 39, 75, 0.12)", "0px 4px 5px -2px rgba(24, 39, 75, 0.2), 0px 7px 10px 1px rgba(24, 39, 75, 0.14), 0px 2px 16px 1px rgba(24, 39, 75, 0.12)", "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)", "0px 5px 6px -3px rgba(24, 39, 75, 0.2), 0px 9px 12px 1px rgba(24, 39, 75, 0.14), 0px 3px 16px 2px rgba(24, 39, 75, 0.12)", "0px 6px 6px -3px rgba(24, 39, 75, 0.2), 0px 10px 14px 1px rgba(24, 39, 75, 0.14), 0px 4px 18px 3px rgba(24, 39, 75, 0.12)", "0px 6px 7px -4px rgba(24, 39, 75, 0.2), 0px 11px 15px 1px rgba(24, 39, 75, 0.14), 0px 4px 20px 3px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 12px 17px 2px rgba(24, 39, 75, 0.14), 0px 5px 22px 4px rgba(24, 39, 75, 0.12)", "0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 13px 19px 2px rgba(24, 39, 75, 0.14), 0px 5px 24px 4px rgba(24, 39, 75, 0.12)", "0px 7px 9px -4px rgba(24, 39, 75, 0.2), 0px 14px 21px 2px rgba(24, 39, 75, 0.14), 0px 5px 26px 4px rgba(24, 39, 75, 0.12)", "0px 8px 9px -5px rgba(24, 39, 75, 0.2), 0px 15px 22px 2px rgba(24, 39, 75, 0.14), 0px 6px 28px 5px rgba(24, 39, 75, 0.12)", "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)", "0px 8px 11px -5px rgba(24, 39, 75, 0.2), 0px 17px 26px 2px rgba(24, 39, 75, 0.14), 0px 6px 32px 5px rgba(24, 39, 75, 0.12)", "0px 9px 11px -5px rgba(24, 39, 75, 0.2), 0px 18px 28px 2px rgba(24, 39, 75, 0.14), 0px 7px 34px 6px rgba(24, 39, 75, 0.12)", "0px 9px 12px -6px rgba(24, 39, 75, 0.2), 0px 19px 29px 2px rgba(24, 39, 75, 0.14), 0px 7px 36px 6px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 20px 31px 3px rgba(24, 39, 75, 0.14), 0px 8px 38px 7px rgba(24, 39, 75, 0.12)", "0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 21px 33px 3px rgba(24, 39, 75, 0.14), 0px 8px 40px 7px rgba(24, 39, 75, 0.12)", "0px 10px 14px -6px rgba(24, 39, 75, 0.2), 0px 22px 35px 3px rgba(24, 39, 75, 0.14), 0px 8px 42px 7px rgba(24, 39, 75, 0.12)", "0px 11px 14px -7px rgba(24, 39, 75, 0.2), 0px 23px 36px 3px rgba(24, 39, 75, 0.14), 0px 9px 44px 8px rgba(24, 39, 75, 0.12)", "0px 11px 15px -7px rgba(24, 39, 75, 0.2), 0px 24px 38px 3px rgba(24, 39, 75, 0.14), 0px 9px 46px 8px rgba(24, 39, 75, 0.12)"];
+
+const themeOptions = {
+  components,
+  typography,
+  palette,
+  spacing: 8,
+  mixins,
+  breakpoints,
+  shadows
+};
+
+const SincoTheme = createTheme(Object.assign({}, themeOptions));
+
+var wellKnownSymbol$d = wellKnownSymbol$f;
+
+var TO_STRING_TAG$3 = wellKnownSymbol$d('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG$3] = 'z';
+
+var toStringTagSupport = String(test) === '[object z]';
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var isCallable$a = isCallable$l;
+var classofRaw$1 = classofRaw$2;
+var wellKnownSymbol$c = wellKnownSymbol$f;
+
+var TO_STRING_TAG$2 = wellKnownSymbol$c('toStringTag');
+var $Object$1 = Object;
+
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
   } catch (error) { /* empty */ }
 };
 
@@ -12438,8 +12777,8 @@ function getPaperUtilityClass(slot) {
 }
 generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
 
-const _excluded$b = ["className", "component", "elevation", "square", "variant"];
-const useUtilityClasses$7 = ownerState => {
+const _excluded$e = ["className", "component", "elevation", "square", "variant"];
+const useUtilityClasses$a = ownerState => {
   const {
     square,
     elevation,
@@ -12493,14 +12832,14 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
       square = false,
       variant = 'elevation'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$b);
+    other = _objectWithoutPropertiesLoose(props, _excluded$e);
   const ownerState = _extends({}, props, {
     component,
     elevation,
     square,
     variant
   });
-  const classes = useUtilityClasses$7(ownerState);
+  const classes = useUtilityClasses$a(ownerState);
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const theme = useTheme();
@@ -12651,15 +12990,15 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
 const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
 var touchRippleClasses$1 = touchRippleClasses;
 
-const _excluded$a = ["center", "classes", "className"];
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4;
+const _excluded$d = ["center", "classes", "className"];
+let _$1 = t => t,
+  _t$1,
+  _t2$1,
+  _t3$1,
+  _t4$1;
 const DURATION = 550;
 const DELAY_RIPPLE = 80;
-const enterKeyframe = keyframes(_t || (_t = _`
+const enterKeyframe = keyframes(_t$1 || (_t$1 = _$1`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -12670,7 +13009,7 @@ const enterKeyframe = keyframes(_t || (_t = _`
     opacity: 0.3;
   }
 `));
-const exitKeyframe = keyframes(_t2 || (_t2 = _`
+const exitKeyframe = keyframes(_t2$1 || (_t2$1 = _$1`
   0% {
     opacity: 1;
   }
@@ -12679,7 +13018,7 @@ const exitKeyframe = keyframes(_t2 || (_t2 = _`
     opacity: 0;
   }
 `));
-const pulsateKeyframe = keyframes(_t3 || (_t3 = _`
+const pulsateKeyframe = keyframes(_t3$1 || (_t3$1 = _$1`
   0% {
     transform: scale(1);
   }
@@ -12712,7 +13051,7 @@ const TouchRippleRoot = styled$1('span', {
 const TouchRippleRipple = styled$1(Ripple, {
   name: 'MuiTouchRipple',
   slot: 'Ripple'
-})(_t4 || (_t4 = _`
+})(_t4$1 || (_t4$1 = _$1`
   opacity: 0;
   position: absolute;
 
@@ -12780,7 +13119,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       classes = {},
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$a);
+    other = _objectWithoutPropertiesLoose(props, _excluded$d);
   const [ripples, setRipples] = React.useState([]);
   const nextKey = React.useRef(0);
   const rippleCallback = React.useRef(null);
@@ -12981,8 +13320,8 @@ function getButtonBaseUtilityClass(slot) {
 const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
 var buttonBaseClasses$1 = buttonBaseClasses;
 
-const _excluded$9 = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
-const useUtilityClasses$6 = ownerState => {
+const _excluded$c = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
+const useUtilityClasses$9 = ownerState => {
   const {
     disabled,
     focusVisible,
@@ -13083,7 +13422,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       touchRippleRef,
       type
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$9);
+    other = _objectWithoutPropertiesLoose(props, _excluded$c);
   const buttonRef = React.useRef(null);
   const rippleRef = React.useRef(null);
   const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
@@ -13250,7 +13589,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     tabIndex,
     focusVisible
   });
-  const classes = useUtilityClasses$6(ownerState);
+  const classes = useUtilityClasses$9(ownerState);
   return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
     as: ComponentProp,
     className: clsx(classes.root, className),
@@ -13447,8 +13786,8 @@ function getIconButtonUtilityClass(slot) {
 const iconButtonClasses = generateUtilityClasses('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var iconButtonClasses$1 = iconButtonClasses;
 
-const _excluded$8 = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
-const useUtilityClasses$5 = ownerState => {
+const _excluded$b = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
+const useUtilityClasses$8 = ownerState => {
   const {
     classes,
     disabled,
@@ -13548,7 +13887,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
       disableFocusRipple = false,
       size = 'medium'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$8);
+    other = _objectWithoutPropertiesLoose(props, _excluded$b);
   const ownerState = _extends({}, props, {
     edge,
     color,
@@ -13556,7 +13895,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
     disableFocusRipple,
     size
   });
-  const classes = useUtilityClasses$5(ownerState);
+  const classes = useUtilityClasses$8(ownerState);
   return /*#__PURE__*/jsx(IconButtonRoot, _extends({
     className: clsx(classes.root, className),
     centerRipple: true,
@@ -13642,8 +13981,8 @@ function getTypographyUtilityClass(slot) {
 }
 generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
 
-const _excluded$7 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$4 = ownerState => {
+const _excluded$a = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const useUtilityClasses$7 = ownerState => {
   const {
     align,
     gutterBottom,
@@ -13726,7 +14065,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
       variant = 'body1',
       variantMapping = defaultVariantMapping
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$7);
+    other = _objectWithoutPropertiesLoose(props, _excluded$a);
   const ownerState = _extends({}, props, {
     align,
     color,
@@ -13739,7 +14078,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     variantMapping
   });
   const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
-  const classes = useUtilityClasses$4(ownerState);
+  const classes = useUtilityClasses$7(ownerState);
   return /*#__PURE__*/jsx(TypographyRoot, _extends({
     as: Component,
     ref: ref,
@@ -13824,7 +14163,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
 } : void 0;
 var Typography$1 = Typography;
 
-const _excluded$6 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$9 = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 const styles = {
   entering: {
     opacity: 1
@@ -13861,7 +14200,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$6);
+    other = _objectWithoutPropertiesLoose(props, _excluded$9);
   const nodeRef = React.useRef(null);
   const handleRef = useForkRef(nodeRef, children.ref, ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
@@ -14022,8 +14361,8 @@ function getBackdropUtilityClass(slot) {
 }
 generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
 
-const _excluded$5 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
-const useUtilityClasses$3 = ownerState => {
+const _excluded$8 = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
+const useUtilityClasses$6 = ownerState => {
   const {
     classes,
     invisible
@@ -14077,12 +14416,12 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
       TransitionComponent = Fade$1,
       transitionDuration
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$5);
+    other = _objectWithoutPropertiesLoose(props, _excluded$8);
   const ownerState = _extends({}, props, {
     component,
     invisible
   });
-  const classes = useUtilityClasses$3(ownerState);
+  const classes = useUtilityClasses$6(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
   return /*#__PURE__*/jsx(TransitionComponent, _extends({
     in: open,
@@ -14226,50 +14565,424 @@ process.env.NODE_ENV !== "production" ? Box$1.propTypes /* remove-proptypes */ =
 } : void 0;
 var Box$2 = Box$1;
 
-function getCardUtilityClass(slot) {
-  return generateUtilityClass('MuiCard', slot);
+function getButtonUtilityClass(slot) {
+  return generateUtilityClass('MuiButton', slot);
 }
-generateUtilityClasses('MuiCard', ['root']);
+const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
+var buttonClasses$1 = buttonClasses;
 
-const _excluded$4 = ["className", "raised"];
-const useUtilityClasses$2 = ownerState => {
+/**
+ * @ignore - internal component.
+ */
+const ButtonGroupContext = /*#__PURE__*/React.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+  ButtonGroupContext.displayName = 'ButtonGroupContext';
+}
+var ButtonGroupContext$1 = ButtonGroupContext;
+
+const _excluded$7 = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
+const useUtilityClasses$5 = ownerState => {
   const {
+    color,
+    disableElevation,
+    fullWidth,
+    size,
+    variant,
     classes
   } = ownerState;
   const slots = {
-    root: ['root']
+    root: ['root', variant, `${variant}${capitalize(color)}`, `size${capitalize(size)}`, `${variant}Size${capitalize(size)}`, color === 'inherit' && 'colorInherit', disableElevation && 'disableElevation', fullWidth && 'fullWidth'],
+    label: ['label'],
+    startIcon: ['startIcon', `iconSize${capitalize(size)}`],
+    endIcon: ['endIcon', `iconSize${capitalize(size)}`]
   };
-  return composeClasses(slots, getCardUtilityClass, classes);
+  const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
+  return _extends({}, classes, composedClasses);
 };
-const CardRoot = styled$1(Paper$1, {
-  name: 'MuiCard',
+const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
+  '& > *:nth-of-type(1)': {
+    fontSize: 18
+  }
+}, ownerState.size === 'medium' && {
+  '& > *:nth-of-type(1)': {
+    fontSize: 20
+  }
+}, ownerState.size === 'large' && {
+  '& > *:nth-of-type(1)': {
+    fontSize: 22
+  }
+});
+const ButtonRoot = styled$1(ButtonBase$1, {
+  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
+  name: 'MuiButton',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(() => {
-  return {
-    overflow: 'hidden'
-  };
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color)}`], styles[`size${capitalize(ownerState.size)}`], styles[`${ownerState.variant}Size${capitalize(ownerState.size)}`], ownerState.color === 'inherit' && styles.colorInherit, ownerState.disableElevation && styles.disableElevation, ownerState.fullWidth && styles.fullWidth];
+  }
+})(({
+  theme,
+  ownerState
+}) => {
+  var _theme$palette$getCon, _theme$palette;
+  const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
+  const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
+  return _extends({}, theme.typography.button, {
+    minWidth: 64,
+    padding: '6px 16px',
+    borderRadius: (theme.vars || theme).shape.borderRadius,
+    transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
+      duration: theme.transitions.duration.short
+    }),
+    '&:hover': _extends({
+      textDecoration: 'none',
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: 'transparent'
+      }
+    }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: 'transparent'
+      }
+    }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
+      border: `1px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: 'transparent'
+      }
+    }, ownerState.variant === 'contained' && {
+      backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
+      boxShadow: (theme.vars || theme).shadows[4],
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        boxShadow: (theme.vars || theme).shadows[2],
+        backgroundColor: (theme.vars || theme).palette.grey[300]
+      }
+    }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
+      backgroundColor: (theme.vars || theme).palette[ownerState.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      '@media (hover: none)': {
+        backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+      }
+    }),
+    '&:active': _extends({}, ownerState.variant === 'contained' && {
+      boxShadow: (theme.vars || theme).shadows[8]
+    }),
+    [`&.${buttonClasses$1.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
+      boxShadow: (theme.vars || theme).shadows[6]
+    }),
+    [`&.${buttonClasses$1.disabled}`]: _extends({
+      color: (theme.vars || theme).palette.action.disabled
+    }, ownerState.variant === 'outlined' && {
+      border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
+    }, ownerState.variant === 'contained' && {
+      color: (theme.vars || theme).palette.action.disabled,
+      boxShadow: (theme.vars || theme).shadows[0],
+      backgroundColor: (theme.vars || theme).palette.action.disabledBackground
+    })
+  }, ownerState.variant === 'text' && {
+    padding: '6px 8px'
+  }, ownerState.variant === 'text' && ownerState.color !== 'inherit' && {
+    color: (theme.vars || theme).palette[ownerState.color].main
+  }, ownerState.variant === 'outlined' && {
+    padding: '5px 15px',
+    border: '1px solid currentColor'
+  }, ownerState.variant === 'outlined' && ownerState.color !== 'inherit' && {
+    color: (theme.vars || theme).palette[ownerState.color].main,
+    border: theme.vars ? `1px solid rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.5)` : `1px solid ${alpha(theme.palette[ownerState.color].main, 0.5)}`
+  }, ownerState.variant === 'contained' && {
+    color: theme.vars ?
+    // this is safe because grey does not change between default light/dark mode
+    theme.vars.palette.text.primary : (_theme$palette$getCon = (_theme$palette = theme.palette).getContrastText) == null ? void 0 : _theme$palette$getCon.call(_theme$palette, theme.palette.grey[300]),
+    backgroundColor: theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
+    boxShadow: (theme.vars || theme).shadows[2]
+  }, ownerState.variant === 'contained' && ownerState.color !== 'inherit' && {
+    color: (theme.vars || theme).palette[ownerState.color].contrastText,
+    backgroundColor: (theme.vars || theme).palette[ownerState.color].main
+  }, ownerState.color === 'inherit' && {
+    color: 'inherit',
+    borderColor: 'currentColor'
+  }, ownerState.size === 'small' && ownerState.variant === 'text' && {
+    padding: '4px 5px',
+    fontSize: theme.typography.pxToRem(13)
+  }, ownerState.size === 'large' && ownerState.variant === 'text' && {
+    padding: '8px 11px',
+    fontSize: theme.typography.pxToRem(15)
+  }, ownerState.size === 'small' && ownerState.variant === 'outlined' && {
+    padding: '3px 9px',
+    fontSize: theme.typography.pxToRem(13)
+  }, ownerState.size === 'large' && ownerState.variant === 'outlined' && {
+    padding: '7px 21px',
+    fontSize: theme.typography.pxToRem(15)
+  }, ownerState.size === 'small' && ownerState.variant === 'contained' && {
+    padding: '4px 10px',
+    fontSize: theme.typography.pxToRem(13)
+  }, ownerState.size === 'large' && ownerState.variant === 'contained' && {
+    padding: '8px 22px',
+    fontSize: theme.typography.pxToRem(15)
+  }, ownerState.fullWidth && {
+    width: '100%'
+  });
+}, ({
+  ownerState
+}) => ownerState.disableElevation && {
+  boxShadow: 'none',
+  '&:hover': {
+    boxShadow: 'none'
+  },
+  [`&.${buttonClasses$1.focusVisible}`]: {
+    boxShadow: 'none'
+  },
+  '&:active': {
+    boxShadow: 'none'
+  },
+  [`&.${buttonClasses$1.disabled}`]: {
+    boxShadow: 'none'
+  }
 });
-const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
+const ButtonStartIcon = styled$1('span', {
+  name: 'MuiButton',
+  slot: 'StartIcon',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.startIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
+  }
+})(({
+  ownerState
+}) => _extends({
+  display: 'inherit',
+  marginRight: 8,
+  marginLeft: -4
+}, ownerState.size === 'small' && {
+  marginLeft: -2
+}, commonIconStyles(ownerState)));
+const ButtonEndIcon = styled$1('span', {
+  name: 'MuiButton',
+  slot: 'EndIcon',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.endIcon, styles[`iconSize${capitalize(ownerState.size)}`]];
+  }
+})(({
+  ownerState
+}) => _extends({
+  display: 'inherit',
+  marginRight: -4,
+  marginLeft: 8
+}, ownerState.size === 'small' && {
+  marginRight: -2
+}, commonIconStyles(ownerState)));
+const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
+  // props priority: `inProps` > `contextProps` > `themeDefaultProps`
+  const contextProps = React.useContext(ButtonGroupContext$1);
+  const resolvedProps = resolveProps(contextProps, inProps);
   const props = useThemeProps({
-    props: inProps,
-    name: 'MuiCard'
+    props: resolvedProps,
+    name: 'MuiButton'
   });
   const {
+      children,
+      color = 'primary',
+      component = 'button',
       className,
-      raised = false
+      disabled = false,
+      disableElevation = false,
+      disableFocusRipple = false,
+      endIcon: endIconProp,
+      focusVisibleClassName,
+      fullWidth = false,
+      size = 'medium',
+      startIcon: startIconProp,
+      type,
+      variant = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$4);
+    other = _objectWithoutPropertiesLoose(props, _excluded$7);
   const ownerState = _extends({}, props, {
-    raised
+    color,
+    component,
+    disabled,
+    disableElevation,
+    disableFocusRipple,
+    fullWidth,
+    size,
+    type,
+    variant
   });
-  const classes = useUtilityClasses$2(ownerState);
-  return /*#__PURE__*/jsx(CardRoot, _extends({
-    className: clsx(classes.root, className),
-    elevation: raised ? 8 : undefined,
+  const classes = useUtilityClasses$5(ownerState);
+  const startIcon = startIconProp && /*#__PURE__*/jsx(ButtonStartIcon, {
+    className: classes.startIcon,
+    ownerState: ownerState,
+    children: startIconProp
+  });
+  const endIcon = endIconProp && /*#__PURE__*/jsx(ButtonEndIcon, {
+    className: classes.endIcon,
+    ownerState: ownerState,
+    children: endIconProp
+  });
+  return /*#__PURE__*/jsxs(ButtonRoot, _extends({
+    ownerState: ownerState,
+    className: clsx(contextProps.className, classes.root, className),
+    component: component,
+    disabled: disabled,
+    focusRipple: !disableFocusRipple,
+    focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     ref: ref,
-    ownerState: ownerState
-  }, other));
+    type: type
+  }, other, {
+    classes: classes,
+    children: [startIcon, children, endIcon]
+  }));
+});
+process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning']), PropTypes.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: PropTypes.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: PropTypes.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: PropTypes.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: PropTypes.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: PropTypes.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: PropTypes.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: PropTypes.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: PropTypes.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: PropTypes.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * @ignore
+   */
+  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
+} : void 0;
+var Button$1 = Button;
+
+function getCardUtilityClass(slot) {
+  return generateUtilityClass('MuiCard', slot);
+}
+generateUtilityClasses('MuiCard', ['root']);
+
+const _excluded$6 = ["className", "raised"];
+const useUtilityClasses$4 = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getCardUtilityClass, classes);
+};
+const CardRoot = styled$1(Paper$1, {
+  name: 'MuiCard',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(() => {
+  return {
+    overflow: 'hidden'
+  };
+});
+const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiCard'
+  });
+  const {
+      className,
+      raised = false
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded$6);
+  const ownerState = _extends({}, props, {
+    raised
+  });
+  const classes = useUtilityClasses$4(ownerState);
+  return /*#__PURE__*/jsx(CardRoot, _extends({
+    className: clsx(classes.root, className),
+    elevation: raised ? 8 : undefined,
+    ref: ref,
+    ownerState: ownerState
+  }, other));
 });
 process.env.NODE_ENV !== "production" ? Card.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
@@ -14310,8 +15023,8 @@ function getCardContentUtilityClass(slot) {
 }
 generateUtilityClasses('MuiCardContent', ['root']);
 
-const _excluded$3 = ["className", "component"];
-const useUtilityClasses$1 = ownerState => {
+const _excluded$5 = ["className", "component"];
+const useUtilityClasses$3 = ownerState => {
   const {
     classes
   } = ownerState;
@@ -14341,11 +15054,11 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
       className,
       component = 'div'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3);
+    other = _objectWithoutPropertiesLoose(props, _excluded$5);
   const ownerState = _extends({}, props, {
     component
   });
-  const classes = useUtilityClasses$1(ownerState);
+  const classes = useUtilityClasses$3(ownerState);
   return /*#__PURE__*/jsx(CardContentRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
@@ -14382,7 +15095,7 @@ process.env.NODE_ENV !== "production" ? CardContent.propTypes /* remove-proptype
 } : void 0;
 var CardContent$1 = CardContent;
 
-const _excluded$2 = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
+const _excluded$4 = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "open", "slotProps", "slots", "theme"];
 const ModalRoot = styled$1('div', {
   name: 'MuiModal',
   slot: 'Root',
@@ -14461,7 +15174,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
       // eslint-disable-next-line react/prop-types
       theme
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2);
+    other = _objectWithoutPropertiesLoose(props, _excluded$4);
   const [exited, setExited] = React.useState(true);
   const commonProps = {
     container,
@@ -14680,7 +15393,244 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
 } : void 0;
 var Modal$1 = Modal;
 
-const _excluded$1 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+function getDividerUtilityClass(slot) {
+  return generateUtilityClass('MuiDivider', slot);
+}
+generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+
+const _excluded$3 = ["absolute", "children", "className", "component", "flexItem", "light", "orientation", "role", "textAlign", "variant"];
+const useUtilityClasses$2 = ownerState => {
+  const {
+    absolute,
+    children,
+    classes,
+    flexItem,
+    light,
+    orientation,
+    textAlign,
+    variant
+  } = ownerState;
+  const slots = {
+    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
+    wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
+  };
+  return composeClasses(slots, getDividerUtilityClass, classes);
+};
+const DividerRoot = styled$1('div', {
+  name: 'MuiDivider',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
+  }
+})(({
+  theme,
+  ownerState
+}) => _extends({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: 'solid',
+  borderColor: (theme.vars || theme).palette.divider,
+  borderBottomWidth: 'thin'
+}, ownerState.absolute && {
+  position: 'absolute',
+  bottom: 0,
+  left: 0,
+  width: '100%'
+}, ownerState.light && {
+  borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)
+}, ownerState.variant === 'inset' && {
+  marginLeft: 72
+}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {
+  marginLeft: theme.spacing(2),
+  marginRight: theme.spacing(2)
+}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {
+  marginTop: theme.spacing(1),
+  marginBottom: theme.spacing(1)
+}, ownerState.orientation === 'vertical' && {
+  height: '100%',
+  borderBottomWidth: 0,
+  borderRightWidth: 'thin'
+}, ownerState.flexItem && {
+  alignSelf: 'stretch',
+  height: 'auto'
+}), ({
+  ownerState
+}) => _extends({}, ownerState.children && {
+  display: 'flex',
+  whiteSpace: 'nowrap',
+  textAlign: 'center',
+  border: 0,
+  '&::before, &::after': {
+    content: '""',
+    alignSelf: 'center'
+  }
+}), ({
+  theme,
+  ownerState
+}) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
+  '&::before, &::after': {
+    width: '100%',
+    borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
+  }
+}), ({
+  theme,
+  ownerState
+}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
+  flexDirection: 'column',
+  '&::before, &::after': {
+    height: '100%',
+    borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`
+  }
+}), ({
+  ownerState
+}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
+  '&::before': {
+    width: '90%'
+  },
+  '&::after': {
+    width: '10%'
+  }
+}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {
+  '&::before': {
+    width: '10%'
+  },
+  '&::after': {
+    width: '90%'
+  }
+}));
+const DividerWrapper = styled$1('span', {
+  name: 'MuiDivider',
+  slot: 'Wrapper',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];
+  }
+})(({
+  theme,
+  ownerState
+}) => _extends({
+  display: 'inline-block',
+  paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${theme.spacing(1)} * 1.2)`
+}, ownerState.orientation === 'vertical' && {
+  paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
+  paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
+}));
+const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiDivider'
+  });
+  const {
+      absolute = false,
+      children,
+      className,
+      component = children ? 'div' : 'hr',
+      flexItem = false,
+      light = false,
+      orientation = 'horizontal',
+      role = component !== 'hr' ? 'separator' : undefined,
+      textAlign = 'center',
+      variant = 'fullWidth'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded$3);
+  const ownerState = _extends({}, props, {
+    absolute,
+    component,
+    flexItem,
+    light,
+    orientation,
+    role,
+    textAlign,
+    variant
+  });
+  const classes = useUtilityClasses$2(ownerState);
+  return /*#__PURE__*/jsx(DividerRoot, _extends({
+    as: component,
+    className: clsx(classes.root, className),
+    role: role,
+    ref: ref,
+    ownerState: ownerState
+  }, other, {
+    children: children ? /*#__PURE__*/jsx(DividerWrapper, {
+      className: classes.wrapper,
+      ownerState: ownerState,
+      children: children
+    }) : null
+  }));
+});
+process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: PropTypes.bool,
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: PropTypes.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   */
+  light: PropTypes.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
+  /**
+   * @ignore
+   */
+  role: PropTypes /* @typescript-to-proptypes-ignore */.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: PropTypes.oneOf(['center', 'left', 'right']),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])
+} : void 0;
+var Divider$1 = Divider;
+
+const _excluded$2 = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 function getTranslateValue(direction, node, resolvedContainer) {
   const rect = node.getBoundingClientRect();
   const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
@@ -14769,7 +15719,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2);
   const childrenRef = React.useRef(null);
   const handleRef = useForkRef(children.ref, childrenRef, ref);
   const normalizedTransitionCallback = callback => isAppearing => {
@@ -14997,7 +15947,7 @@ function getDrawerUtilityClass(slot) {
 }
 generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'paperAnchorLeft', 'paperAnchorRight', 'paperAnchorTop', 'paperAnchorBottom', 'paperAnchorDockedLeft', 'paperAnchorDockedRight', 'paperAnchorDockedTop', 'paperAnchorDockedBottom', 'modal']);
 
-const _excluded = ["BackdropProps"],
+const _excluded$1 = ["BackdropProps"],
   _excluded2 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
 const overridesResolver = (props, styles) => {
   const {
@@ -15005,7 +15955,7 @@ const overridesResolver = (props, styles) => {
   } = props;
   return [styles.root, (ownerState.variant === 'permanent' || ownerState.variant === 'persistent') && styles.docked, styles.modal];
 };
-const useUtilityClasses = ownerState => {
+const useUtilityClasses$1 = ownerState => {
   const {
     classes,
     anchor,
@@ -15137,7 +16087,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
       transitionDuration = defaultTransitionDuration,
       variant = 'temporary'
     } = props,
-    ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded),
+    ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$1),
     other = _objectWithoutPropertiesLoose(props, _excluded2);
 
   // Let's assume that the Drawer will always be rendered on user space.
@@ -15155,7 +16105,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     open,
     variant
   }, other);
-  const classes = useUtilityClasses(ownerState);
+  const classes = useUtilityClasses$1(ownerState);
   const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends({
     elevation: variant === 'temporary' ? elevation : 0,
     square: true
@@ -15292,6 +16242,346 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
 } : void 0;
 var Drawer$1 = Drawer;
 
+function getLinearProgressUtilityClass(slot) {
+  return generateUtilityClass('MuiLinearProgress', slot);
+}
+generateUtilityClasses('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
+
+const _excluded = ["className", "color", "value", "valueBuffer", "variant"];
+let _ = t => t,
+  _t,
+  _t2,
+  _t3,
+  _t4,
+  _t5,
+  _t6;
+const TRANSITION_DURATION = 4; // seconds
+const indeterminate1Keyframe = keyframes(_t || (_t = _`
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+
+  100% {
+    left: 100%;
+    right: -90%;
+  }
+`));
+const indeterminate2Keyframe = keyframes(_t2 || (_t2 = _`
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+`));
+const bufferKeyframe = keyframes(_t3 || (_t3 = _`
+  0% {
+    opacity: 1;
+    background-position: 0 -23px;
+  }
+
+  60% {
+    opacity: 0;
+    background-position: 0 -23px;
+  }
+
+  100% {
+    opacity: 1;
+    background-position: -200px -23px;
+  }
+`));
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    variant,
+    color
+  } = ownerState;
+  const slots = {
+    root: ['root', `color${capitalize(color)}`, variant],
+    dashed: ['dashed', `dashedColor${capitalize(color)}`],
+    bar1: ['bar', `barColor${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
+    bar2: ['bar', variant !== 'buffer' && `barColor${capitalize(color)}`, variant === 'buffer' && `color${capitalize(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
+  };
+  return composeClasses(slots, getLinearProgressUtilityClass, classes);
+};
+const getColorShade = (theme, color) => {
+  if (color === 'inherit') {
+    return 'currentColor';
+  }
+  if (theme.vars) {
+    return theme.vars.palette.LinearProgress[`${color}Bg`];
+  }
+  return theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.5);
+};
+const LinearProgressRoot = styled$1('span', {
+  name: 'MuiLinearProgress',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[`color${capitalize(ownerState.color)}`], styles[ownerState.variant]];
+  }
+})(({
+  ownerState,
+  theme
+}) => _extends({
+  position: 'relative',
+  overflow: 'hidden',
+  display: 'block',
+  height: 4,
+  zIndex: 0,
+  // Fix Safari's bug during composition of different paint.
+  '@media print': {
+    colorAdjust: 'exact'
+  },
+  backgroundColor: getColorShade(theme, ownerState.color)
+}, ownerState.color === 'inherit' && ownerState.variant !== 'buffer' && {
+  backgroundColor: 'none',
+  '&::before': {
+    content: '""',
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'currentColor',
+    opacity: 0.3
+  }
+}, ownerState.variant === 'buffer' && {
+  backgroundColor: 'transparent'
+}, ownerState.variant === 'query' && {
+  transform: 'rotate(180deg)'
+}));
+const LinearProgressDashed = styled$1('span', {
+  name: 'MuiLinearProgress',
+  slot: 'Dashed',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.dashed, styles[`dashedColor${capitalize(ownerState.color)}`]];
+  }
+})(({
+  ownerState,
+  theme
+}) => {
+  const backgroundColor = getColorShade(theme, ownerState.color);
+  return _extends({
+    position: 'absolute',
+    marginTop: 0,
+    height: '100%',
+    width: '100%'
+  }, ownerState.color === 'inherit' && {
+    opacity: 0.3
+  }, {
+    backgroundImage: `radial-gradient(${backgroundColor} 0%, ${backgroundColor} 16%, transparent 42%)`,
+    backgroundSize: '10px 10px',
+    backgroundPosition: '0 -23px'
+  });
+}, css(_t4 || (_t4 = _`
+    animation: ${0} 3s infinite linear;
+  `), bufferKeyframe));
+const LinearProgressBar1 = styled$1('span', {
+  name: 'MuiLinearProgress',
+  slot: 'Bar1',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar1Indeterminate, ownerState.variant === 'determinate' && styles.bar1Determinate, ownerState.variant === 'buffer' && styles.bar1Buffer];
+  }
+})(({
+  ownerState,
+  theme
+}) => _extends({
+  width: '100%',
+  position: 'absolute',
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: 'transform 0.2s linear',
+  transformOrigin: 'left',
+  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
+}, ownerState.variant === 'determinate' && {
+  transition: `transform .${TRANSITION_DURATION}s linear`
+}, ownerState.variant === 'buffer' && {
+  zIndex: 1,
+  transition: `transform .${TRANSITION_DURATION}s linear`
+}), ({
+  ownerState
+}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t5 || (_t5 = _`
+      width: auto;
+      animation: ${0} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+    `), indeterminate1Keyframe));
+const LinearProgressBar2 = styled$1('span', {
+  name: 'MuiLinearProgress',
+  slot: 'Bar2',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.bar, styles[`barColor${capitalize(ownerState.color)}`], (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && styles.bar2Indeterminate, ownerState.variant === 'buffer' && styles.bar2Buffer];
+  }
+})(({
+  ownerState,
+  theme
+}) => _extends({
+  width: '100%',
+  position: 'absolute',
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: 'transform 0.2s linear',
+  transformOrigin: 'left'
+}, ownerState.variant !== 'buffer' && {
+  backgroundColor: ownerState.color === 'inherit' ? 'currentColor' : (theme.vars || theme).palette[ownerState.color].main
+}, ownerState.color === 'inherit' && {
+  opacity: 0.3
+}, ownerState.variant === 'buffer' && {
+  backgroundColor: getColorShade(theme, ownerState.color),
+  transition: `transform .${TRANSITION_DURATION}s linear`
+}), ({
+  ownerState
+}) => (ownerState.variant === 'indeterminate' || ownerState.variant === 'query') && css(_t6 || (_t6 = _`
+      width: auto;
+      animation: ${0} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+    `), indeterminate2Keyframe));
+
+/**
+ * ## ARIA
+ *
+ * If the progress bar is describing the loading progress of a particular region of a page,
+ * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
+ * attribute to `true` on that region until it has finished loading.
+ */
+const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiLinearProgress'
+  });
+  const {
+      className,
+      color = 'primary',
+      value,
+      valueBuffer,
+      variant = 'indeterminate'
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
+    color,
+    variant
+  });
+  const classes = useUtilityClasses(ownerState);
+  const theme = useTheme();
+  const rootProps = {};
+  const inlineStyles = {
+    bar1: {},
+    bar2: {}
+  };
+  if (variant === 'determinate' || variant === 'buffer') {
+    if (value !== undefined) {
+      rootProps['aria-valuenow'] = Math.round(value);
+      rootProps['aria-valuemin'] = 0;
+      rootProps['aria-valuemax'] = 100;
+      let transform = value - 100;
+      if (theme.direction === 'rtl') {
+        transform = -transform;
+      }
+      inlineStyles.bar1.transform = `translateX(${transform}%)`;
+    } else if (process.env.NODE_ENV !== 'production') {
+      console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
+    }
+  }
+  if (variant === 'buffer') {
+    if (valueBuffer !== undefined) {
+      let transform = (valueBuffer || 0) - 100;
+      if (theme.direction === 'rtl') {
+        transform = -transform;
+      }
+      inlineStyles.bar2.transform = `translateX(${transform}%)`;
+    } else if (process.env.NODE_ENV !== 'production') {
+      console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
+    }
+  }
+  return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
+    className: clsx(classes.root, className),
+    ownerState: ownerState,
+    role: "progressbar"
+  }, rootProps, {
+    ref: ref
+  }, other, {
+    children: [variant === 'buffer' ? /*#__PURE__*/jsx(LinearProgressDashed, {
+      className: classes.dashed,
+      ownerState: ownerState
+    }) : null, /*#__PURE__*/jsx(LinearProgressBar1, {
+      className: classes.bar1,
+      ownerState: ownerState,
+      style: inlineStyles.bar1
+    }), variant === 'determinate' ? null : /*#__PURE__*/jsx(LinearProgressBar2, {
+      className: classes.bar2,
+      ownerState: ownerState,
+      style: inlineStyles.bar2
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * The value of the progress indicator for the determinate and buffer variants.
+   * Value between 0 and 100.
+   */
+  value: PropTypes.number,
+  /**
+   * The value for the buffer variant.
+   * Value between 0 and 100.
+   */
+  valueBuffer: PropTypes.number,
+  /**
+   * The variant to use.
+   * Use indeterminate or query when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: PropTypes.oneOf(['buffer', 'determinate', 'indeterminate', 'query'])
+} : void 0;
+var LinearProgress$1 = LinearProgress;
+
 const Stack = createStack({
   createStyledComponent: styled$1('div', {
     name: 'MuiStack',
@@ -15352,58 +16642,53 @@ var Stack$1 = Stack;
 var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3csymbol id='create' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M111.051 151.884L131.834 178.147C132.913 179.511 135.091 178.965 135.404 177.252L141.462 143.805' stroke='%23455A64' stroke-width='3' stroke-miterlimit='10'/%3e %3cpath d='M51.5779 109.002H157L140.363 142.002H70.9327L50.3481 111.51C49.5227 110.497 50.2582 109.002 51.5779 109.002Z' fill='%2383ABDE' stroke='%2304447F' stroke-miterlimit='10'/%3e %3cpath d='M60.5 160.167C60.5 148.753 69.7512 139.502 81.1644 139.502C92.5777 139.502 101.829 148.753 101.829 160.167C101.829 171.58 92.5777 180.831 81.1644 180.831C69.7512 180.831 60.5 171.58 60.5 160.167ZM71.3017 160.167C71.3017 165.614 75.7175 170.029 81.1644 170.029C86.6114 170.029 91.0272 165.614 91.0272 160.167C91.0272 154.72 86.6114 150.304 81.1644 150.304C75.7175 150.304 71.3017 154.72 71.3017 160.167Z' fill='%23455A64' stroke='%23263238' stroke-miterlimit='10'/%3e %3cpath d='M82.2108 163.688L82.3783 163.641L144.616 146.301L169.744 98.2155L169.884 97.9471H170.187H178.247C180.028 97.9471 181.469 96.5025 181.469 94.7244C181.469 92.943 180.025 91.5018 178.247 91.5018H165.712L140.624 139.511L140.524 139.703L140.315 139.761L80.3764 156.461C80.3763 156.461 80.3763 156.461 80.3762 156.461C78.4234 157.006 77.2636 159.008 77.7621 160.971L82.2108 163.688ZM82.2108 163.688C80.2481 164.14 78.2645 162.945 77.7622 160.971L82.2108 163.688Z' fill='%23F4F7F9' stroke='%23263238'/%3e %3cpath d='M26 183.144L33.2302 176.88L35.4503 173.386L40.5175 170.632L48.5844 168.002L55.6288 170.632L59.2357 174.417L63.7183 174.261L70.1131 176.275L75.6746 179.927L78.5669 183.868L26 183.144Z' fill='%23EEE4B0'/%3e %3cpath d='M46.1618 174.674C46.0308 174.646 45.9023 174.607 45.7777 174.558C45.532 174.476 45.1817 174.352 44.7411 174.23C44.228 174.081 43.6965 174.005 43.1622 174.004C42.5116 174.003 41.876 174.2 41.3403 174.569C41.0778 174.783 40.8375 175.022 40.6229 175.284C40.5072 175.408 40.3728 175.514 40.2247 175.597C40.0776 175.674 39.9158 175.718 39.7501 175.727C39.4338 175.75 39.1457 175.699 38.883 175.704C38.638 175.711 38.3965 175.763 38.1712 175.86C37.8403 175.997 37.549 176.214 37.3238 176.493C37.1657 176.693 37.1064 176.823 37.0951 176.817C37.0838 176.812 37.0951 176.781 37.129 176.718C37.1714 176.628 37.2215 176.541 37.2787 176.459C37.494 176.156 37.7866 175.916 38.126 175.764C38.3617 175.656 38.6158 175.595 38.8745 175.583C39.157 175.583 39.4394 175.617 39.7219 175.583C39.8729 175.571 40.02 175.529 40.1544 175.459C40.2888 175.389 40.4078 175.293 40.5043 175.176C40.7212 174.906 40.9664 174.66 41.2358 174.442C41.7988 174.061 42.4657 173.864 43.1452 173.877C43.6911 173.883 44.2329 173.972 44.7524 174.14C45.1958 174.275 45.5433 174.422 45.7805 174.513C45.9125 174.554 46.0402 174.608 46.1618 174.674Z' fill='%231E62A1'/%3e %3cpath d='M66.0544 179.718C65.8911 179.66 65.7308 179.594 65.5743 179.52C65.1884 179.379 64.7787 179.315 64.3682 179.331C63.9573 179.348 63.5535 179.443 63.179 179.613C63.029 179.7 62.8743 179.778 62.7158 179.848C62.8279 179.709 62.9699 179.598 63.131 179.523C63.509 179.316 63.9298 179.199 64.3605 179.181C64.7912 179.164 65.2201 179.246 65.6138 179.421C65.7822 179.484 65.9332 179.585 66.0544 179.718Z' fill='%231E62A1'/%3e %3cmask id='path-15-inside-1_1144_129382' fill='white'%3e %3cpath d='M100.738 99.8354C101.631 100.403 103.05 101.43 103.794 101.975C103.176 101.537 102.031 100.726 100.738 99.8354Z'/%3e %3c/mask%3e %3cpath d='M100.738 99.8354C101.631 100.403 103.05 101.43 103.794 101.975C103.176 101.537 102.031 100.726 100.738 99.8354Z' fill='%23FFFBC7'/%3e %3cpath d='M100.738 99.8354L101.275 98.9917L100.171 100.659L100.738 99.8354ZM103.794 101.975L103.216 102.791L104.385 101.168L103.794 101.975ZM100.201 100.679C101.062 101.227 102.455 102.233 103.203 102.782L104.385 101.168C103.645 100.626 102.2 99.5803 101.275 98.9917L100.201 100.679ZM104.372 101.159C103.754 100.721 102.604 99.9065 101.306 99.0118L100.171 100.659C101.458 101.545 102.598 102.353 103.216 102.791L104.372 101.159Z' fill='%231E62A1' mask='url(%23path-15-inside-1_1144_129382)'/%3e %3cpath d='M146.805 109.48L146.813 109.48L146.805 109.48ZM146.805 109.48L146.817 109.98M146.805 109.48L146.817 109.98M146.817 109.98C146.805 109.48 146.805 109.48 146.804 109.48L146.804 109.48L146.801 109.48L146.792 109.481L146.753 109.482L146.602 109.486C146.469 109.489 146.272 109.495 146.016 109.503C145.504 109.518 144.755 109.542 143.811 109.577C141.921 109.645 139.244 109.755 136.095 109.919C129.797 110.247 121.604 110.792 114.034 111.661C106.519 112.524 99.4772 112.375 94.3123 112.009C91.7307 111.826 89.62 111.59 88.1561 111.399C87.4242 111.304 86.8541 111.22 86.4678 111.16C86.2746 111.13 86.1274 111.106 86.0289 111.09C86.0054 111.086 85.9848 111.082 85.9669 111.079C85.9472 111.076 85.9309 111.073 85.918 111.071L85.8906 111.066L85.884 111.065L85.8825 111.065L85.8823 111.065L85.3689 110.974M146.817 109.98L85.3689 110.974M85.3689 110.974L85.3002 111.485M85.3689 110.974L85.3002 111.485M55.4109 99.9256C55.9033 100.013 55.9032 100.013 55.9032 100.013L55.9033 100.013L55.4109 99.9256ZM55.4109 99.9256L55.451 100.424L55.4512 100.424C55.4511 100.424 55.451 100.424 55.4109 99.9256ZM85.4193 86.7107C85.6678 87.1446 85.6675 87.1447 85.6673 87.1448L85.6678 87.1446L85.4193 86.7107ZM85.4193 86.7107L85.274 87.1892L85.2744 87.1893C85.2742 87.1892 85.274 87.1892 85.4193 86.7107ZM131.687 88.2917C133.891 89.2989 135.825 90.435 137.506 91.6363L137.507 91.6377C141.135 94.2059 143.628 97.0331 145.268 99.3535L145.268 99.3537C146.26 100.756 146.94 101.972 147.371 102.834C147.587 103.265 147.74 103.608 147.839 103.84C147.888 103.956 147.924 104.045 147.947 104.104C147.958 104.133 147.967 104.155 147.972 104.169L147.977 104.184L147.979 104.187L147.979 104.187L147.979 104.188L147.979 104.188L148.05 104.386L148.243 104.474L148.243 104.474L148.244 104.474L148.248 104.476L148.263 104.483L148.326 104.512C148.381 104.537 148.463 104.575 148.565 104.624C148.77 104.722 149.061 104.863 149.401 105.036C150.084 105.383 150.957 105.855 151.738 106.361C152.539 106.881 153.17 107.391 153.441 107.8C153.575 108.002 153.56 108.088 153.557 108.1C153.556 108.103 153.53 108.204 153.239 108.33C151.884 108.916 150.286 109.207 149.006 109.349C148.371 109.419 147.822 109.452 147.432 109.467C147.238 109.475 147.084 109.478 146.979 109.479C146.927 109.48 146.887 109.48 146.86 109.48L146.831 109.48L146.824 109.48L146.822 109.48L146.822 109.48L131.687 88.2917ZM131.687 88.2917L131.895 87.8366L131.687 88.2914C131.687 88.2915 131.687 88.2916 131.687 88.2917ZM85.3002 111.485C85.3 111.486 85.2997 111.488 85.2993 111.49C85.2977 111.498 85.2943 111.514 85.2884 111.537C85.2764 111.583 85.2541 111.655 85.2155 111.743C85.1384 111.919 84.9964 112.161 84.738 112.398C84.2328 112.862 83.199 113.381 81.094 113.211C80.6284 113.173 79.9032 113.057 78.966 112.878C75.2638 112.154 68.5612 110.43 62.5791 108.536C59.588 107.589 56.7892 106.603 54.6413 105.683C53.5665 105.223 52.6663 104.784 51.9903 104.379C51.2909 103.961 50.9089 103.624 50.7737 103.393L50.7676 103.382M85.3002 111.485L50.7676 103.382M50.7676 103.382L50.761 103.372M50.7676 103.382L50.761 103.372M50.761 103.372C50.7453 103.348 50.7276 103.316 50.7152 103.291L50.7153 103.291M50.761 103.372L50.7153 103.291M50.7153 103.291L50.7102 103.281L50.7153 103.291ZM55.9028 100.015L55.8359 100.393L55.9028 100.015ZM55.9028 100.015C55.9028 100.015 55.9028 100.015 55.9029 100.015M55.9028 100.015L55.9029 100.015M55.9029 100.015C55.903 100.014 55.9031 100.014 55.9033 100.013M55.9029 100.015L55.9033 100.013M55.9033 100.013L55.9073 99.994M55.9033 100.013L55.9073 99.994M55.9073 99.994C55.9114 99.9751 55.9187 99.9437 55.9301 99.9007M55.9073 99.994L55.9301 99.9007M55.9301 99.9007C55.953 99.8146 55.9923 99.6817 56.0557 99.5077M55.9301 99.9007L56.0557 99.5077M56.0557 99.5077C56.1822 99.1605 56.405 98.6489 56.7856 98.0185L56.0557 99.5077ZM137.796 91.2296C141.477 93.8356 144.009 96.7059 145.676 99.065L137.796 91.2296ZM66.691 90.1171C66.6917 90.1168 66.6923 90.1165 66.6929 90.1162L66.4759 89.6658L66.6891 90.1181C66.6897 90.1178 66.6904 90.1175 66.691 90.1171ZM58.1184 96.219L57.7375 95.895L58.115 96.223C58.1155 96.2223 58.1161 96.2216 58.1167 96.221C58.1172 96.2203 58.1178 96.2197 58.1184 96.219ZM57.3664 97.1597C57.3669 97.1589 57.3674 97.1582 57.368 97.1574L56.9635 96.8635L57.3648 97.1617C57.3653 97.161 57.3658 97.1604 57.3664 97.1597Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M120.968 99.244C121.036 99.3139 121.103 99.3847 121.166 99.4555C121.404 99.7188 121.587 99.961 121.701 100.156C121.66 100.123 121.615 100.083 121.566 100.035C121.37 99.8403 121.165 99.5611 120.968 99.244Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='path-19-inside-2_1144_129382' fill='white'%3e %3cpath d='M120.699 96.3469C120.699 96.3469 123.018 99.9863 123.648 99.9927C124.278 99.9991 122.26 97.3039 120.699 96.3469Z'/%3e %3c/mask%3e %3cpath d='M120.699 96.3469C120.699 96.3469 123.018 99.9863 123.648 99.9927C124.278 99.9991 122.26 97.3039 120.699 96.3469Z' fill='%231E62A1'/%3e %3cpath d='M120.699 96.3469L121.222 95.4944L119.856 96.8843L120.699 96.3469ZM120.699 96.3469C119.856 96.8843 119.856 96.8844 119.856 96.8844C119.856 96.8845 119.856 96.8846 119.856 96.8847C119.856 96.8848 119.856 96.8851 119.857 96.8854C119.857 96.8859 119.857 96.8867 119.858 96.8878C119.859 96.8898 119.861 96.8927 119.864 96.8964C119.868 96.9039 119.875 96.9147 119.884 96.9286C119.902 96.9565 119.928 96.9969 119.961 97.048C120.028 97.1502 120.123 97.2956 120.239 97.4699C120.47 97.8175 120.788 98.2841 121.127 98.7533C121.463 99.2177 121.836 99.7061 122.176 100.087C122.344 100.275 122.527 100.463 122.711 100.611C122.803 100.686 122.917 100.768 123.047 100.837C123.166 100.899 123.375 100.99 123.638 100.993L123.658 98.9928C123.842 98.9946 123.959 99.0566 123.975 99.0648C124.002 99.079 124.001 99.0827 123.97 99.057C123.906 99.0056 123.805 98.9078 123.667 98.7537C123.396 98.4503 123.07 98.0278 122.748 97.5815C122.429 97.1401 122.127 96.6964 121.904 96.3614C121.793 96.1944 121.702 96.0555 121.639 95.9586C121.607 95.9102 121.583 95.8724 121.567 95.847C121.558 95.8343 121.552 95.8246 121.548 95.8183C121.546 95.8152 121.545 95.8128 121.544 95.8114C121.543 95.8106 121.543 95.8101 121.543 95.8098C121.543 95.8097 121.543 95.8096 121.543 95.8095C121.543 95.8095 121.543 95.8095 121.543 95.8095C121.543 95.8095 121.543 95.8095 120.699 96.3469ZM123.638 100.993C123.848 100.995 124.176 100.939 124.446 100.667C124.708 100.403 124.761 100.089 124.766 99.9045C124.775 99.5786 124.649 99.287 124.578 99.1361C124.406 98.7683 124.11 98.3328 123.782 97.9145C123.128 97.0786 122.147 96.0616 121.222 95.4944L120.177 97.1995C120.812 97.5892 121.621 98.3983 122.208 99.1477C122.501 99.522 122.689 99.8189 122.767 99.9846C122.821 100.1 122.762 100.026 122.766 99.8498C122.769 99.7403 122.803 99.4844 123.025 99.2596C123.256 99.0265 123.526 98.9914 123.658 98.9928L123.638 100.993Z' fill='%231E62A1' mask='url(%23path-19-inside-2_1144_129382)'/%3e %3cpath d='M135.778 108.44C135.917 108.667 136.043 108.798 136.138 108.767L135.778 108.44Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='path-22-inside-3_1144_129382' fill='white'%3e %3cpath d='M136.332 104.998C136.332 104.998 136.931 107.99 137.559 108.152C138.187 108.314 136.332 104.998 136.332 104.998Z'/%3e %3c/mask%3e %3cpath d='M136.332 104.998C136.332 104.998 136.931 107.99 137.559 108.152C138.187 108.314 136.332 104.998 136.332 104.998Z' fill='%231E62A1'/%3e %3cpath d='M136.332 104.998L137.205 104.51L135.351 105.194L136.332 104.998ZM136.332 104.998C135.351 105.194 135.352 105.194 135.352 105.194C135.352 105.195 135.352 105.195 135.352 105.195C135.352 105.195 135.352 105.195 135.352 105.196C135.352 105.196 135.352 105.197 135.352 105.198C135.353 105.2 135.353 105.203 135.354 105.206C135.355 105.213 135.357 105.222 135.36 105.234C135.365 105.258 135.372 105.293 135.381 105.336C135.4 105.424 135.427 105.547 135.462 105.695C135.53 105.99 135.63 106.389 135.752 106.799C135.871 107.201 136.022 107.648 136.2 108.021C136.288 108.205 136.399 108.409 136.54 108.588C136.662 108.743 136.911 109.017 137.309 109.12L137.809 107.184C138.051 107.246 138.144 107.392 138.112 107.352C138.1 107.336 138.062 107.279 138.005 107.161C137.894 106.927 137.778 106.596 137.669 106.229C137.562 105.871 137.473 105.512 137.409 105.241C137.378 105.106 137.353 104.994 137.337 104.917C137.329 104.879 137.322 104.849 137.318 104.829C137.316 104.819 137.315 104.812 137.314 104.807C137.313 104.805 137.313 104.803 137.313 104.802C137.313 104.802 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.801 137.313 104.801C137.313 104.801 137.313 104.802 136.332 104.998ZM137.309 109.12C137.5 109.17 137.883 109.213 138.242 108.949C138.582 108.699 138.659 108.347 138.679 108.187C138.717 107.885 138.635 107.59 138.591 107.443C138.481 107.074 138.279 106.614 138.084 106.206C137.882 105.783 137.663 105.359 137.495 105.044C137.411 104.885 137.339 104.753 137.288 104.66C137.262 104.613 137.242 104.576 137.227 104.55C137.22 104.538 137.215 104.528 137.211 104.521C137.209 104.517 137.208 104.515 137.207 104.513C137.206 104.512 137.206 104.511 137.205 104.511C137.205 104.51 137.205 104.51 137.205 104.51C137.205 104.51 137.205 104.51 137.205 104.51C137.205 104.51 137.205 104.51 136.332 104.998C135.459 105.486 135.459 105.486 135.459 105.486C135.459 105.486 135.459 105.486 135.459 105.486C135.459 105.486 135.459 105.486 135.459 105.486C135.46 105.487 135.46 105.487 135.46 105.488C135.461 105.489 135.462 105.491 135.464 105.494C135.467 105.5 135.472 105.508 135.478 105.52C135.491 105.543 135.51 105.577 135.534 105.621C135.581 105.708 135.649 105.833 135.729 105.983C135.89 106.285 136.095 106.68 136.278 107.066C136.469 107.466 136.612 107.805 136.674 108.012C136.716 108.154 136.676 108.091 136.695 107.939C136.705 107.855 136.758 107.557 137.056 107.338C137.374 107.105 137.697 107.155 137.809 107.184L137.309 109.12Z' fill='%231E62A1' mask='url(%23path-22-inside-3_1144_129382)'/%3e %3cmask id='path-24-inside-4_1144_129382' fill='white'%3e %3cpath d='M137.63 101.233C137.63 101.233 141.261 99.6989 141.096 100.638C140.931 101.578 137.63 101.233 137.63 101.233Z'/%3e %3c/mask%3e %3cpath d='M137.63 101.233C137.63 101.233 141.261 99.6989 141.096 100.638C140.931 101.578 137.63 101.233 137.63 101.233Z' fill='%231E62A1'/%3e %3cpath d='M137.63 101.233L137.241 100.311L137.526 102.227L137.63 101.233ZM137.63 101.233C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.019 102.154 138.019 102.154C138.019 102.154 138.02 102.154 138.02 102.153C138.022 102.153 138.024 102.152 138.027 102.151C138.032 102.148 138.042 102.144 138.054 102.139C138.078 102.129 138.115 102.114 138.161 102.095C138.255 102.057 138.39 102.003 138.552 101.942C138.878 101.817 139.301 101.664 139.712 101.541C140.147 101.411 140.481 101.341 140.661 101.334C140.777 101.33 140.667 101.359 140.497 101.261C140.385 101.197 140.249 101.078 140.167 100.888C140.088 100.706 140.097 100.547 140.111 100.465L142.081 100.811C142.116 100.612 142.116 100.355 142.002 100.092C141.885 99.8218 141.688 99.6391 141.493 99.527C141.156 99.3332 140.789 99.3281 140.588 99.3355C140.133 99.3522 139.59 99.4897 139.138 99.6252C138.662 99.7681 138.188 99.9398 137.838 100.073C137.662 100.141 137.514 100.199 137.41 100.242C137.358 100.263 137.317 100.28 137.288 100.292C137.274 100.298 137.262 100.302 137.255 100.306C137.251 100.307 137.247 100.309 137.245 100.31C137.244 100.31 137.243 100.31 137.242 100.311C137.242 100.311 137.242 100.311 137.242 100.311C137.241 100.311 137.241 100.311 137.241 100.311C137.241 100.311 137.241 100.311 137.63 101.233ZM140.111 100.465C140.18 100.076 140.505 100.077 140.198 100.17C139.988 100.233 139.66 100.274 139.264 100.288C138.883 100.302 138.499 100.29 138.205 100.273C138.059 100.265 137.939 100.256 137.856 100.249C137.814 100.246 137.783 100.243 137.762 100.241C137.751 100.24 137.744 100.239 137.739 100.238C137.737 100.238 137.735 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.734 100.238C137.734 100.238 137.734 100.238 137.63 101.233C137.526 102.227 137.526 102.227 137.526 102.227C137.527 102.227 137.527 102.227 137.527 102.227C137.527 102.227 137.528 102.227 137.528 102.227C137.529 102.227 137.53 102.227 137.531 102.228C137.533 102.228 137.536 102.228 137.54 102.229C137.548 102.229 137.559 102.23 137.573 102.232C137.6 102.234 137.64 102.238 137.689 102.242C137.787 102.25 137.926 102.261 138.092 102.27C138.422 102.289 138.873 102.304 139.338 102.287C139.788 102.27 140.317 102.222 140.772 102.085C141.13 101.978 141.93 101.67 142.081 100.811L140.111 100.465Z' fill='%231E62A1' mask='url(%23path-24-inside-4_1144_129382)'/%3e %3cpath d='M141.994 98.4307C141.985 98.3594 141.965 98.2562 141.929 98.1181C141.842 97.7927 141.68 97.3318 141.432 96.7528C140.938 95.5981 140.121 94.0129 138.946 92.1701C137.871 90.4932 136.511 88.6089 134.828 86.6436L134.827 86.6421C134.351 86.0826 133.847 85.5659 133.326 85.0724L133.301 85.0596L133.25 85.0129C128.05 80.1932 121.068 78.9534 114.988 78.7506C111.636 78.6392 108.907 78.8446 107.021 79.0771C106.077 79.1933 105.344 79.3162 104.849 79.4096C104.602 79.4563 104.414 79.4956 104.289 79.523C104.227 79.5366 104.18 79.5473 104.149 79.5545L104.115 79.5625L104.108 79.5643L104.106 79.5647L104.106 79.5647L104.106 79.5648L104.029 79.5839L103.949 79.578L103.986 79.0793C103.949 79.578 103.949 79.578 103.949 79.578L103.948 79.5779L103.946 79.5777L103.936 79.577L103.894 79.574C103.857 79.5714 103.802 79.5676 103.729 79.5627C103.583 79.5529 103.367 79.539 103.087 79.5226C102.527 79.4896 101.712 79.4463 100.691 79.4053C98.65 79.3232 95.7905 79.2498 92.5187 79.2852C85.9653 79.356 77.7952 79.8625 71.2334 81.5901L71.2332 81.5902C64.6626 83.3166 58.3065 86.2577 53.8304 88.8853C51.59 90.2005 49.8395 91.4262 48.7733 92.3696C48.232 92.8487 47.9052 93.2221 47.7644 93.4731C47.7535 93.4926 47.7444 93.51 47.737 93.5253C48.5775 93.9379 49.4181 94.1553 50.062 94.2691C50.3977 94.3285 50.6766 94.3591 50.8697 94.3748C50.9662 94.3827 51.041 94.3868 51.0904 94.3889C51.1151 94.39 51.1335 94.3906 51.145 94.3909L51.1571 94.3912L51.1586 94.3912L51.1589 94.3912L51.159 94.3912L51.1592 94.3912L51.1593 94.3912L51.4601 94.3943L51.5976 94.6615L51.5978 94.6618L51.5979 94.662L51.598 94.6622L51.5981 94.6623L51.5998 94.6656L51.611 94.6863C51.6216 94.7057 51.6386 94.7362 51.6624 94.7771C51.71 94.8588 51.7847 94.9818 51.889 95.1397C52.0977 95.4555 52.4252 95.9107 52.8929 96.4539L52.8929 96.454C54.5569 98.3874 58.0166 101.441 64.2465 103.196C67.2989 104.048 70.2792 104.634 72.9334 105.034C75.8754 105.472 78.4224 105.684 80.2329 105.787C81.1381 105.838 81.8587 105.862 82.352 105.874C82.5987 105.879 82.7885 105.882 82.9161 105.883C82.9799 105.883 83.0281 105.883 83.0601 105.883L83.0959 105.883L83.1045 105.883L83.1064 105.883L83.1069 105.883L83.5366 105.88L83.6034 106.303L83.6034 106.303L83.6035 106.304L83.6036 106.304L83.6037 106.305L83.6038 106.305L83.6049 106.311C83.6065 106.319 83.6094 106.334 83.6139 106.354C83.6231 106.394 83.6385 106.455 83.6624 106.53C83.7106 106.681 83.791 106.882 83.9183 107.086C84.1671 107.483 84.5872 107.883 85.3354 107.952L141.994 98.4307ZM141.994 98.4307C141.992 98.4325 141.989 98.4345 141.987 98.4364C141.936 98.4743 141.858 98.5222 141.742 98.5769C141.507 98.6873 141.149 98.8116 140.615 98.9396C139.548 99.1953 137.846 99.451 135.183 99.6599C132.544 99.8632 127.115 99.6912 122.313 99.4649C119.919 99.3521 117.692 99.2264 116.063 99.1289C115.249 99.0802 114.584 99.0385 114.124 99.009C113.893 98.9942 113.714 98.9825 113.592 98.9745L113.453 98.9654L113.418 98.963L113.409 98.9624L113.407 98.9623L113.406 98.9622C113.406 98.9622 113.406 98.9622 113.372 99.4611L113.406 98.9622L113.254 98.952L113.123 99.0278L113.123 99.0278L113.122 99.0282L113.119 99.0298L113.107 99.037L113.056 99.0658C113.011 99.0914 112.943 99.1293 112.855 99.1781C112.678 99.2758 112.418 99.417 112.089 99.59C111.431 99.936 110.496 100.409 109.391 100.913C107.173 101.926 104.296 103.057 101.6 103.57L141.994 98.4307ZM89.7935 103.821L89.7932 103.821L89.7919 103.823L89.7861 103.832L89.7618 103.868C89.7401 103.899 89.7077 103.946 89.6656 104.006C89.5813 104.127 89.4582 104.299 89.3045 104.505C88.9964 104.919 88.5682 105.467 88.0844 106.007C87.598 106.55 87.069 107.07 86.5602 107.44C86.0307 107.825 85.6162 107.978 85.3356 107.952L89.7935 103.821ZM89.7935 103.821L89.7935 103.821M89.7935 103.821L89.7935 103.821M90.2916 103.606L90.2916 103.606L90.2921 103.606L90.2947 103.607L90.3064 103.609L90.3549 103.617C90.3982 103.623 90.4631 103.633 90.5482 103.646C90.7184 103.671 90.9689 103.705 91.2874 103.743C91.9243 103.82 92.8319 103.912 93.9102 103.971C96.071 104.091 98.8972 104.08 101.6 103.57L90.2916 103.606ZM90.2916 103.606L90.2915 103.606M90.2916 103.606L90.2915 103.606M90.2915 103.606L89.9732 103.553M90.2915 103.606L89.9732 103.553M89.9732 103.553L89.7935 103.821M89.9732 103.553L89.7935 103.821M89.7935 103.821L89.7935 103.821M89.7935 103.821L89.7935 103.821' fill='%23FFFBC7' stroke='%231E62A1'/%3e %3cpath opacity='0.5' d='M56.6898 96.2217C56.6555 96.2042 56.622 96.1872 56.5893 96.1705C57.1759 96.186 58.0282 96.3086 59.0884 96.5241C61.4559 97.0053 64.7092 97.9171 67.9563 98.9315C71.2005 99.9449 74.422 101.055 76.7211 101.929C77.269 102.138 77.7618 102.332 78.1885 102.507C78.0055 102.489 77.8133 102.47 77.6127 102.448C76.3956 102.313 74.8897 102.093 73.3168 101.822C70.1615 101.279 66.7837 100.542 64.9455 99.9076C63.0951 99.2685 60.8083 98.233 58.973 97.3508C58.0577 96.9109 57.2593 96.5112 56.6898 96.2217Z' fill='%23B89E09' stroke='%23B89E09'/%3e %3cpath d='M142.102 87.8866C142.093 87.8153 142.073 87.7121 142.036 87.574C141.95 87.2486 141.787 86.7877 141.54 86.2087C141.046 85.054 140.228 83.4688 139.054 81.626C137.979 79.9491 136.618 78.0648 134.935 76.0995L134.934 76.098C134.459 75.5385 133.955 75.0218 133.433 74.5283L133.408 74.5155L133.358 74.4688C128.158 69.6491 121.175 68.4093 115.095 68.2065C111.743 68.0951 109.015 68.3005 107.128 68.533C106.185 68.6492 105.452 68.7721 104.957 68.8655C104.709 68.9122 104.521 68.9515 104.396 68.9789C104.334 68.9926 104.287 69.0032 104.257 69.0104L104.223 69.0184L104.215 69.0202L104.214 69.0206L104.213 69.0206L104.213 69.0207L104.136 69.0398L104.056 69.0339L104.093 68.5352C104.056 69.0339 104.056 69.0339 104.056 69.0339L104.056 69.0338L104.053 69.0336L104.043 69.0329L104.001 69.0299C103.965 69.0273 103.909 69.0235 103.836 69.0186C103.691 69.0088 103.475 68.9949 103.195 68.9785C102.635 68.9455 101.819 68.9023 100.799 68.8612C98.7574 68.7791 95.898 68.7057 92.6261 68.7411C86.0727 68.8119 77.9027 69.3184 71.3409 71.046L71.3406 71.0461C64.77 72.7725 58.4139 75.7136 53.9378 78.3412C51.6974 79.6564 49.9469 80.8821 48.8807 81.8255C48.3394 82.3046 48.0126 82.678 47.8718 82.929C47.8609 82.9485 47.8519 82.9659 47.8444 82.9812C48.6849 83.3938 49.5255 83.6112 50.1694 83.725C50.5051 83.7844 50.784 83.815 50.9771 83.8307C51.0736 83.8386 51.1484 83.8427 51.1978 83.8449C51.2225 83.8459 51.2409 83.8465 51.2524 83.8468L51.2645 83.8471L51.2661 83.8471L51.2663 83.8471L51.2665 83.8471L51.2666 83.8471L51.2667 83.8471L51.5675 83.8502L51.7051 84.1174L51.7052 84.1177L51.7053 84.1179L51.7054 84.1181L51.7055 84.1182L51.7073 84.1216L51.7184 84.1422C51.729 84.1616 51.7461 84.1921 51.7699 84.233C51.8175 84.3147 51.8921 84.4377 51.9964 84.5956C52.2051 84.9114 52.5326 85.3666 53.0003 85.9098L53.0004 85.9099C54.6643 87.8433 58.1241 90.8973 64.3539 92.6517C67.4064 93.5043 70.3866 94.09 73.0409 94.4898C75.9828 94.9277 78.5298 95.1401 80.3403 95.2429C81.2455 95.2943 81.9661 95.3183 82.4595 95.3295C82.7061 95.3351 82.8959 95.3375 83.0235 95.3384C83.0873 95.3389 83.1355 95.3391 83.1675 95.3391L83.2033 95.3391L83.2119 95.339L83.2139 95.339L83.2143 95.339L83.6441 95.3364L83.7108 95.7586L83.7108 95.7588L83.7109 95.7594L83.711 95.7601L83.7111 95.7605L83.7112 95.7609L83.7123 95.7667C83.7139 95.7751 83.7168 95.7898 83.7214 95.8097C83.7305 95.8498 83.7459 95.9106 83.7698 95.9855C83.818 96.1369 83.8984 96.3383 84.0257 96.5417C84.2745 96.9392 84.6947 97.3386 85.4428 97.4083L142.102 87.8866ZM142.102 87.8866C142.099 87.8884 142.097 87.8904 142.094 87.8923C142.043 87.9302 141.965 87.9781 141.849 88.0328C141.615 88.1432 141.256 88.2675 140.722 88.3955C139.656 88.6512 137.953 88.9069 135.291 89.1158C132.651 89.3191 127.223 89.1471 122.42 88.9208C120.027 88.808 117.8 88.6823 116.171 88.5848C115.356 88.5361 114.692 88.4944 114.231 88.4649C114 88.4501 113.821 88.4384 113.699 88.4304L113.56 88.4213L113.525 88.4189L113.516 88.4183L113.514 88.4182L113.513 88.4181C113.513 88.4181 113.513 88.4181 113.48 88.917L113.513 88.4181L113.362 88.4079L113.23 88.4837L113.23 88.4837L113.23 88.4841L113.227 88.4857L113.214 88.4929L113.163 88.5217C113.118 88.5473 113.05 88.5852 112.962 88.6341C112.785 88.7317 112.526 88.8729 112.197 89.0459C111.539 89.3919 110.604 89.8645 109.498 90.3694C107.281 91.3822 104.404 92.513 101.708 93.0257L142.102 87.8866ZM89.9009 93.2771L89.9007 93.2774L89.8993 93.2793L89.8935 93.288L89.8692 93.3237C89.8475 93.3553 89.8151 93.4022 89.773 93.4623C89.6887 93.5824 89.5656 93.7547 89.4119 93.9612C89.1038 94.3752 88.6756 94.9227 88.1918 95.4627C87.7054 96.0057 87.1764 96.5258 86.6676 96.8957C86.1381 97.2807 85.7236 97.4342 85.443 97.4083L89.9009 93.2771ZM89.9009 93.2771L89.9009 93.277M89.9009 93.2771L89.9009 93.277M90.399 93.0623L90.399 93.0623L90.3995 93.0623L90.4022 93.0628L90.4138 93.0647L90.4623 93.0724C90.5056 93.0792 90.5706 93.0892 90.6556 93.1016C90.8258 93.1264 91.0764 93.161 91.3948 93.1993C92.0318 93.2759 92.9393 93.3676 94.0176 93.4271C96.1784 93.5464 99.0046 93.5355 101.707 93.0259L90.399 93.0623ZM90.399 93.0623L90.399 93.0623M90.399 93.0623L90.399 93.0623M90.399 93.0623L90.0806 93.0088M90.399 93.0623L90.0806 93.0088M90.0806 93.0088L89.9009 93.277M90.0806 93.0088L89.9009 93.277M89.9009 93.277L89.9009 93.277M89.9009 93.277L89.9009 93.277' fill='white' stroke='%231E62A1'/%3e %3cpath d='M103.214 86.3691L88.3869 73.5215L99.5547 72.6528L112.742 84.418L103.214 86.3691Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3c/symbol%3e %3csymbol id='error' viewBox='0 0 208 187' fill='none'%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cellipse cx='103.685' cy='166.565' rx='91.6854' ry='19.9551' fill='%23EEE4B0' fill-opacity='0.75'/%3e %3cellipse cx='103.788' cy='166.994' rx='57.2783' ry='9.01007' fill='%23212529'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M155.889 170.743C159.213 169.601 161.066 168.332 161.066 166.994C161.066 162.018 135.422 157.984 103.788 157.984C72.1541 157.984 46.5098 162.018 46.5098 166.994C46.5098 168.716 49.5793 170.325 54.9046 171.693C63.9467 168.588 83.8752 166.431 107.006 166.431C127.695 166.431 145.823 168.156 155.889 170.743Z' fill='%23566370'/%3e %3cpath d='M33.47 139.691L40.0626 162.62H22.749L29.3416 139.691C29.4963 139.27 29.7762 138.906 30.1438 138.648C30.5136 138.389 30.9542 138.25 31.4058 138.25C31.8574 138.25 32.298 138.389 32.6679 138.648C33.0354 138.906 33.3153 139.27 33.47 139.691Z' fill='%23E5D050' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M34.2958 142.554L35.56 146.957H27.2518L28.516 142.554H34.2958Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M36.6296 150.687L37.8982 155.095H24.9138L26.1781 150.687H36.6296Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='0.5'/%3e %3cpath d='M19.25 163.788V162.74H43.559V163.788H19.25Z' fill='%2304447F' stroke='%2304447F' stroke-width='0.5'/%3e %3cpath d='M85.935 111.841L82.0625 111.811L81.5123 182.236L85.3848 182.266L85.935 111.841Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cmask id='mask0_1144_129378' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='69' y='116' width='61' height='51'%3e %3cpath d='M108.573 154.883L102.052 166.742L69.2255 166.201L69.4485 116.803L129.442 116.918L108.573 154.883Z' fill='white'/%3e %3c/mask%3e %3cg mask='url(%23mask0_1144_129378)'%3e %3cpath d='M117.673 137.5L109.574 137.492L119.435 119.767L119.444 119.767L127.324 119.772L117.673 137.5Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M119.435 119.767L109.574 137.492L109.565 137.491L96.4862 137.468L106.347 119.752L106.356 119.753L119.435 119.767Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M106.347 119.752L96.4865 137.468L83.3984 137.444L93.2587 119.738L106.347 119.752Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M93.2586 119.738L83.3983 137.444L70.7394 137.427L70.7524 136.64L80.1703 119.724L93.2586 119.738Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M80.1707 119.724L70.7528 136.64L71.0318 119.717L80.1707 119.724Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M91.8762 145.75L82.0157 163.465L70.3109 163.445L70.3531 160.884L78.7879 145.736L91.8762 145.75Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M104.964 145.764L95.094 163.489L82.0155 163.465L91.8759 145.75L104.964 145.764Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M103.183 163.498L95.0937 163.489L104.964 145.764L112.882 145.77L103.183 163.498Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M78.7873 145.736L70.3525 160.884L70.6024 145.726L78.7873 145.736Z' fill='white' stroke='%231E62A1'/%3e %3c/g%3e %3cpath d='M83.9716 112.56C85.8415 112.591 87.3824 111.091 87.4134 109.211C87.4445 107.33 85.9538 105.78 84.0839 105.749C82.2141 105.718 80.6731 107.218 80.6421 109.099C80.6111 110.98 82.1017 112.53 83.9716 112.56Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M165.492 102.808L161.62 102.891L163.137 173.302L167.008 173.218L165.492 102.808Z' fill='%231E62A1' stroke='%231E62A1'/%3e %3cpath d='M163.55 103.589C165.42 103.565 166.916 102.021 166.892 100.14C166.867 98.2589 165.332 96.7535 163.462 96.7775C161.592 96.8016 160.096 98.346 160.12 100.227C160.144 102.108 161.68 103.613 163.55 103.589Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cmask id='mask1_1144_129378' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='113' y='106' width='68' height='53'%3e %3cpath d='M180.284 157.139L179.639 106.971L139.046 108.165L113.13 158.771L180.284 157.139Z' fill='white'/%3e %3c/mask%3e %3cg mask='url(%23mask1_1144_129378)'%3e %3cpath d='M168.385 110.196L159.03 128.222L145.947 128.583L155.292 110.566L168.385 110.196Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M155.292 110.566L145.947 128.583L132.863 128.943L142.209 110.936L155.292 110.566Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M137.566 111.063L142.21 110.936L132.864 128.943L128.344 129.068L137.566 111.063Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M132.864 128.943L128.63 129.074L137.852 111.069L142.21 110.936L132.864 128.943Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M124.579 137.455L128.508 137.347L119.162 155.354L115.224 155.462L124.579 137.455Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M141.591 136.987L132.245 154.994L119.162 155.354L128.508 137.347L141.591 136.987Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M154.674 136.617L145.328 154.633L132.245 154.994L141.591 136.987L141.6 136.977L154.674 136.617Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M167.757 136.247L158.411 154.264L145.328 154.633L154.674 136.617L167.757 136.247Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M177.736 141.531L177.736 141.541L171.322 153.906L171.313 153.906L158.411 154.264L167.756 136.247L177.645 135.967L177.736 141.531Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M177.941 153.725L171.323 153.906L177.736 141.541L177.941 153.725Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M177.437 117.593L172.113 127.862L159.03 128.222L168.385 110.196L177.31 109.947L177.437 117.593Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M177.606 127.705L172.114 127.862L177.438 117.593L177.606 127.705Z' fill='white' stroke='%231E62A1'/%3e %3c/g%3e %3c/symbol%3e %3csymbol id='noresult' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M151.701 84.1542C142.393 65.8799 126.53 55.2934 114.345 61.4939L63.7267 87.267C50.3644 94.1295 48.9028 114.083 57.9659 131.875C67.2738 150.157 84.6932 159.949 96.8789 153.741L146.836 128.258C158.083 121.466 160.724 101.89 151.694 84.1535L151.701 84.1542Z' fill='%23F4F7F9' stroke='%231E62A1' stroke-width='1.3' stroke-miterlimit='10'/%3e %3cpath d='M95.2056 150.459C86.1888 155.052 73.9976 149.92 65.2976 138.809C75.7797 134.482 80.9485 118.619 76.9047 101.821C75.7861 97.1777 74.0743 92.9148 71.9369 89.2006C81.8315 89.1291 93.1953 97.4013 99.8937 110.557C108.271 127.018 106.171 144.879 95.2056 150.459Z' fill='%23DBC765'/%3e %3cpath d='M65.2985 138.809C63.3986 136.4 61.6777 133.711 60.1853 130.783C51.8081 114.322 53.9077 96.461 64.8734 90.8805C67.0719 89.7558 69.4606 89.2142 71.9377 89.2005C74.0751 92.9146 75.787 97.1775 76.9056 101.821C80.9493 118.619 75.7806 134.482 65.2985 138.809Z' fill='%23EEE4B0'/%3e %3cpath d='M144.409 129.537C155.655 122.745 158.297 103.169 149.267 85.4327C139.959 67.1508 124.103 56.5651 111.918 62.7655' stroke='%231E62A1' stroke-width='1.3' stroke-miterlimit='10'/%3e %3cpath d='M102.092 109.44C92.7899 91.1739 75.3767 81.3982 63.1993 87.5994C51.0144 93.7999 48.6775 113.633 57.9793 131.899C67.281 150.165 84.6943 159.941 96.8716 153.74C109.057 147.539 111.393 127.706 102.092 109.44ZM95.2058 150.459C84.2401 156.04 68.5633 147.228 60.1854 130.775C51.8067 114.33 53.907 96.4611 64.8727 90.8806C75.8384 85.3001 91.5228 94.1124 99.8931 110.565C108.271 127.018 106.171 144.879 95.2051 150.467L95.2058 150.459Z' fill='%2383ABDE' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M124.008 120.221C125.476 120.039 126.485 118.428 126.262 116.622C126.038 114.817 124.667 113.5 123.199 113.682C121.731 113.863 120.722 115.475 120.946 117.28C121.169 119.086 122.54 120.402 124.008 120.221Z' fill='%2304447F'/%3e %3cpath d='M123.608 116.948C125.764 110.203 125.958 102.961 125.434 95.9513C124.91 88.9412 124.055 81.3118 121.238 74.7147C118.904 69.2553 115.129 63.6844 110.242 60.2031C105.226 56.6258 99.0372 55.6365 93.0158 56.3746C88.6177 56.9123 84.2907 58.3279 80.5902 60.8104C74.4193 64.9578 70.8027 72.1171 68.6291 79.044C67.9866 81.1008 67.4988 83.3019 67.4121 84.4782' stroke='%231E62A1' stroke-width='2.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M101.85 144.003C100.93 145.598 99.7777 147.057 98.3952 148.281C97.8368 148.779 97.2363 149.319 96.5894 149.702C96.2093 149.926 95.7604 150.152 95.3837 150.423C94.9421 150.733 94.6517 151.226 94.2047 151.513C93.6528 151.858 93.0586 152.086 92.4327 152.241C91.5257 152.463 90.605 152.667 89.6816 152.818C89.1772 152.901 88.6899 153.047 88.2127 153.247C87.5763 153.516 87.1358 153.979 86.4784 153.49C86.0142 153.141 85.799 152.663 85.9057 152.092C86.1058 151.01 87.237 150.023 88.1817 149.561C89.3665 148.983 90.6811 148.815 91.9185 148.411C95.3556 147.279 98.4173 144.271 101.85 144.003Z' fill='%231E62A1'/%3e %3cpath d='M89.1121 183.41L89.0794 183.409C88.6797 183.398 88.4072 183.416 88.0981 183.439C88.0836 183.44 88.069 183.441 88.0544 183.442C87.7488 183.465 87.404 183.49 86.9001 183.491C86.6641 183.491 86.4837 183.501 86.3464 183.521C86.3304 183.523 86.3154 183.525 86.3012 183.528C86.5389 183.612 86.8874 183.679 87.3165 183.728C88.0934 183.817 88.9845 183.831 89.648 183.841C89.7679 183.843 89.8804 183.845 89.9834 183.847L89.1121 183.41ZM89.1121 183.41L89.1447 183.408M89.1121 183.41L89.1447 183.408M89.1447 183.408C89.7547 183.363 90.4677 183.377 91.2404 183.392C91.6555 183.401 92.0878 183.409 92.5306 183.409C92.9504 183.409 93.3231 183.373 93.6056 183.345M89.1447 183.408L93.6056 183.345M93.6056 183.345C93.6858 183.337 93.7587 183.33 93.8234 183.324M93.6056 183.345L93.8234 183.324M93.8234 183.324C93.9379 183.314 94.0202 183.311 94.0786 183.312M93.8234 183.324L94.0786 183.312M94.0786 183.312L94.1001 183.358C94.1026 183.373 94.1026 183.383 94.1022 183.388C94.0978 183.395 94.0797 183.42 94.0248 183.457C93.8573 183.572 93.5305 183.68 93.0377 183.754C92.131 183.89 90.9879 183.867 90.1374 183.85C90.085 183.849 90.0337 183.848 89.9836 183.847L94.0786 183.312ZM86.0787 183.421C86.0795 183.421 86.0846 183.424 86.0916 183.432C86.0814 183.425 86.0779 183.421 86.0787 183.421Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M78.2542 180.552L78.2029 180.549C77.8274 180.533 77.4254 180.561 76.9664 180.596C76.9306 180.599 76.8945 180.602 76.858 180.604C76.4387 180.637 75.9775 180.673 75.5016 180.674C75.2879 180.674 75.1201 180.691 74.9933 180.72C74.8652 180.748 74.8039 180.783 74.78 180.801C74.7664 180.811 74.7656 180.814 74.7637 180.82C74.7636 180.821 74.7634 180.821 74.7632 180.822C74.7579 180.84 74.7448 180.905 74.7728 181.046C74.8078 181.22 74.9049 181.356 75.1073 181.481C75.3274 181.616 75.6478 181.718 76.0549 181.784C76.6639 181.884 77.3126 181.888 77.8926 181.891C78.1061 181.892 78.3103 181.893 78.4997 181.899L78.2542 180.552ZM78.2542 180.552L78.3052 180.546M78.2542 180.552L78.3052 180.546M78.3052 180.546C78.655 180.505 78.9778 180.447 79.2735 180.393C79.392 180.372 79.5061 180.351 79.616 180.333C80.0117 180.266 80.4221 180.214 80.9605 180.214C81.4643 180.214 81.8108 180.215 82.0788 180.25M78.3052 180.546L82.0788 180.25M82.0788 180.25C82.2073 180.267 82.2944 180.289 82.3548 180.312M82.0788 180.25L82.3548 180.312M82.3548 180.312L82.4463 180.62C82.4861 180.954 82.394 181.141 82.2612 181.279C82.0928 181.453 81.795 181.608 81.3537 181.72C80.4698 181.945 79.3306 181.925 78.5 181.899L82.3548 180.312Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3cpath d='M87.6858 156.809C87.6944 157.103 87.7048 157.479 87.7096 157.918C88.0299 161.989 90.5603 169.187 88.787 170.779C88.0165 171.47 84.0887 171.916 86.1874 167.393C87.6003 164.347 87.7348 160.248 87.7096 157.918C87.6779 157.515 87.6678 157.142 87.6858 156.809Z' fill='%231E62A1' stroke='%231E62A1' stroke-width='1.3'/%3e %3c/symbol%3e %3csymbol id='search' viewBox='0 0 208 187' fill='none'%3e %3cellipse cx='103.533' cy='183.458' rx='61.5334' ry='3.45772' fill='%23ECEFF1'/%3e %3cpath d='M71.6923 37.0033V0H8V149H16.3077V10.3955L46.3151 7.40066L46.448 7.52894L46.5865 7.37599L61.496 5.89586L61.6622 6.05867L61.8394 5.86132L70.0308 5.02752V37.0033H61.1692V40.9503H80V37.0033H71.6923ZM28.8025 2.58037L33.7871 7.15891L23.5077 8.18513L28.8025 2.58037ZM22.0788 7.40066L17.2271 1.48013H27.6726L22.0788 7.40066ZM29.9157 1.48013H40.1231L35.2049 6.3103L29.9157 1.48013ZM70.0308 2.10179V3.53752L68.7348 3.66579L70.0308 2.10179ZM67.2948 2.91586L65.8049 1.48013H68.48L67.2948 2.91586ZM63.6172 1.48013L61.5735 3.76447L59.2308 1.48013H63.6172ZM57.0431 1.48013L54.5785 4.23811L51.8757 1.48013H57.0431ZM49.7102 1.48013L46.3428 5.25941L42.3717 1.48013H49.7102ZM16.3077 2.86652L20.8991 8.44662L16.3077 8.90547V2.86652ZM36.8886 6.84808L41.2308 2.5705L44.8862 6.04881L36.8886 6.84808ZM50.8012 2.63463L53.3268 5.20513L48.0431 5.73305L50.8012 2.63463ZM56.0849 4.93377L58.1508 2.62477L60.1114 4.53414L56.0849 4.93377ZM64.7249 2.61983L66.0874 3.94702L63.3182 4.22331L64.7249 2.61983Z' fill='%23ECEFF1'/%3e %3cpath d='M53.2805 64.3482H43.0115V59.4281H41.5445V64.3482H31.7646V55H29.8086V157.831H55.2365V57.9521H53.2805V64.3482ZM41.5445 72.2204H31.7646V66.8083H41.5445V72.2204ZM53.2805 72.2204H43.0115V66.8083H53.2805V72.2204Z' fill='%23ECEFF1'/%3e %3cpath d='M204 162V137.945H201.863V126.482H198.733V86.6293H194.21V81.4855L184.562 77.1551V71.9737H183.222V86.6293H181.35V126.482H179.482V105.526H174.401V94.7259H172.983V126.482H169.125V114.398H166.582V111.309H160.699V100.768H157.477V93.3107H153.516V82.4494H152.103V93.3107H148.142V100.768H144.919V111.309H139.037V114.398H136.499V126.482H133.487V111.309H127.604V78.6597H125.731V75.0581H113.164V78.6597H110.489V102.315H99.7897V104.628H95.78V106.429V112.829V115.682H88.5623V84.8285H86.1516V78.2695H80.9389V55H79.467V78.2695H75.7262V84.8285H53.7751V82.6704H52.4401V97.3261H50.5672V97.5847H49.4425V112.24H47.5697V116.223H43.6137V105.427H42.1956V131.137H40.621V120.337H39.2029V137.179H38.3374V125.095H35.7995V122.011H29.9169V111.469H26.6944V104.012H22.7335V93.1461H21.3203V104.012H17.3594V111.469H14.1369V122.011H8.25428V125.095H5.71638V136.925H5.25672V137.179H4V162H204Z' fill='%23ECEFF1'/%3e %3cpath d='M1 162H75' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M95 162H207' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M80 162H89' stroke='%23E0E3E6' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M57 182.5L80.5338 166.94L85.1873 171.043L92.0257 164.472L95.0363 171.043L98.8725 172.961L103.251 170.493L105.188 166.94L113.375 170.768L118.304 166.665L143.844 182.5' fill='%23EEE4B0'/%3e %3cpath d='M57 182.5L80.5338 166.94L85.1873 171.043L92.0257 164.472L95.0363 171.043L98.8725 172.961L103.251 170.493L105.188 166.94L113.375 170.768L118.304 166.665L143.844 182.5' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M76.707 177.581L83.5204 173.929V177.581L90.6924 170.042' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M95.8043 172.961L92.5186 175.88H95.8043L92.5186 180.742' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M106.776 173.498L108.594 176.542L110.304 173.498L117.109 181.162' stroke='%231E62A1' stroke-width='0.5' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M105.483 163.314L114.199 153.866' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M93.6852 161.634L88.1924 150.162' stroke='%231E62A1' stroke-miterlimit='10' stroke-linecap='round'/%3e %3cpath d='M78.1359 70.9966L88.0434 72.4075L87.3273 77.4356L77.4199 76.0247C76.0328 75.8272 75.0699 74.5444 75.2674 73.1574C75.4649 71.7703 76.7476 70.8074 78.1347 71.0049L78.1359 70.9966Z' fill='%23455A64'/%3e %3cpath d='M135.905 79.2232L145.813 80.6341C147.2 80.8316 148.163 82.1143 147.965 83.5014C147.768 84.8884 146.485 85.8514 145.098 85.6539L135.19 84.243L135.906 79.2149L135.905 79.2232Z' fill='%23455A64'/%3e %3cpath d='M98.9383 144.44L105.329 145.35L100.656 168.641L99.4375 169.268C98.9105 169.538 98.2724 169.464 97.824 169.064L96.8459 168.183L98.9395 144.432L98.9383 144.44Z' fill='%23D1D1DA' stroke='%23727272' stroke-miterlimit='10'/%3e %3cpath d='M99.1055 130.649L109.013 132.06L107.251 144.436C107.159 145.08 106.565 145.526 105.921 145.434L98.3497 144.356C97.7057 144.265 97.2596 143.67 97.3513 143.026L99.1137 130.65L99.1055 130.649Z' fill='%2304447F' stroke='%2304447F'/%3e %3cpath d='M125.392 64.3664L121.903 63.3136L105.776 61.3877L102.495 61.2995C98.9206 61.2032 95.8471 63.7981 95.3427 67.34L92.2411 89.12C92.0624 90.3749 92.471 91.6461 93.3501 92.5715L98.9005 98.374C99.4952 98.9894 100.271 99.3948 101.122 99.5159L102.129 99.6593L99.1909 120.292C99.1309 120.713 98.7348 121.01 98.3137 120.95L98.0743 120.916C97.6532 120.856 97.2571 121.153 97.1971 121.575L96.0778 129.434C96.0179 129.856 96.3153 130.252 96.7363 130.312L111.276 132.382C111.697 132.442 112.093 132.145 112.153 131.724L113.272 123.864C113.332 123.443 113.035 123.046 112.614 122.987C112.192 122.927 111.895 122.53 111.955 122.109L114.893 101.477L115.669 101.588C116.511 101.707 117.369 101.543 118.102 101.125L125.137 97.0981C126.246 96.4643 127.003 95.3506 127.183 94.0874L130.315 72.0928C130.805 68.6499 128.711 65.3698 125.384 64.3653L125.392 64.3664Z' fill='%23E5D050' stroke='%231E62A1'/%3e %3cpath d='M93.3124 69.1903L95.0545 69.4384L93.1956 82.4915L91.4536 82.2435C88.8529 81.8731 87.032 79.4573 87.4035 76.8484L87.9173 73.2404C88.2877 70.6397 90.7034 68.8188 93.3124 69.1903Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M130.003 74.4153L131.745 74.6633C134.346 75.0337 136.167 77.4494 135.795 80.0584L135.281 83.6664C134.911 86.2671 132.495 88.088 129.886 87.7165L128.144 87.4684L130.003 74.4153Z' fill='white' stroke='%231E62A1'/%3e %3cpath d='M92.9679 131.502C90.1595 128.213 90.5501 123.281 93.8393 120.473' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M89.6291 129.03C87.8237 126.92 88.0724 123.754 90.1827 121.949' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M114.665 134.592C118.28 132.217 119.281 127.373 116.907 123.758' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M118.567 133.151C120.89 131.629 121.535 128.52 120.012 126.197' stroke='%23455A64' stroke-linecap='round'/%3e %3cpath d='M102.872 86.6409C107.55 83.129 114.172 84.0719 117.684 88.7502' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M102.485 89.3574C107.164 85.8455 113.785 86.7884 117.297 91.4667' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3cpath d='M103.259 83.9245C107.937 80.4125 114.559 81.3555 118.071 86.0337' stroke='%23455A64' stroke-width='0.5' stroke-linecap='round'/%3e %3c/symbol%3e%3c/svg%3e";
   var sincoIconos = img;
 
-var UrlImage;
-(function (UrlImage) {
-  UrlImage["error"] = "error";
-  UrlImage["search"] = "search";
-  UrlImage["noresult"] = "noresult";
-  UrlImage["create"] = "create";
-})(UrlImage || (UrlImage = {}));
-const EmptyState = ({
+var EmptyStateImageUrls;
+(function (EmptyStateImageUrls) {
+  EmptyStateImageUrls["error"] = "error";
+  EmptyStateImageUrls["search"] = "search";
+  EmptyStateImageUrls["noResult"] = "noResult";
+  EmptyStateImageUrls["create"] = "create";
+})(EmptyStateImageUrls || (EmptyStateImageUrls = {}));
+const EmptyStateComponent = ({
   state: _state = 'create',
   title,
   content,
   actions
 }) => {
-  return jsx(Card$1, {
-    elevation: 1,
-    children: jsxs(CardContent$1, {
-      sx: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexDirection: 'column',
-        gap: 4
-      },
-      children: [jsx("svg", {
-        style: {
-          width: 206,
-          height: 187
-        },
-        children: jsx("use", {
-          xlinkHref: `${sincoIconos}#${UrlImage[_state]}`
-        })
-      }), jsxs(Stack$1, {
-        direction: "column",
-        spacing: 2,
-        children: [title && jsx(Typography$1, {
-          variant: "h6",
-          textAlign: "center",
-          children: title
-        }), content && jsx(Typography$1, {
-          variant: "body1",
-          textAlign: "center",
-          color: "text.secondary",
-          children: content
-        }), _state === 'create' && actions && jsx(Stack$1, {
-          direction: "row",
-          spacing: 2,
-          justifyContent: "center",
-          children: actions
-        })]
-      })]
-    })
-  });
+  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+    theme: SincoTheme
+  }, /*#__PURE__*/React__default.createElement(Card$1, {
+    elevation: 1
+  }, /*#__PURE__*/React__default.createElement(CardContent$1, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      gap: 4
+    }
+  }, /*#__PURE__*/React__default.createElement("svg", {
+    style: {
+      width: 206,
+      height: 187
+    }
+  }, /*#__PURE__*/React__default.createElement("use", {
+    xlinkHref: `${sincoIconos}#${EmptyStateImageUrls[_state]}`
+  })), /*#__PURE__*/React__default.createElement(Stack$1, {
+    direction: "column",
+    spacing: 2
+  }, title && /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "h6",
+    textAlign: "center"
+  }, title), content && /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "body1",
+    textAlign: "center",
+    color: "text.secondary"
+  }, content), _state === 'create' && actions && /*#__PURE__*/React__default.createElement(Stack$1, {
+    direction: "row",
+    spacing: 2,
+    justifyContent: "center"
+  }, actions)))));
 };
 
 var wellKnownSymbol$a = wellKnownSymbol$f;
@@ -15874,91 +17159,312 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("p
 }), 'Close');
 default_1 = Close.default = _default;
 
-const stylesDrawerContainer = {
-  display: "flex",
-  flexDirection: "column",
-  alignContent: "flex-start",
-  justifyContent: "space-between",
-  width: "530px",
-  height: "100%",
-  overflow: "hidden"
+const stylesDrawerHeader = {
+  display: 'flex',
+  alignContent: 'center',
+  justifyContent: 'space-between',
+  backgroundColor: 'secondary.main',
+  py: '12px',
+  px: '8px'
 };
-const stylesEncabezado = {
-  display: "flex",
-  alignContent: "center",
-  justifyContent: "space-between",
-  backgroundColor: "secondary.light",
-  py: "12px",
-  px: "8px"
+const stylesDrawerContent = {
+  display: 'flex',
+  overflow: 'auto',
+  alignItems: 'flex-start',
+  flexDirection: 'column',
+  height: '-webkit-fill-available',
+  py: '12px',
+  px: '8px'
 };
-const stylesContenido = {
-  display: "flex",
-  overflow: "auto",
-  alignItems: "flex-start",
-  flexDirection: "column",
-  height: "-webkit-fill-available",
-  py: "12px",
-  px: "8px"
+const stylesDrawerActions = {
+  display: 'flex',
+  alignContent: 'center',
+  justifyContent: 'flex-end',
+  borderTop: '1px solid rgba(16, 24, 64, 0.23)',
+  backgroundColor: '#F1F0EE',
+  mt: '4px',
+  gap: '8px',
+  py: '12px',
+  px: '8px'
 };
-const stylesAcciones = {
-  display: "flex",
-  alignContent: "center",
-  justifyContent: "flex-end",
-  borderTop: "1px solid rgba(16, 24, 64, 0.23)",
-  backgroundColor: "#F1F0EE",
-  mt: "4px",
-  gap: "8px",
-  py: "12px",
-  px: "8px"
+const stylesDrawer = {
+  display: 'flex',
+  flexDirection: 'column',
+  alignContent: 'flex-start',
+  justifyContent: 'space-between',
+  width: '530px',
+  height: '100%',
+  overflow: 'hidden'
 };
 const DrawerComponent = ({
   open,
   onClose,
-  titulo,
-  children,
-  acciones,
-  anchor
+  anchor,
+  title,
+  content,
+  actions
 }) => {
-  const [showActions, setShowActions] = useState(false);
-  const mostrarAcciones = () => {
-    setShowActions(true);
+  const [stateActions, setStateActions] = useState(false);
+  const handleStateActions = () => {
+    setStateActions(true);
   };
-  return jsx(Drawer$1, {
+  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+    theme: SincoTheme
+  }, /*#__PURE__*/React__default.createElement(Drawer$1, {
     anchor: anchor,
     open: open,
-    onClose: onClose,
-    PaperProps: {
+    onClose: onClose
+  }, /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: stylesDrawer
+  }, /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: stylesDrawerHeader
+  }, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "h6"
+  }, title), /*#__PURE__*/React__default.createElement(Box$2, null, /*#__PURE__*/React__default.createElement(IconButton$1, {
+    onClick: onClose,
+    size: "small"
+  }, /*#__PURE__*/React__default.createElement(default_1, {
+    fontSize: "small"
+  })))), /*#__PURE__*/React__default.createElement(Box$2, {
+    onClick: handleStateActions,
+    sx: stylesDrawerContent
+  }, content), stateActions && /*#__PURE__*/React__default.createElement(Box$2, {
+    sx: stylesDrawerActions
+  }, actions))));
+};
+
+const ToastContent = styled$1(Stack$1)(() => ({
+  position: 'fixed',
+  zIndex: 1400,
+  boxShadow: '0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)',
+  right: 16,
+  marginTop: 16
+}));
+const ContentBox = styled$1(Box$2)(({
+  theme
+}) => ({
+  padding: theme.spacing(1.5),
+  gap: theme.spacing(1.5),
+  display: 'flex',
+  alignItems: 'center',
+  '&.color-error': {
+    backgroundColor: '#FEEBEE'
+  },
+  '&.color-info': {
+    backgroundColor: '#E1F5FE'
+  },
+  '&.color-warning': {
+    backgroundColor: '#FFF3E0'
+  },
+  '&.color-success': {
+    backgroundColor: '#E8F5E9'
+  }
+}));
+const RippleIcon = styled$1(Stack$1)(({
+  theme
+}) => ({
+  padding: theme.spacing(1),
+  gap: theme.spacing(1),
+  height: 20,
+  borderRadius: 50,
+  '&.ripple-error': {
+    backgroundColor: '#D143431F'
+  },
+  '&.ripple-info': {
+    backgroundColor: '#2D9FC51F'
+  },
+  '&.ripple-warning': {
+    backgroundColor: '#FB85001F'
+  },
+  '&.ripple-success': {
+    backgroundColor: '#8FC93A1F'
+  }
+}));
+const ContentIcon = styled$1(Stack$1)(({
+  theme
+}) => ({
+  '&.icon-color.color-info': {
+    color: theme.palette.info.main
+  },
+  '&.icon-color.color-error': {
+    color: theme.palette.error.main
+  },
+  '&.icon-color.color-warning': {
+    color: theme.palette.warning.main
+  },
+  '&.icon-color.color-success': {
+    color: theme.palette.success.main
+  }
+}));
+const ToastNotification = toast => {
+  const [stateToast, setStateToast] = useState(true);
+  const [stateOptions, setStateOptions] = useState(true);
+  const [progress, setProgress] = useState(100);
+  const timeProgress = toast.time || 8000;
+  const IconMap = {
+    success: /*#__PURE__*/React__default.createElement(CheckCircleRounded, null),
+    error: /*#__PURE__*/React__default.createElement(ErrorRounded, null),
+    warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
+    info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
+  };
+  const ToastIcon = IconMap[toast.type || 'info'];
+  const toastColorOption = {
+    success: 'success',
+    error: 'error',
+    warning: 'warning',
+    info: 'info'
+  };
+  const toastColorConfig = toastColorOption[toast.type || 'info'];
+  const closeToast = () => {
+    setStateToast(false);
+  };
+  const toggleOptions = () => {
+    setStateOptions(prevShowOptions => !prevShowOptions);
+  };
+  const seeOptions = toast.seeMore;
+  useEffect(() => {
+    let seconds = 0;
+    const interval = setInterval(() => {
+      seconds += 100;
+      const progress = 100 - seconds / timeProgress * 100;
+      setProgress(progress <= 0 ? 0 : progress);
+    }, 100);
+    const closeTimeout = setTimeout(() => {
+      clearInterval(interval);
+      setStateToast(false);
+    }, timeProgress);
+    return () => {
+      clearInterval(interval);
+      clearTimeout(closeTimeout);
+    };
+  }, [timeProgress]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stateToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
+    theme: SincoTheme
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+    height: 105,
+    top: 16,
+    right: 16,
+    position: "absolute",
+    zIndex: 1400
+  }, /*#__PURE__*/React__default.createElement(ToastContent, {
+    position: 'fixed'
+  }, /*#__PURE__*/React__default.createElement(ContentBox, {
+    className: `color-${toast.type || 'info'}`
+  }, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
+    className: `ripple-${toast.type || 'info'}`
+  }, /*#__PURE__*/React__default.createElement(ContentIcon, {
+    className: `icon-color color-${toast.type || 'info'}`
+  }, ToastIcon)), /*#__PURE__*/React__default.createElement(Divider$1, {
+    orientation: "vertical",
+    flexItem: true
+  }), /*#__PURE__*/React__default.createElement(Stack$1, {
+    gap: 0.5,
+    width: 285
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "subtitle2",
+    color: "text.primary"
+  }, toast.title), /*#__PURE__*/React__default.createElement(IconButton$1, {
+    size: "small",
+    "aria-label": "delete",
+    onClick: closeToast
+  }, /*#__PURE__*/React__default.createElement(Close$1, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
+    gap: "4px"
+  }, /*#__PURE__*/React__default.createElement(Typography$1, {
+    color: "text.primary",
+    variant: "body2"
+  }, toast.subtitle), !stateOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
+    style: {
+      paddingLeft: 15,
+      marginBlock: 0,
+      fontSize: 11,
+      color: '#101840de'
+    }
+  }, toast.dataOpt.map((element, i) => {
+    const keyElement = Object.keys(element);
+    let options = '';
+    for (let _i = 0; _i < keyElement.length; _i++) {
+      options += element[keyElement[_i]];
+    }
+    return /*#__PURE__*/React__default.createElement("li", {
       style: {
-        borderRadius: "8px 0px 0px 0px"
-      }
-    },
-    children: jsxs(Box$2, {
-      sx: stylesDrawerContainer,
-      children: [jsxs(Box$2, {
-        sx: stylesEncabezado,
-        children: [jsx(Typography$1, {
-          variant: "h6",
-          color: "text.primary",
-          children: titulo
-        }), jsx(Box$2, {
-          children: jsx(IconButton$1, {
-            onClick: onClose,
-            size: "small",
-            children: jsx(default_1, {
-              fontSize: "small"
-            })
-          })
-        })]
-      }), jsx(Box$2, {
-        onClick: mostrarAcciones,
-        sx: stylesContenido,
-        children: children
-      }), showActions && jsx(Box$2, {
-        sx: stylesAcciones,
-        children: acciones
-      })]
+        width: 'fit-content'
+      },
+      key: i
+    }, /*#__PURE__*/React__default.createElement(Typography$1, {
+      variant: "caption"
+    }, options));
+  }))), /*#__PURE__*/React__default.createElement(Stack$1, {
+    justifyContent: "flex-end",
+    flexDirection: "row",
+    alignItems: "flex-end"
+  }, toast.actions && /*#__PURE__*/React__default.createElement(Stack$1, {
+    flexDirection: "row",
+    gap: 1
+  }, toast.actions), seeOptions && /*#__PURE__*/React__default.createElement(Button$1, {
+    onClick: toggleOptions,
+    size: "small",
+    variant: "text",
+    color: toastColorConfig,
+    endIcon: stateOptions ? /*#__PURE__*/React__default.createElement(ArrowDownward, {
+      fontSize: "small"
+    }) : /*#__PURE__*/React__default.createElement(ArrowUpward, {
+      fontSize: "small"
     })
-  });
+  }, stateOptions ? 'Ver más' : 'Ver menos')))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
+    color: toastColorConfig,
+    variant: "determinate",
+    value: progress
+  })))));
+};
+
+const PageHeaderContent = styled$1(Stack$1)(({
+  theme
+}) => ({
+  backgroundColor: '#fff',
+  boxShadow: '0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)',
+  zIndex: 100,
+  padding: '8px 24px',
+  justifyContent: 'space-between',
+  minHeight: 39,
+  position: 'fixed',
+  width: '100%'
+}));
+const PageHeaderComponent = ({
+  title,
+  subtitle,
+  actions,
+  buttonBack
+}) => {
+  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+    theme: SincoTheme
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      minHeight: 56
+    }
+  }, /*#__PURE__*/React__default.createElement(PageHeaderContent, null, /*#__PURE__*/React__default.createElement(Stack$1, {
+    width: "90%",
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+    gap: 1.5,
+    flexDirection: "row",
+    alignItems: "center"
+  }, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "h6",
+    color: "text.primary"
+  }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "caption",
+    color: "text.secondary"
+  }, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
+    gap: 1,
+    alignItems: "center",
+    flexDirection: "row"
+  }, actions)))));
 };
 
 var classof$2 = classofRaw$2;
@@ -18860,7 +20366,7 @@ class DislikeAnalyzer {
  * tone, or a hue and chroma. Optionally, they can provide a background
  * DynamicColor.
  */
-class DynamicColor {
+class DynamicColor$1 {
     /**
      * Create a DynamicColor defined by a TonalPalette and HCT tone.
      *
@@ -18868,7 +20374,7 @@ class DynamicColor {
      * and tone. May provide a background DynamicColor and ToneDeltaConstraint.
      */
     static fromPalette(args) {
-        return new DynamicColor(args.name ?? '', args.palette, args.tone, args.isBackground ?? false, args.background, args.secondBackground, args.contrastCurve, args.toneDeltaPair);
+        return new DynamicColor$1(args.name ?? '', args.palette, args.tone, args.isBackground ?? false, args.background, args.secondBackground, args.contrastCurve, args.toneDeltaPair);
     }
     /**
      * The base constructor for DynamicColor.
@@ -18991,17 +20497,17 @@ class DynamicColor {
             const nInitialTone = nearer.tone(scheme);
             let nTone = Contrast.ratioOfTones(bgTone, nInitialTone) >= nContrast ?
                 nInitialTone :
-                DynamicColor.foregroundTone(bgTone, nContrast);
+                DynamicColor$1.foregroundTone(bgTone, nContrast);
             // Initial and adjusted tones for `farther`
             const fInitialTone = farther.tone(scheme);
             let fTone = Contrast.ratioOfTones(bgTone, fInitialTone) >= fContrast ?
                 fInitialTone :
-                DynamicColor.foregroundTone(bgTone, fContrast);
+                DynamicColor$1.foregroundTone(bgTone, fContrast);
             if (decreasingContrast) {
                 // If decreasing contrast, adjust color to the "bare minimum"
                 // that satisfies contrast.
-                nTone = DynamicColor.foregroundTone(bgTone, nContrast);
-                fTone = DynamicColor.foregroundTone(bgTone, fContrast);
+                nTone = DynamicColor$1.foregroundTone(bgTone, nContrast);
+                fTone = DynamicColor$1.foregroundTone(bgTone, fContrast);
             }
             if ((fTone - nTone) * expansionDir >= delta) ;
             else {
@@ -19063,10 +20569,10 @@ class DynamicColor {
             if (Contrast.ratioOfTones(bgTone, answer) >= desiredRatio) ;
             else {
                 // Rough improvement.
-                answer = DynamicColor.foregroundTone(bgTone, desiredRatio);
+                answer = DynamicColor$1.foregroundTone(bgTone, desiredRatio);
             }
             if (decreasingContrast) {
-                answer = DynamicColor.foregroundTone(bgTone, desiredRatio);
+                answer = DynamicColor$1.foregroundTone(bgTone, desiredRatio);
             }
             if (this.isBackground && 50 <= answer && answer < 60) {
                 // Must adjust
@@ -19098,8 +20604,8 @@ class DynamicColor {
                     availables.push(lightOption);
                 if (darkOption !== -1)
                     availables.push(darkOption);
-                const prefersLight = DynamicColor.tonePrefersLightForeground(bgTone1) ||
-                    DynamicColor.tonePrefersLightForeground(bgTone2);
+                const prefersLight = DynamicColor$1.tonePrefersLightForeground(bgTone1) ||
+                    DynamicColor$1.tonePrefersLightForeground(bgTone2);
                 if (prefersLight) {
                     return (lightOption < 0) ? 100 : lightOption;
                 }
@@ -19125,7 +20631,7 @@ class DynamicColor {
         const darkerTone = Contrast.darkerUnsafe(bgTone, ratio);
         const lighterRatio = Contrast.ratioOfTones(lighterTone, bgTone);
         const darkerRatio = Contrast.ratioOfTones(darkerTone, bgTone);
-        const preferLighter = DynamicColor.tonePrefersLightForeground(bgTone);
+        const preferLighter = DynamicColor$1.tonePrefersLightForeground(bgTone);
         if (preferLighter) {
             // This handles an edge case where the initial contrast ratio is high
             // (ex. 13.0), and the ratio passed to the function is that high
@@ -19174,8 +20680,8 @@ class DynamicColor {
      * reasonably close to supporting it.
      */
     static enableLightForeground(tone) {
-        if (DynamicColor.tonePrefersLightForeground(tone) &&
-            !DynamicColor.toneAllowsLightForeground(tone)) {
+        if (DynamicColor$1.tonePrefersLightForeground(tone) &&
+            !DynamicColor$1.toneAllowsLightForeground(tone)) {
             return 49.0;
         }
         return tone;
@@ -19393,12 +20899,12 @@ function viewingConditionsForAlbers(scheme) {
 }
 function performAlbers(prealbers, scheme) {
     const albersd = prealbers.inViewingConditions(viewingConditionsForAlbers(scheme));
-    if (DynamicColor.tonePrefersLightForeground(prealbers.tone) &&
-        !DynamicColor.toneAllowsLightForeground(albersd.tone)) {
-        return DynamicColor.enableLightForeground(prealbers.tone);
+    if (DynamicColor$1.tonePrefersLightForeground(prealbers.tone) &&
+        !DynamicColor$1.toneAllowsLightForeground(albersd.tone)) {
+        return DynamicColor$1.enableLightForeground(prealbers.tone);
     }
     else {
-        return DynamicColor.enableLightForeground(albersd.tone);
+        return DynamicColor$1.enableLightForeground(albersd.tone);
     }
 }
 /**
@@ -19413,155 +20919,155 @@ class MaterialDynamicColors {
     }
 }
 MaterialDynamicColors.contentAccentToneDelta = 15.0;
-MaterialDynamicColors.primaryPaletteKeyColor = DynamicColor.fromPalette({
+MaterialDynamicColors.primaryPaletteKeyColor = DynamicColor$1.fromPalette({
     name: 'primary_palette_key_color',
     palette: (s) => s.primaryPalette,
     tone: (s) => s.primaryPalette.keyColor.tone,
 });
-MaterialDynamicColors.secondaryPaletteKeyColor = DynamicColor.fromPalette({
+MaterialDynamicColors.secondaryPaletteKeyColor = DynamicColor$1.fromPalette({
     name: 'secondary_palette_key_color',
     palette: (s) => s.secondaryPalette,
     tone: (s) => s.secondaryPalette.keyColor.tone,
 });
-MaterialDynamicColors.tertiaryPaletteKeyColor = DynamicColor.fromPalette({
+MaterialDynamicColors.tertiaryPaletteKeyColor = DynamicColor$1.fromPalette({
     name: 'tertiary_palette_key_color',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => s.tertiaryPalette.keyColor.tone,
 });
-MaterialDynamicColors.neutralPaletteKeyColor = DynamicColor.fromPalette({
+MaterialDynamicColors.neutralPaletteKeyColor = DynamicColor$1.fromPalette({
     name: 'neutral_palette_key_color',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.neutralPalette.keyColor.tone,
 });
-MaterialDynamicColors.neutralVariantPaletteKeyColor = DynamicColor.fromPalette({
+MaterialDynamicColors.neutralVariantPaletteKeyColor = DynamicColor$1.fromPalette({
     name: 'neutral_variant_palette_key_color',
     palette: (s) => s.neutralVariantPalette,
     tone: (s) => s.neutralVariantPalette.keyColor.tone,
 });
-MaterialDynamicColors.background = DynamicColor.fromPalette({
+MaterialDynamicColors.background = DynamicColor$1.fromPalette({
     name: 'background',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 6 : 98,
     isBackground: true,
 });
-MaterialDynamicColors.onBackground = DynamicColor.fromPalette({
+MaterialDynamicColors.onBackground = DynamicColor$1.fromPalette({
     name: 'on_background',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 90 : 10,
     background: (s) => MaterialDynamicColors.background,
     contrastCurve: new ContrastCurve(3, 3, 4.5, 7),
 });
-MaterialDynamicColors.surface = DynamicColor.fromPalette({
+MaterialDynamicColors.surface = DynamicColor$1.fromPalette({
     name: 'surface',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 6 : 98,
     isBackground: true,
 });
-MaterialDynamicColors.surfaceDim = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceDim = DynamicColor$1.fromPalette({
     name: 'surface_dim',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 6 : 87,
     isBackground: true,
 });
-MaterialDynamicColors.surfaceBright = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceBright = DynamicColor$1.fromPalette({
     name: 'surface_bright',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 24 : 98,
     isBackground: true,
 });
-MaterialDynamicColors.surfaceContainerLowest = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceContainerLowest = DynamicColor$1.fromPalette({
     name: 'surface_container_lowest',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 4 : 100,
     isBackground: true,
 });
-MaterialDynamicColors.surfaceContainerLow = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceContainerLow = DynamicColor$1.fromPalette({
     name: 'surface_container_low',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 10 : 96,
     isBackground: true,
 });
-MaterialDynamicColors.surfaceContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceContainer = DynamicColor$1.fromPalette({
     name: 'surface_container',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 12 : 94,
     isBackground: true,
 });
-MaterialDynamicColors.surfaceContainerHigh = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceContainerHigh = DynamicColor$1.fromPalette({
     name: 'surface_container_high',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 17 : 92,
     isBackground: true,
 });
-MaterialDynamicColors.surfaceContainerHighest = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceContainerHighest = DynamicColor$1.fromPalette({
     name: 'surface_container_highest',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 22 : 90,
     isBackground: true,
 });
-MaterialDynamicColors.onSurface = DynamicColor.fromPalette({
+MaterialDynamicColors.onSurface = DynamicColor$1.fromPalette({
     name: 'on_surface',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 90 : 10,
     background: (s) => MaterialDynamicColors.highestSurface(s),
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.surfaceVariant = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceVariant = DynamicColor$1.fromPalette({
     name: 'surface_variant',
     palette: (s) => s.neutralVariantPalette,
     tone: (s) => s.isDark ? 30 : 90,
     isBackground: true,
 });
-MaterialDynamicColors.onSurfaceVariant = DynamicColor.fromPalette({
+MaterialDynamicColors.onSurfaceVariant = DynamicColor$1.fromPalette({
     name: 'on_surface_variant',
     palette: (s) => s.neutralVariantPalette,
     tone: (s) => s.isDark ? 80 : 30,
     background: (s) => MaterialDynamicColors.highestSurface(s),
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
 });
-MaterialDynamicColors.inverseSurface = DynamicColor.fromPalette({
+MaterialDynamicColors.inverseSurface = DynamicColor$1.fromPalette({
     name: 'inverse_surface',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 90 : 20,
 });
-MaterialDynamicColors.inverseOnSurface = DynamicColor.fromPalette({
+MaterialDynamicColors.inverseOnSurface = DynamicColor$1.fromPalette({
     name: 'inverse_on_surface',
     palette: (s) => s.neutralPalette,
     tone: (s) => s.isDark ? 20 : 95,
     background: (s) => MaterialDynamicColors.inverseSurface,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.outline = DynamicColor.fromPalette({
+MaterialDynamicColors.outline = DynamicColor$1.fromPalette({
     name: 'outline',
     palette: (s) => s.neutralVariantPalette,
     tone: (s) => s.isDark ? 60 : 50,
     background: (s) => MaterialDynamicColors.highestSurface(s),
     contrastCurve: new ContrastCurve(1.5, 3, 4.5, 7),
 });
-MaterialDynamicColors.outlineVariant = DynamicColor.fromPalette({
+MaterialDynamicColors.outlineVariant = DynamicColor$1.fromPalette({
     name: 'outline_variant',
     palette: (s) => s.neutralVariantPalette,
     tone: (s) => s.isDark ? 30 : 80,
     background: (s) => MaterialDynamicColors.highestSurface(s),
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
 });
-MaterialDynamicColors.shadow = DynamicColor.fromPalette({
+MaterialDynamicColors.shadow = DynamicColor$1.fromPalette({
     name: 'shadow',
     palette: (s) => s.neutralPalette,
     tone: (s) => 0,
 });
-MaterialDynamicColors.scrim = DynamicColor.fromPalette({
+MaterialDynamicColors.scrim = DynamicColor$1.fromPalette({
     name: 'scrim',
     palette: (s) => s.neutralPalette,
     tone: (s) => 0,
 });
-MaterialDynamicColors.surfaceTint = DynamicColor.fromPalette({
+MaterialDynamicColors.surfaceTint = DynamicColor$1.fromPalette({
     name: 'surface_tint',
     palette: (s) => s.primaryPalette,
     tone: (s) => s.isDark ? 80 : 40,
     isBackground: true,
 });
-MaterialDynamicColors.primary = DynamicColor.fromPalette({
+MaterialDynamicColors.primary = DynamicColor$1.fromPalette({
     name: 'primary',
     palette: (s) => s.primaryPalette,
     tone: (s) => {
@@ -19575,7 +21081,7 @@ MaterialDynamicColors.primary = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 15, 'nearer', false),
 });
-MaterialDynamicColors.onPrimary = DynamicColor.fromPalette({
+MaterialDynamicColors.onPrimary = DynamicColor$1.fromPalette({
     name: 'on_primary',
     palette: (s) => s.primaryPalette,
     tone: (s) => {
@@ -19587,7 +21093,7 @@ MaterialDynamicColors.onPrimary = DynamicColor.fromPalette({
     background: (s) => MaterialDynamicColors.primary,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.primaryContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.primaryContainer = DynamicColor$1.fromPalette({
     name: 'primary_container',
     palette: (s) => s.primaryPalette,
     tone: (s) => {
@@ -19604,12 +21110,12 @@ MaterialDynamicColors.primaryContainer = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryContainer, MaterialDynamicColors.primary, 15, 'nearer', false),
 });
-MaterialDynamicColors.onPrimaryContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.onPrimaryContainer = DynamicColor$1.fromPalette({
     name: 'on_primary_container',
     palette: (s) => s.primaryPalette,
     tone: (s) => {
         if (isFidelity(s)) {
-            return DynamicColor.foregroundTone(MaterialDynamicColors.primaryContainer.tone(s), 4.5);
+            return DynamicColor$1.foregroundTone(MaterialDynamicColors.primaryContainer.tone(s), 4.5);
         }
         if (isMonochrome(s)) {
             return s.isDark ? 0 : 100;
@@ -19619,14 +21125,14 @@ MaterialDynamicColors.onPrimaryContainer = DynamicColor.fromPalette({
     background: (s) => MaterialDynamicColors.primaryContainer,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.inversePrimary = DynamicColor.fromPalette({
+MaterialDynamicColors.inversePrimary = DynamicColor$1.fromPalette({
     name: 'inverse_primary',
     palette: (s) => s.primaryPalette,
     tone: (s) => s.isDark ? 40 : 80,
     background: (s) => MaterialDynamicColors.inverseSurface,
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
 });
-MaterialDynamicColors.secondary = DynamicColor.fromPalette({
+MaterialDynamicColors.secondary = DynamicColor$1.fromPalette({
     name: 'secondary',
     palette: (s) => s.secondaryPalette,
     tone: (s) => s.isDark ? 80 : 40,
@@ -19635,7 +21141,7 @@ MaterialDynamicColors.secondary = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 15, 'nearer', false),
 });
-MaterialDynamicColors.onSecondary = DynamicColor.fromPalette({
+MaterialDynamicColors.onSecondary = DynamicColor$1.fromPalette({
     name: 'on_secondary',
     palette: (s) => s.secondaryPalette,
     tone: (s) => {
@@ -19649,7 +21155,7 @@ MaterialDynamicColors.onSecondary = DynamicColor.fromPalette({
     background: (s) => MaterialDynamicColors.secondary,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.secondaryContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.secondaryContainer = DynamicColor$1.fromPalette({
     name: 'secondary_container',
     palette: (s) => s.secondaryPalette,
     tone: (s) => {
@@ -19669,19 +21175,19 @@ MaterialDynamicColors.secondaryContainer = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryContainer, MaterialDynamicColors.secondary, 15, 'nearer', false),
 });
-MaterialDynamicColors.onSecondaryContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.onSecondaryContainer = DynamicColor$1.fromPalette({
     name: 'on_secondary_container',
     palette: (s) => s.secondaryPalette,
     tone: (s) => {
         if (!isFidelity(s)) {
             return s.isDark ? 90 : 10;
         }
-        return DynamicColor.foregroundTone(MaterialDynamicColors.secondaryContainer.tone(s), 4.5);
+        return DynamicColor$1.foregroundTone(MaterialDynamicColors.secondaryContainer.tone(s), 4.5);
     },
     background: (s) => MaterialDynamicColors.secondaryContainer,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.tertiary = DynamicColor.fromPalette({
+MaterialDynamicColors.tertiary = DynamicColor$1.fromPalette({
     name: 'tertiary',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => {
@@ -19695,7 +21201,7 @@ MaterialDynamicColors.tertiary = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 15, 'nearer', false),
 });
-MaterialDynamicColors.onTertiary = DynamicColor.fromPalette({
+MaterialDynamicColors.onTertiary = DynamicColor$1.fromPalette({
     name: 'on_tertiary',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => {
@@ -19707,7 +21213,7 @@ MaterialDynamicColors.onTertiary = DynamicColor.fromPalette({
     background: (s) => MaterialDynamicColors.tertiary,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.tertiaryContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.tertiaryContainer = DynamicColor$1.fromPalette({
     name: 'tertiary_container',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => {
@@ -19726,7 +21232,7 @@ MaterialDynamicColors.tertiaryContainer = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryContainer, MaterialDynamicColors.tertiary, 15, 'nearer', false),
 });
-MaterialDynamicColors.onTertiaryContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.onTertiaryContainer = DynamicColor$1.fromPalette({
     name: 'on_tertiary_container',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => {
@@ -19736,12 +21242,12 @@ MaterialDynamicColors.onTertiaryContainer = DynamicColor.fromPalette({
         if (!isFidelity(s)) {
             return s.isDark ? 90 : 10;
         }
-        return DynamicColor.foregroundTone(MaterialDynamicColors.tertiaryContainer.tone(s), 4.5);
+        return DynamicColor$1.foregroundTone(MaterialDynamicColors.tertiaryContainer.tone(s), 4.5);
     },
     background: (s) => MaterialDynamicColors.tertiaryContainer,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.error = DynamicColor.fromPalette({
+MaterialDynamicColors.error = DynamicColor$1.fromPalette({
     name: 'error',
     palette: (s) => s.errorPalette,
     tone: (s) => s.isDark ? 80 : 40,
@@ -19750,14 +21256,14 @@ MaterialDynamicColors.error = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 15, 'nearer', false),
 });
-MaterialDynamicColors.onError = DynamicColor.fromPalette({
+MaterialDynamicColors.onError = DynamicColor$1.fromPalette({
     name: 'on_error',
     palette: (s) => s.errorPalette,
     tone: (s) => s.isDark ? 20 : 100,
     background: (s) => MaterialDynamicColors.error,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.errorContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.errorContainer = DynamicColor$1.fromPalette({
     name: 'error_container',
     palette: (s) => s.errorPalette,
     tone: (s) => s.isDark ? 30 : 90,
@@ -19766,14 +21272,14 @@ MaterialDynamicColors.errorContainer = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.errorContainer, MaterialDynamicColors.error, 15, 'nearer', false),
 });
-MaterialDynamicColors.onErrorContainer = DynamicColor.fromPalette({
+MaterialDynamicColors.onErrorContainer = DynamicColor$1.fromPalette({
     name: 'on_error_container',
     palette: (s) => s.errorPalette,
     tone: (s) => s.isDark ? 90 : 10,
     background: (s) => MaterialDynamicColors.errorContainer,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.primaryFixed = DynamicColor.fromPalette({
+MaterialDynamicColors.primaryFixed = DynamicColor$1.fromPalette({
     name: 'primary_fixed',
     palette: (s) => s.primaryPalette,
     tone: (s) => isMonochrome(s) ? 40.0 : 90.0,
@@ -19782,7 +21288,7 @@ MaterialDynamicColors.primaryFixed = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, 'lighter', true),
 });
-MaterialDynamicColors.primaryFixedDim = DynamicColor.fromPalette({
+MaterialDynamicColors.primaryFixedDim = DynamicColor$1.fromPalette({
     name: 'primary_fixed_dim',
     palette: (s) => s.primaryPalette,
     tone: (s) => isMonochrome(s) ? 30.0 : 80.0,
@@ -19791,7 +21297,7 @@ MaterialDynamicColors.primaryFixedDim = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.primaryFixed, MaterialDynamicColors.primaryFixedDim, 10, 'lighter', true),
 });
-MaterialDynamicColors.onPrimaryFixed = DynamicColor.fromPalette({
+MaterialDynamicColors.onPrimaryFixed = DynamicColor$1.fromPalette({
     name: 'on_primary_fixed',
     palette: (s) => s.primaryPalette,
     tone: (s) => isMonochrome(s) ? 100.0 : 10.0,
@@ -19799,7 +21305,7 @@ MaterialDynamicColors.onPrimaryFixed = DynamicColor.fromPalette({
     secondBackground: (s) => MaterialDynamicColors.primaryFixed,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor.fromPalette({
+MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor$1.fromPalette({
     name: 'on_primary_fixed_variant',
     palette: (s) => s.primaryPalette,
     tone: (s) => isMonochrome(s) ? 90.0 : 30.0,
@@ -19807,7 +21313,7 @@ MaterialDynamicColors.onPrimaryFixedVariant = DynamicColor.fromPalette({
     secondBackground: (s) => MaterialDynamicColors.primaryFixed,
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
 });
-MaterialDynamicColors.secondaryFixed = DynamicColor.fromPalette({
+MaterialDynamicColors.secondaryFixed = DynamicColor$1.fromPalette({
     name: 'secondary_fixed',
     palette: (s) => s.secondaryPalette,
     tone: (s) => isMonochrome(s) ? 80.0 : 90.0,
@@ -19816,7 +21322,7 @@ MaterialDynamicColors.secondaryFixed = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, 'lighter', true),
 });
-MaterialDynamicColors.secondaryFixedDim = DynamicColor.fromPalette({
+MaterialDynamicColors.secondaryFixedDim = DynamicColor$1.fromPalette({
     name: 'secondary_fixed_dim',
     palette: (s) => s.secondaryPalette,
     tone: (s) => isMonochrome(s) ? 70.0 : 80.0,
@@ -19825,7 +21331,7 @@ MaterialDynamicColors.secondaryFixedDim = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.secondaryFixed, MaterialDynamicColors.secondaryFixedDim, 10, 'lighter', true),
 });
-MaterialDynamicColors.onSecondaryFixed = DynamicColor.fromPalette({
+MaterialDynamicColors.onSecondaryFixed = DynamicColor$1.fromPalette({
     name: 'on_secondary_fixed',
     palette: (s) => s.secondaryPalette,
     tone: (s) => 10.0,
@@ -19833,7 +21339,7 @@ MaterialDynamicColors.onSecondaryFixed = DynamicColor.fromPalette({
     secondBackground: (s) => MaterialDynamicColors.secondaryFixed,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor.fromPalette({
+MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor$1.fromPalette({
     name: 'on_secondary_fixed_variant',
     palette: (s) => s.secondaryPalette,
     tone: (s) => isMonochrome(s) ? 25.0 : 30.0,
@@ -19841,7 +21347,7 @@ MaterialDynamicColors.onSecondaryFixedVariant = DynamicColor.fromPalette({
     secondBackground: (s) => MaterialDynamicColors.secondaryFixed,
     contrastCurve: new ContrastCurve(3, 4.5, 7, 11),
 });
-MaterialDynamicColors.tertiaryFixed = DynamicColor.fromPalette({
+MaterialDynamicColors.tertiaryFixed = DynamicColor$1.fromPalette({
     name: 'tertiary_fixed',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => isMonochrome(s) ? 40.0 : 90.0,
@@ -19850,7 +21356,7 @@ MaterialDynamicColors.tertiaryFixed = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, 'lighter', true),
 });
-MaterialDynamicColors.tertiaryFixedDim = DynamicColor.fromPalette({
+MaterialDynamicColors.tertiaryFixedDim = DynamicColor$1.fromPalette({
     name: 'tertiary_fixed_dim',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => isMonochrome(s) ? 30.0 : 80.0,
@@ -19859,7 +21365,7 @@ MaterialDynamicColors.tertiaryFixedDim = DynamicColor.fromPalette({
     contrastCurve: new ContrastCurve(1, 1, 3, 7),
     toneDeltaPair: (s) => new ToneDeltaPair(MaterialDynamicColors.tertiaryFixed, MaterialDynamicColors.tertiaryFixedDim, 10, 'lighter', true),
 });
-MaterialDynamicColors.onTertiaryFixed = DynamicColor.fromPalette({
+MaterialDynamicColors.onTertiaryFixed = DynamicColor$1.fromPalette({
     name: 'on_tertiary_fixed',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => isMonochrome(s) ? 100.0 : 10.0,
@@ -19867,7 +21373,7 @@ MaterialDynamicColors.onTertiaryFixed = DynamicColor.fromPalette({
     secondBackground: (s) => MaterialDynamicColors.tertiaryFixed,
     contrastCurve: new ContrastCurve(4.5, 7, 11, 21),
 });
-MaterialDynamicColors.onTertiaryFixedVariant = DynamicColor.fromPalette({
+MaterialDynamicColors.onTertiaryFixedVariant = DynamicColor$1.fromPalette({
     name: 'on_tertiary_fixed_variant',
     palette: (s) => s.tertiaryPalette,
     tone: (s) => isMonochrome(s) ? 90.0 : 30.0,
@@ -21342,11 +22848,11 @@ function customColor(source, color) {
     };
 }
 
-const dynamicColor = async src => {
+const DynamicColor = async src => {
   const imageElement = document.createElement("img");
   imageElement.src = src;
   const dynamicPalette = await themeFromImage(imageElement);
-  const extractHctInstance = color => {
+  const getTonalPalette = color => {
     const {
       hue,
       chroma,
@@ -21362,8 +22868,8 @@ const dynamicColor = async src => {
     dark,
     light
   } = dynamicPalette.schemes;
-  const primaryMain = extractHctInstance(primary);
-  const secondaryMain = extractHctInstance(secondary);
+  const primaryMain = getTonalPalette(primary);
+  const secondaryMain = getTonalPalette(secondary);
   const primaryLight = hexFromArgb(dark.primary);
   const primaryDark = hexFromArgb(light.primary);
   const secondaryLight = hexFromArgb(dark.secondary);
@@ -21391,13 +22897,13 @@ const dynamicColor = async src => {
   };
 };
 
-const useDynamicColor = url => {
+const UseDynamicColor = url => {
   const [primary, setPrimary] = useState(SincoTheme.palette.primary);
   const [secondary, setSecondary] = useState(SincoTheme.palette.secondary);
   const [background, setBackground] = useState(SincoTheme.palette.background);
   const [loading, setLoading] = useState(false);
   useEffect(() => {
-    dynamicColor(url).then(({
+    DynamicColor(url).then(({
       primaryColor,
       secondaryColor,
       backgroundColor
@@ -21416,4 +22922,4 @@ const useDynamicColor = url => {
   };
 };
 
-export { DrawerComponent, EmptyState, SincoTheme, UrlImage, useDynamicColor };
+export { DrawerComponent, EmptyStateComponent, EmptyStateImageUrls, PageHeaderComponent, PageHeaderContent, SincoTheme, ToastNotification, UseDynamicColor };