@zydon/common-csr 1.0.0

package/README.md

@@ -0,0 +1,29 @@
+# Zydon common resources for React projects (only Client-Side Rendering (CSR))
+
+## Instalação no seu projeto
+
+- **instalação pacote:** `yarn add @zydon/common-csr`
+- **instalação dependências necessárias:** `yarn add @emotion/react @emotion/styled @mui/material react-router-dom`
+- **instalação @types necessários:** `yarn add @types/react-lazy-load-image-component -D`
+
+## Recursos disponíveis
+> Esse pacote tem os seguintes recursos disponiveis (components, hooks e utils):
+
+## Componentes
+
+- **Image:** componente de imagem construido em cima do [react-lazy-load-image-component](https://www.npmjs.com/package/react-lazy-load-image-component) *(Priorize quando for utilizar/rendererizar uma imagem)*
+
+#### Componentes de navegação
+- **NavSectionHorizontal:** itens para navegação na horizontal
+- **NavSectionMini:** itens para navegação, versão mini
+- **NavSectionVertical:** itens para navegação na vertical
+
+### Hooks
+- **useActiveLink:** hook que mostra se a rota passada está ativa ou não
+
+## Como fazer implementações/correções nesse pacote?
+Para fazer implementações/correções basta clonar o repositório do projeto.
+Crie uma branch, realize as implementações/correções.
+Para testar execute o comando `npm link`. Em seguida em algum projeto React (criado somente para testar esse pacote) execute o comando `npm link @zydon/common-csr` e teste suas implementações.
+Depois suba as alterações para o repositório e faça merge pra `main`.
+As alterações serão publicadas automaticamente no `npm` em alguns minutos.

package/dist/components/Iconify/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material';
+import { IconifyProps } from './props';
+interface Props extends BoxProps {
+    icon: IconifyProps;
+}
+declare const Iconify: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<SVGElement>>;
+export default Iconify;

package/dist/components/Iconify/props.d.ts

@@ -0,0 +1,2 @@
+import { IconifyIcon } from '@iconify/react';
+export type IconifyProps = IconifyIcon | string;

package/dist/components/Image/getRatio.d.ts

@@ -0,0 +1 @@
+export default function getRatio(ratio?: string): string | undefined;

package/dist/components/Image/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ImageProps } from './props';
+import 'react-lazy-load-image-component/src/effects/blur.css';
+declare const Image: import("react").ForwardRefExoticComponent<Omit<ImageProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export default Image;

package/dist/components/Image/props.d.ts

@@ -0,0 +1,6 @@
+import { LazyLoadImageProps } from 'react-lazy-load-image-component';
+import { BoxProps } from '@mui/material';
+export type ImageProps = {
+    ratio?: '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';
+    disabledEffect?: boolean;
+} & BoxProps & LazyLoadImageProps;

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export { NavSectionHorizontal, NavSectionMini, NavSectionVertical, } from './nav-section';
+export type { INavItem, NavItemProps, NavListProps, NavSectionProps, } from './nav-section';
+export { default as Image } from './Image';
+export type { ImageProps } from './Image/props';
+export type { IconifyProps } from './Iconify/props';
+export { default as Iconify } from './Iconify';

package/dist/components/nav-section/NavSectionHorizontal/NavItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { NavItemProps } from '../types';
+declare const NavItem: import("react").ForwardRefExoticComponent<Omit<NavItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default NavItem;

package/dist/components/nav-section/NavSectionHorizontal/NavList.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavListProps } from '../types';
+type NavListRootProps = {
+    data: NavListProps;
+    depth: number;
+    hasChild: boolean;
+};
+declare const NavList: React.FC<NavListRootProps>;
+export default NavList;

package/dist/components/nav-section/NavSectionHorizontal/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NavSectionProps } from '../types';
+declare const _default: React.NamedExoticComponent<NavSectionProps>;
+export default _default;

package/dist/components/nav-section/NavSectionHorizontal/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { NavItemProps } from '../types';
+type StyledItemProps = Omit<NavItemProps, 'item'>;
+export declare const StyledItem: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledItemProps, {}, {}>;
+export declare const StyledIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};

package/dist/components/nav-section/NavSectionMini/NavItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { NavItemProps } from '../types';
+declare const NavItem: import("react").ForwardRefExoticComponent<Omit<NavItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default NavItem;

package/dist/components/nav-section/NavSectionMini/NavList.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavListProps } from '../types';
+type NavListRootProps = {
+    data: NavListProps;
+    depth: number;
+    hasChild: boolean;
+};
+declare const NavList: React.FC<NavListRootProps>;
+export default NavList;

package/dist/components/nav-section/NavSectionMini/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NavSectionProps } from '../types';
+declare const _default: React.NamedExoticComponent<NavSectionProps>;
+export default _default;

package/dist/components/nav-section/NavSectionMini/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { NavItemProps } from '../types';
+type StyledItemProps = Omit<NavItemProps, 'item'>;
+export declare const StyledItem: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledItemProps, {}, {}>;
+export declare const StyledIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledPopover: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};

package/dist/components/nav-section/NavSectionVertical/NavItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NavItemProps } from '../types';
+declare const NavItem: React.FC<NavItemProps>;
+export default NavItem;

package/dist/components/nav-section/NavSectionVertical/NavList.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavListProps } from '../types';
+type NavListRootProps = {
+    data: NavListProps;
+    depth: number;
+    hasChild: boolean;
+};
+declare const NavList: React.FC<NavListRootProps>;
+export default NavList;

package/dist/components/nav-section/NavSectionVertical/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NavSectionProps } from '../types';
+declare const NavSectionVertical: React.FC<NavSectionProps>;
+export default NavSectionVertical;

package/dist/components/nav-section/NavSectionVertical/styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { NavItemProps } from '../types';
+export declare const StyledItem: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Omit<NavItemProps, "item"> & {
+    caption?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, {}, {}>;
+export declare const StyledIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+type StyledDotIconProps = {
+    active?: boolean;
+};
+export declare const StyledDotIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledDotIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledSubheader: import("@emotion/styled").StyledComponent<import("@mui/material").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "color" | "inset" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export {};

package/dist/components/nav-section/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export { default as NavSectionMini } from './NavSectionMini';
+export { default as NavSectionVertical } from './NavSectionVertical';
+export { default as NavSectionHorizontal } from './NavSectionHorizontal';

package/dist/components/nav-section/types.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { StackProps, ListItemButtonProps } from '@mui/material';
+export type INavItem = {
+    item: NavListProps;
+    depth: number;
+    open?: boolean;
+    active?: boolean;
+    isExternalLink?: boolean;
+};
+export type NavItemProps = INavItem & ListItemButtonProps;
+export type NavItemButtonProps = INavItem & ListItemButtonProps & {
+    onNavigate(event: React.MouseEvent<HTMLButtonElement>, to: string): void;
+};
+export type NavListProps = {
+    title: string;
+    path: string;
+    icon?: React.ReactElement;
+    info?: React.ReactElement;
+    caption?: string;
+    disabled?: boolean;
+    roles?: string[];
+    children?: any;
+};
+export interface NavSectionProps extends StackProps {
+    data: {
+        subheader: string;
+        items: NavListProps[];
+    }[];
+}
+export interface NavSectionWithButtonProps extends StackProps {
+    data: {
+        subheader: string;
+        items: NavListProps[];
+    }[];
+    onNavigate(event: React.MouseEvent<HTMLButtonElement>, to: string): void;
+    pathname: string;
+}

package/dist/configs/config-global.d.ts

@@ -0,0 +1,19 @@
+export declare const HEADER: {
+    H_MOBILE: number;
+    H_MAIN_DESKTOP: number;
+    H_DASHBOARD_DESKTOP: number;
+    H_DASHBOARD_DESKTOP_OFFSET: number;
+};
+export declare const NAV: {
+    W_BASE: number;
+    W_DASHBOARD: number;
+    W_DASHBOARD_MINI: number;
+    H_DASHBOARD_ITEM: number;
+    H_DASHBOARD_ITEM_SUB: number;
+    H_DASHBOARD_ITEM_HORIZONTAL: number;
+};
+export declare const ICON: {
+    NAV_ITEM: number;
+    NAV_ITEM_HORIZONTAL: number;
+    NAV_ITEM_MINI: number;
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as useActiveLink } from './useActiveLink';

package/dist/hooks/useActiveLink.d.ts

@@ -0,0 +1,6 @@
+type ReturnType = {
+    active: boolean;
+    isExternalLink: boolean;
+};
+declare const useActiveLink: (path: string, deep?: boolean) => ReturnType;
+export default useActiveLink;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from './utils';

package/dist/index.js

@@ -0,0 +1,40 @@
+import e,{forwardRef as t,useRef as r,useState as n,useEffect as o,memo as a}from'react';import{ListItemButton as i,ListItemIcon as s,Popover as c,Box as l,ListItemText as p,Tooltip as u,Link as f,Stack as d,ListSubheader as y,Collapse as m,List as h}from'@mui/material';import{useLocation as g,matchPath as b,Link as v}from'react-router-dom';import x from'@emotion/styled';import'@emotion/react';import{Icon as O}from'@iconify/react';import{LazyLoadImage as j}from'react-lazy-load-image-component';function w(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&'function'==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function S(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,'default')?e.default:e}'function'==typeof SuppressedError&&SuppressedError;var k,E={exports:{}},$={};var _,N={};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */'production'===process.env.NODE_ENV?E.exports=function(){if(k)return $;k=1;var t=e,r=Symbol.for('react.element'),n=Symbol.for('react.fragment'),o=Object.prototype.hasOwnProperty,a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var s,c={},l=null,p=null;for(s in void 0!==n&&(l=''+n),void 0!==t.key&&(l=''+t.key),void 0!==t.ref&&(p=t.ref),t)o.call(t,s)&&!i.hasOwnProperty(s)&&(c[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps)void 0===c[s]&&(c[s]=t[s]);return{$$typeof:r,type:e,key:l,ref:p,props:c,_owner:a.current}}return $.Fragment=n,$.jsx=s,$.jsxs=s,$}():E.exports=(_||(_=1,'production'!==process.env.NODE_ENV&&(()=>{var t=e,r=Symbol.for('react.element'),n=Symbol.for('react.portal'),o=Symbol.for('react.fragment'),a=Symbol.for('react.strict_mode'),i=Symbol.for('react.profiler'),s=Symbol.for('react.provider'),c=Symbol.for('react.context'),l=Symbol.for('react.forward_ref'),p=Symbol.for('react.suspense'),u=Symbol.for('react.suspense_list'),f=Symbol.for('react.memo'),d=Symbol.for('react.lazy'),y=Symbol.for('react.offscreen'),m=Symbol.iterator,h='@@iterator',g=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];((e,t,r)=>{var n=g.ReactDebugCurrentFrame.getStackAddendum();''!==n&&(t+='%s',r=r.concat([n]));var o=r.map((e=>String(e)));o.unshift('Warning: '+t),Function.prototype.apply.call(console[e],console,o)})('error',e,r)}var v,x=!1,O=!1,j=!1,w=!1,S=!1;function k(e){return e.displayName||'Context'}function E(e){if(null==e)return null;if('number'==typeof e.tag&&b('Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.'),'function'==typeof e)return e.displayName||e.name||null;if('string'==typeof e)return e;switch(e){case o:return'Fragment';case n:return'Portal';case i:return'Profiler';case a:return'StrictMode';case p:return'Suspense';case u:return'SuspenseList'}if('object'==typeof e)switch(e.$$typeof){case c:return k(e)+'.Consumer';case s:return k(e._context)+'.Provider';case l:return((e,t,r)=>{var n=e.displayName;if(n)return n;var o=t.displayName||t.name||'';return''!==o?r+'('+o+')':r})(e,e.render,'ForwardRef');case f:var t=e.displayName||null;return null!==t?t:E(e.type)||'Memo';case d:var r=e,y=r._payload,m=r._init;try{return E(m(y))}catch(e){return null}}return null}v=Symbol.for('react.module.reference');var $,_,T,C,P,R,A,I=Object.assign,M=0;function F(){}F.__reactDisabledLog=!0;var D,L=g.ReactCurrentDispatcher;function V(e,t,r){if(void 0===D)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);D=n&&n[1]||''}return'\n'+D+e}var z,W=!1,B='function'==typeof WeakMap?WeakMap:Map;function K(e,t){if(!e||W)return'';var r,n=z.get(e);if(void 0!==n)return n;W=!0;var o,a=Error.prepareStackTrace;Error.prepareStackTrace=void 0,o=L.current,L.current=null,(()=>{if(0===M){$=console.log,_=console.info,T=console.warn,C=console.error,P=console.group,R=console.groupCollapsed,A=console.groupEnd;var e={configurable:!0,enumerable:!0,value:F,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}M++})();try{if(t){var i=()=>{throw Error()};if(Object.defineProperty(i.prototype,'props',{set:()=>{throw Error()}}),'object'==typeof Reflect&&Reflect.construct){try{Reflect.construct(i,[])}catch(e){r=e}Reflect.construct(e,[],i)}else{try{i.call()}catch(e){r=e}e.call(i.prototype)}}else{try{throw Error()}catch(e){r=e}e()}}catch(t){if(t&&r&&'string'==typeof t.stack){for(var s=t.stack.split('\n'),c=r.stack.split('\n'),l=s.length-1,p=c.length-1;l>=1&&p>=0&&s[l]!==c[p];)p--;for(;l>=1&&p>=0;l--,p--)if(s[l]!==c[p]){if(1!==l||1!==p)do{if(l--,--p<0||s[l]!==c[p]){var u='\n'+s[l].replace(' at new ',' at ');return e.displayName&&u.includes('<anonymous>')&&(u=u.replace('<anonymous>',e.displayName)),'function'==typeof e&&z.set(e,u),u}}while(l>=1&&p>=0);break}}}finally{W=!1,L.current=o,(()=>{if(0==--M){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:I({},e,{value:$}),info:I({},e,{value:_}),warn:I({},e,{value:T}),error:I({},e,{value:C}),group:I({},e,{value:P}),groupCollapsed:I({},e,{value:R}),groupEnd:I({},e,{value:A})})}M<0&&b('disabledDepth fell below zero. This is a bug in React. Please file an issue.')})(),Error.prepareStackTrace=a}var f=e?e.displayName||e.name:'',d=f?V(f):'';return'function'==typeof e&&z.set(e,d),d}function U(e,t,r){if(null==e)return'';if('function'==typeof e)return K(e,!(!(n=e.prototype)||!n.isReactComponent));var n;if('string'==typeof e)return V(e);switch(e){case p:return V('Suspense');case u:return V('SuspenseList')}if('object'==typeof e)switch(e.$$typeof){case l:return K(e.render,!1);case f:return U(e.type,t,r);case d:var o=e,a=o._payload,i=o._init;try{return U(i(a),t,r)}catch(e){}}return''}z=new B;var G=Object.prototype.hasOwnProperty,H={},Y=g.ReactDebugCurrentFrame;function q(e){if(e){var t=e._owner,r=U(e.type,e._source,t?t.type:null);Y.setExtraStackFrame(r)}else Y.setExtraStackFrame(null)}var X=Array.isArray;function J(e){return X(e)}function Q(e){return''+e}function Z(e){if((e=>{try{return Q(e),!1}catch(e){return!0}})(e))return b('The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.',(e=>'function'==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||'Object')(e)),Q(e)}var ee,te,re,ne=g.ReactCurrentOwner,oe={key:!0,ref:!0,__self:!0,__source:!0};re={};var ae=(e,t,n,o,a,i,s)=>{var c={$$typeof:r,type:e,key:t,ref:n,props:s,_owner:i,_store:{}};return Object.defineProperty(c._store,'validated',{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,'_self',{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(c,'_source',{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function ie(e,t,r,n,o){var a,i={},s=null,c=null;for(a in void 0!==r&&(Z(r),s=''+r),(e=>{if(G.call(e,'key')){var t=Object.getOwnPropertyDescriptor(e,'key').get;if(t&&t.isReactWarning)return!1}return void 0!==e.key})(t)&&(Z(t.key),s=''+t.key),(e=>{if(G.call(e,'ref')){var t=Object.getOwnPropertyDescriptor(e,'ref').get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref})(t)&&(c=t.ref,((e,t)=>{if('string'==typeof e.ref&&ne.current&&t&&ne.current.stateNode!==t){var r=E(ne.current.type);re[r]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(ne.current.type),e.ref),re[r]=!0)}})(t,o)),t)G.call(t,a)&&!oe.hasOwnProperty(a)&&(i[a]=t[a]);if(e&&e.defaultProps){var l=e.defaultProps;for(a in l)void 0===i[a]&&(i[a]=l[a])}if(s||c){var p='function'==typeof e?e.displayName||e.name||'Unknown':e;s&&((e,t)=>{var r=()=>{ee||(ee=!0,b('%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)',t))};r.isReactWarning=!0,Object.defineProperty(e,'key',{get:r,configurable:!0})})(i,p),c&&((e,t)=>{var r=()=>{te||(te=!0,b('%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)',t))};r.isReactWarning=!0,Object.defineProperty(e,'ref',{get:r,configurable:!0})})(i,p)}return ae(e,s,c,o,n,ne.current,i)}var se,ce=g.ReactCurrentOwner,le=g.ReactDebugCurrentFrame;function pe(e){if(e){var t=e._owner,r=U(e.type,e._source,t?t.type:null);le.setExtraStackFrame(r)}else le.setExtraStackFrame(null)}function ue(e){return'object'==typeof e&&null!==e&&e.$$typeof===r}function fe(){if(ce.current){var e=E(ce.current.type);if(e)return'\n\nCheck the render method of `'+e+'`.'}return''}se=!1;var de={};function ye(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var r=(e=>{var t=fe();if(!t){var r='string'==typeof e?e:e.displayName||e.name;r&&(t='\n\nCheck the top-level render call using <'+r+'>.')}return t})(t);if(!de[r]){de[r]=!0;var n='';e&&e._owner&&e._owner!==ce.current&&(n=' It was passed a child from '+E(e._owner.type)+'.'),pe(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,n),pe(null)}}}function me(e,t){if('object'==typeof e)if(J(e))for(var r=0;r<e.length;r++){var n=e[r];ue(n)&&ye(n,t)}else if(ue(e))e._store&&(e._store.validated=!0);else if(e){var o=(e=>{if(null===e||'object'!=typeof e)return null;var t=m&&e[m]||e[h];return'function'==typeof t?t:null})(e);if('function'==typeof o&&o!==e.entries)for(var a,i=o.call(e);!(a=i.next()).done;)ue(a.value)&&ye(a.value,t)}}function he(e){var t,r=e.type;if(null!=r&&'string'!=typeof r){if('function'==typeof r)t=r.propTypes;else{if('object'!=typeof r||r.$$typeof!==l&&r.$$typeof!==f)return;t=r.propTypes}if(t){var n=E(r);((e,t,r,n,o)=>{var a=Function.call.bind(G);for(var i in e)if(a(e,i)){var s=void 0;try{if('function'!=typeof e[i]){var c=Error((n||'React class')+': '+r+' type `'+i+'` is invalid; it must be a function, usually from the `prop-types` package, but received `'+typeof e[i]+'`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');throw c.name='Invariant Violation',c}s=e[i](t,i,n,r,null,'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED')}catch(e){s=e}!s||s instanceof Error||(q(o),b('%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).',n||'React class',r,i,typeof s),q(null)),s instanceof Error&&!(s.message in H)&&(H[s.message]=!0,q(o),b('Failed %s type: %s',r,s.message),q(null))}})(t,e.props,'prop',n,e)}else void 0===r.PropTypes||se||(se=!0,b('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?',E(r)||'Unknown'));'function'!=typeof r.getDefaultProps||r.getDefaultProps.isReactClassApproved||b('getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.')}}function ge(e,t,n,m,h,g){var k=(e=>'string'==typeof e||'function'==typeof e||!!(e===o||e===i||S||e===a||e===p||e===u||w||e===y||x||O||j)||'object'==typeof e&&null!==e&&(e.$$typeof===d||e.$$typeof===f||e.$$typeof===s||e.$$typeof===c||e.$$typeof===l||e.$$typeof===v||void 0!==e.getModuleId))(e);if(!k){var $='';(void 0===e||'object'==typeof e&&null!==e&&0===Object.keys(e).length)&&($+=' You likely forgot to export your component from the file it\'s defined in, or you might have mixed up default and named imports.');var _,N=(e=>void 0!==e?'\n\nCheck your code at '+e.fileName.replace(/^.*[\\\/]/,'')+':'+e.lineNumber+'.':'')(h);$+=N||fe(),null===e?_='null':J(e)?_='array':void 0!==e&&e.$$typeof===r?(_='<'+(E(e.type)||'Unknown')+' />',$=' Did you accidentally export a JSX literal instead of a component?'):_=typeof e,b('React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s',_,$)}var T=ie(e,t,n,h,g);if(null==T)return T;if(k){var C=t.children;if(void 0!==C)if(m)if(J(C)){for(var P=0;P<C.length;P++)me(C[P],e);Object.freeze&&Object.freeze(C)}else b('React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.');else me(C,e)}return e===o?(e=>{for(var t=Object.keys(e.props),r=0;r<t.length;r++){var n=t[r];if('children'!==n&&'key'!==n){pe(e),b('Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.',n),pe(null);break}}null!==e.ref&&(pe(e),b('Invalid attribute `ref` supplied to `React.Fragment`.'),pe(null))})(T):he(T),T}var be=(e,t,r)=>ge(e,t,r,!1),ve=(e,t,r)=>ge(e,t,r,!0);N.Fragment=o,N.jsx=be,N.jsxs=ve})()),N);var T=E.exports;const C=(e,t=!0)=>{const{pathname:r}=g(),n=!!e&&!!b({path:e,end:!0},r),o=!!e&&!!b({path:e,end:!1},r);return{active:t?o:n,isExternalLink:e.includes('http')}};function P(e){let t='https://mui.com/production-error/?code='+e;for(let e=1;e<arguments.length;e+=1)t+='&args[]='+encodeURIComponent(arguments[e]);return'Minified MUI error #'+e+'; visit '+t+' for the full message.'}function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},R.apply(this,arguments)}function A(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}var I,M={exports:{}},F={exports:{}},D={};var L,V,z,W,B,K,U,G,H,Y,q,X,J,Q,Z={};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */function ee(){return V||(V=1,'production'===process.env.NODE_ENV?F.exports=function(){if(I)return D;I=1;var e='function'==typeof Symbol&&Symbol.for,t=e?Symbol.for('react.element'):60103,r=e?Symbol.for('react.portal'):60106,n=e?Symbol.for('react.fragment'):60107,o=e?Symbol.for('react.strict_mode'):60108,a=e?Symbol.for('react.profiler'):60114,i=e?Symbol.for('react.provider'):60109,s=e?Symbol.for('react.context'):60110,c=e?Symbol.for('react.async_mode'):60111,l=e?Symbol.for('react.concurrent_mode'):60111,p=e?Symbol.for('react.forward_ref'):60112,u=e?Symbol.for('react.suspense'):60113,f=e?Symbol.for('react.suspense_list'):60120,d=e?Symbol.for('react.memo'):60115,y=e?Symbol.for('react.lazy'):60116,m=e?Symbol.for('react.block'):60121,h=e?Symbol.for('react.fundamental'):60117,g=e?Symbol.for('react.responder'):60118,b=e?Symbol.for('react.scope'):60119;function v(e){if('object'==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:switch(e=e.type){case c:case l:case n:case a:case o:case u:return e;default:switch(e=e&&e.$$typeof){case s:case p:case y:case d:case i:return e;default:return f}}case r:return f}}}function x(e){return v(e)===l}return D.AsyncMode=c,D.ConcurrentMode=l,D.ContextConsumer=s,D.ContextProvider=i,D.Element=t,D.ForwardRef=p,D.Fragment=n,D.Lazy=y,D.Memo=d,D.Portal=r,D.Profiler=a,D.StrictMode=o,D.Suspense=u,D.isAsyncMode=e=>x(e)||v(e)===c,D.isConcurrentMode=x,D.isContextConsumer=e=>v(e)===s,D.isContextProvider=e=>v(e)===i,D.isElement=e=>'object'==typeof e&&null!==e&&e.$$typeof===t,D.isForwardRef=e=>v(e)===p,D.isFragment=e=>v(e)===n,D.isLazy=e=>v(e)===y,D.isMemo=e=>v(e)===d,D.isPortal=e=>v(e)===r,D.isProfiler=e=>v(e)===a,D.isStrictMode=e=>v(e)===o,D.isSuspense=e=>v(e)===u,D.isValidElementType=e=>'string'==typeof e||'function'==typeof e||e===n||e===l||e===a||e===o||e===u||e===f||'object'==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===d||e.$$typeof===i||e.$$typeof===s||e.$$typeof===p||e.$$typeof===h||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m),D.typeOf=v,D}():F.exports=(L||(L=1,'production'!==process.env.NODE_ENV&&(()=>{var e='function'==typeof Symbol&&Symbol.for,t=e?Symbol.for('react.element'):60103,r=e?Symbol.for('react.portal'):60106,n=e?Symbol.for('react.fragment'):60107,o=e?Symbol.for('react.strict_mode'):60108,a=e?Symbol.for('react.profiler'):60114,i=e?Symbol.for('react.provider'):60109,s=e?Symbol.for('react.context'):60110,c=e?Symbol.for('react.async_mode'):60111,l=e?Symbol.for('react.concurrent_mode'):60111,p=e?Symbol.for('react.forward_ref'):60112,u=e?Symbol.for('react.suspense'):60113,f=e?Symbol.for('react.suspense_list'):60120,d=e?Symbol.for('react.memo'):60115,y=e?Symbol.for('react.lazy'):60116,m=e?Symbol.for('react.block'):60121,h=e?Symbol.for('react.fundamental'):60117,g=e?Symbol.for('react.responder'):60118,b=e?Symbol.for('react.scope'):60119;function v(e){if('object'==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:var m=e.type;switch(m){case c:case l:case n:case a:case o:case u:return m;default:var h=m&&m.$$typeof;switch(h){case s:case p:case y:case d:case i:return h;default:return f}}case r:return f}}}var x=c,O=l,j=s,w=i,S=t,k=p,E=n,$=y,_=d,N=r,T=a,C=o,P=u,R=!1;function A(e){return v(e)===l}Z.AsyncMode=x,Z.ConcurrentMode=O,Z.ContextConsumer=j,Z.ContextProvider=w,Z.Element=S,Z.ForwardRef=k,Z.Fragment=E,Z.Lazy=$,Z.Memo=_,Z.Portal=N,Z.Profiler=T,Z.StrictMode=C,Z.Suspense=P,Z.isAsyncMode=e=>(R||(R=!0),A(e)||v(e)===c),Z.isConcurrentMode=A,Z.isContextConsumer=e=>v(e)===s,Z.isContextProvider=e=>v(e)===i,Z.isElement=e=>'object'==typeof e&&null!==e&&e.$$typeof===t,Z.isForwardRef=e=>v(e)===p,Z.isFragment=e=>v(e)===n,Z.isLazy=e=>v(e)===y,Z.isMemo=e=>v(e)===d,Z.isPortal=e=>v(e)===r,Z.isProfiler=e=>v(e)===a,Z.isStrictMode=e=>v(e)===o,Z.isSuspense=e=>v(e)===u,Z.isValidElementType=e=>'string'==typeof e||'function'==typeof e||e===n||e===l||e===a||e===o||e===u||e===f||'object'==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===d||e.$$typeof===i||e.$$typeof===s||e.$$typeof===p||e.$$typeof===h||e.$$typeof===g||e.$$typeof===b||e.$$typeof===m),Z.typeOf=v})()),Z)),F.exports}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/function te(){if(W)return z;W=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;return z=function(){try{if(!Object.assign)return!1;var e=new String('abc');if(e[5]='de','5'===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t['_'+String.fromCharCode(r)]=r;if('0123456789'!==Object.getOwnPropertyNames(t).map((e=>t[e])).join(''))return!1;var n={};return'abcdefghijklmnopqrst'.split('').forEach((e=>{n[e]=e})),'abcdefghijklmnopqrst'===Object.keys(Object.assign({},n)).join('')}catch(e){return!1}}()?Object.assign:function(n,o){for(var a,i,s=function(e){if(null==e)throw new TypeError('Object.assign cannot be called with null or undefined');return Object(e)}(n),c=1;c<arguments.length;c++){for(var l in a=Object(arguments[c]))t.call(a,l)&&(s[l]=a[l]);if(e){i=e(a);for(var p=0;p<i.length;p++)r.call(a,i[p])&&(s[i[p]]=a[i[p]])}}return s},z}function re(){if(K)return B;K=1;return B='SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'}function ne(){return G?U:(G=1,U=Function.call.bind(Object.prototype.hasOwnProperty))}if('production'!==process.env.NODE_ENV){var oe=ee();M.exports=function(){if(X)return q;X=1;var e=ee(),t=te(),r=re(),n=ne(),o=(()=>{if(Y)return H;Y=1;var e=()=>{};if('production'!==process.env.NODE_ENV){var t=re(),r={},n=ne();e=e=>{var t='Warning: '+e;try{throw new Error(t)}catch(e){}}}function o(o,a,i,s,c){if('production'!==process.env.NODE_ENV)for(var l in o)if(n(o,l)){var p;try{if('function'!=typeof o[l]){var u=Error((s||'React class')+': '+i+' type `'+l+'` is invalid; it must be a function, usually from the `prop-types` package, but received `'+typeof o[l]+'`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');throw u.name='Invariant Violation',u}p=o[l](a,l,s,i,null,t)}catch(e){p=e}if(!p||p instanceof Error||e((s||'React class')+': type specification of '+i+' `'+l+'` is invalid; the type checker function must return `null` or an `Error` but returned a '+typeof p+'. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).'),p instanceof Error&&!(p.message in r)){r[p.message]=!0;var f=c?c():'';e('Failed '+i+' type: '+p.message+(null!=f?f:''))}}}return o.resetWarningCache=()=>{'production'!==process.env.NODE_ENV&&(r={})},H=o})(),a=()=>{};function i(){return null}return'production'!==process.env.NODE_ENV&&(a=e=>{var t='Warning: '+e;try{throw new Error(t)}catch(e){}}),q=function(s,c){var l='function'==typeof Symbol&&Symbol.iterator,p='@@iterator',u='<<anonymous>>',f={array:h('array'),bigint:h('bigint'),bool:h('boolean'),func:h('function'),number:h('number'),object:h('object'),string:h('string'),symbol:h('symbol'),any:m(i),arrayOf:e=>m(((t,n,o,a,i)=>{if('function'!=typeof e)return new y('Property `'+i+'` of component `'+o+'` has invalid PropType notation inside arrayOf.');var s=t[n];if(!Array.isArray(s))return new y('Invalid '+a+' `'+i+'` of type `'+v(s)+'` supplied to `'+o+'`, expected an array.');for(var c=0;c<s.length;c++){var l=e(s,c,o,a,i+'['+c+']',r);if(l instanceof Error)return l}return null})),element:m(((e,t,r,n,o)=>{var a=e[t];return s(a)?null:new y('Invalid '+n+' `'+o+'` of type `'+v(a)+'` supplied to `'+r+'`, expected a single ReactElement.')})),elementType:m(((t,r,n,o,a)=>{var i=t[r];return e.isValidElementType(i)?null:new y('Invalid '+o+' `'+a+'` of type `'+v(i)+'` supplied to `'+n+'`, expected a single ReactElement type.')})),instanceOf:e=>m(((t,r,n,o,a)=>{if(!(t[r]instanceof e)){var i=e.name||u;return new y('Invalid '+o+' `'+a+'` of type `'+((s=t[r]).constructor&&s.constructor.name?s.constructor.name:u)+'` supplied to `'+n+'`, expected instance of `'+i+'`.')}var s;return null})),node:m(((e,t,r,n,o)=>b(e[t])?null:new y('Invalid '+n+' `'+o+'` supplied to `'+r+'`, expected a ReactNode.'))),objectOf:e=>m(((t,o,a,i,s)=>{if('function'!=typeof e)return new y('Property `'+s+'` of component `'+a+'` has invalid PropType notation inside objectOf.');var c=t[o],l=v(c);if('object'!==l)return new y('Invalid '+i+' `'+s+'` of type `'+l+'` supplied to `'+a+'`, expected an object.');for(var p in c)if(n(c,p)){var u=e(c,p,a,i,s+'.'+p,r);if(u instanceof Error)return u}return null})),oneOf:function(e){return Array.isArray(e)?m(((t,r,n,o,a)=>{for(var i=t[r],s=0;s<e.length;s++)if(d(i,e[s]))return null;var c=JSON.stringify(e,((e,t)=>'symbol'===x(t)?String(t):t));return new y('Invalid '+o+' `'+a+'` of value `'+String(i)+'` supplied to `'+n+'`, expected one of '+c+'.')})):('production'!==process.env.NODE_ENV&&a(arguments.length>1?'Invalid arguments supplied to oneOf, expected an array, got '+arguments.length+' arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).':'Invalid argument supplied to oneOf, expected an array.'),i)},oneOfType:e=>{if(!Array.isArray(e))return'production'!==process.env.NODE_ENV&&a('Invalid argument supplied to oneOfType, expected an instance of array.'),i;for(var t=0;t<e.length;t++){var o=e[t];if('function'!=typeof o)return a('Invalid argument supplied to oneOfType. Expected an array of check functions, but received '+O(o)+' at index '+t+'.'),i}return m(((t,o,a,i,s)=>{for(var c=[],l=0;l<e.length;l++){var p=(0,e[l])(t,o,a,i,s,r);if(null==p)return null;p.data&&n(p.data,'expectedType')&&c.push(p.data.expectedType)}return new y('Invalid '+i+' `'+s+'` supplied to `'+a+'`'+(c.length>0?', expected one of type ['+c.join(', ')+']':'')+'.')}))},shape:e=>m(((t,n,o,a,i)=>{var s=t[n],c=v(s);if('object'!==c)return new y('Invalid '+a+' `'+i+'` of type `'+c+'` supplied to `'+o+'`, expected `object`.');for(var l in e){var p=e[l];if('function'!=typeof p)return g(o,a,i,l,x(p));var u=p(s,l,o,a,i+'.'+l,r);if(u)return u}return null})),exact:e=>m(((o,a,i,s,c)=>{var l=o[a],p=v(l);if('object'!==p)return new y('Invalid '+s+' `'+c+'` of type `'+p+'` supplied to `'+i+'`, expected `object`.');var u=t({},o[a],e);for(var f in u){var d=e[f];if(n(e,f)&&'function'!=typeof d)return g(i,s,c,f,x(d));if(!d)return new y('Invalid '+s+' `'+c+'` key `'+f+'` supplied to `'+i+'`.\nBad object: '+JSON.stringify(o[a],null,'  ')+'\nValid keys: '+JSON.stringify(Object.keys(e),null,'  '));var m=d(l,f,i,s,c+'.'+f,r);if(m)return m}return null}))};function d(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function y(e,t){this.message=e,this.data=t&&'object'==typeof t?t:{},this.stack=''}function m(e){if('production'!==process.env.NODE_ENV)var t={},n=0;function o(o,i,s,l,p,f,d){if(l=l||u,f=f||s,d!==r){if(c){var m=new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types');throw m.name='Invariant Violation',m}if('production'!==process.env.NODE_ENV&&'undefined'!=typeof console){var h=l+':'+s;!t[h]&&n<3&&(a('You are manually calling a React.PropTypes validation function for the `'+f+'` prop on `'+l+'`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.'),t[h]=!0,n++)}}return null==i[s]?o?null===i[s]?new y('The '+p+' `'+f+'` is marked as required in `'+l+'`, but its value is `null`.'):new y('The '+p+' `'+f+'` is marked as required in `'+l+'`, but its value is `undefined`.'):null:e(i,s,l,p,f)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function h(e){return m(((t,r,n,o,a,i)=>{var s=t[r];return v(s)!==e?new y('Invalid '+o+' `'+a+'` of type `'+x(s)+'` supplied to `'+n+'`, expected `'+e+'`.',{expectedType:e}):null}))}function g(e,t,r,n,o){return new y((e||'React class')+': '+t+' type `'+r+'.'+n+'` is invalid; it must be a function, usually from the `prop-types` package, but received `'+o+'`.')}function b(e){switch(typeof e){case'number':case'string':case'undefined':return!0;case'boolean':return!e;case'object':if(Array.isArray(e))return e.every(b);if(null===e||s(e))return!0;var t=(e=>{var t=e&&(l&&e[l]||e[p]);if('function'==typeof t)return t})(e);if(!t)return!1;var r,n=t.call(e);if(t!==e.entries){for(;!(r=n.next()).done;)if(!b(r.value))return!1}else for(;!(r=n.next()).done;){var o=r.value;if(o&&!b(o[1]))return!1}return!0;default:return!1}}function v(e){var t=typeof e;return Array.isArray(e)?'array':e instanceof RegExp?'object':((e,t)=>'symbol'===e||!!t&&('Symbol'===t['@@toStringTag']||'function'==typeof Symbol&&t instanceof Symbol))(t,e)?'symbol':t}function x(e){if(null==e)return''+e;var t=v(e);if('object'===t){if(e instanceof Date)return'date';if(e instanceof RegExp)return'regexp'}return t}function O(e){var t=x(e);switch(t){case'array':case'object':return'an '+t;case'boolean':case'date':case'regexp':return'a '+t;default:return t}}return y.prototype=Error.prototype,f.checkPropTypes=o,f.resetWarningCache=o.resetWarningCache,f.PropTypes=f,f},q}()(oe.isElement,!0)}else M.exports=function(){if(Q)return J;Q=1;var e=re();function t(){}function r(){}return r.resetWarningCache=t,J=()=>{function n(t,r,n,o,a,i){if(i!==e){var s=new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types');throw s.name='Invariant Violation',s}}function o(){return n}n.isRequired=n;var a={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return a.PropTypes=a,a}}()();var ae=S(M.exports);function ie(e){if('object'!=typeof e||null===e)return!1;const t=Object.getPrototypeOf(e);return!(null!==t&&t!==Object.prototype&&null!==Object.getPrototypeOf(t)||Symbol.toStringTag in e||Symbol.iterator in e)}function se(e){if(!ie(e))return e;const t={};return Object.keys(e).forEach((r=>{t[r]=se(e[r])})),t}function ce(e,t,r={clone:!0}){const n=r.clone?R({},e):e;return ie(e)&&ie(t)&&Object.keys(t).forEach((o=>{'__proto__'!==o&&(ie(t[o])&&o in e&&ie(e[o])?n[o]=ce(e[o],t[o],r):r.clone?n[o]=ie(t[o])?se(t[o]):t[o]:n[o]=t[o])})),n}var le,pe={exports:{}},ue={};var fe,de={};
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */'production'===process.env.NODE_ENV?pe.exports=function(){if(le)return ue;le=1;var e,t=Symbol.for('react.element'),r=Symbol.for('react.portal'),n=Symbol.for('react.fragment'),o=Symbol.for('react.strict_mode'),a=Symbol.for('react.profiler'),i=Symbol.for('react.provider'),s=Symbol.for('react.context'),c=Symbol.for('react.server_context'),l=Symbol.for('react.forward_ref'),p=Symbol.for('react.suspense'),u=Symbol.for('react.suspense_list'),f=Symbol.for('react.memo'),d=Symbol.for('react.lazy'),y=Symbol.for('react.offscreen');function m(e){if('object'==typeof e&&null!==e){var y=e.$$typeof;switch(y){case t:switch(e=e.type){case n:case a:case o:case p:case u:return e;default:switch(e=e&&e.$$typeof){case c:case s:case l:case d:case f:case i:return e;default:return y}}case r:return y}}}return e=Symbol.for('react.module.reference'),ue.ContextConsumer=s,ue.ContextProvider=i,ue.Element=t,ue.ForwardRef=l,ue.Fragment=n,ue.Lazy=d,ue.Memo=f,ue.Portal=r,ue.Profiler=a,ue.StrictMode=o,ue.Suspense=p,ue.SuspenseList=u,ue.isAsyncMode=()=>!1,ue.isConcurrentMode=()=>!1,ue.isContextConsumer=e=>m(e)===s,ue.isContextProvider=e=>m(e)===i,ue.isElement=e=>'object'==typeof e&&null!==e&&e.$$typeof===t,ue.isForwardRef=e=>m(e)===l,ue.isFragment=e=>m(e)===n,ue.isLazy=e=>m(e)===d,ue.isMemo=e=>m(e)===f,ue.isPortal=e=>m(e)===r,ue.isProfiler=e=>m(e)===a,ue.isStrictMode=e=>m(e)===o,ue.isSuspense=e=>m(e)===p,ue.isSuspenseList=e=>m(e)===u,ue.isValidElementType=t=>'string'==typeof t||'function'==typeof t||t===n||t===a||t===o||t===p||t===u||t===y||'object'==typeof t&&null!==t&&(t.$$typeof===d||t.$$typeof===f||t.$$typeof===i||t.$$typeof===s||t.$$typeof===l||t.$$typeof===e||void 0!==t.getModuleId),ue.typeOf=m,ue}():pe.exports=(fe||(fe=1,'production'!==process.env.NODE_ENV&&(()=>{var e,t=Symbol.for('react.element'),r=Symbol.for('react.portal'),n=Symbol.for('react.fragment'),o=Symbol.for('react.strict_mode'),a=Symbol.for('react.profiler'),i=Symbol.for('react.provider'),s=Symbol.for('react.context'),c=Symbol.for('react.server_context'),l=Symbol.for('react.forward_ref'),p=Symbol.for('react.suspense'),u=Symbol.for('react.suspense_list'),f=Symbol.for('react.memo'),d=Symbol.for('react.lazy'),y=Symbol.for('react.offscreen');function m(e){if('object'==typeof e&&null!==e){var y=e.$$typeof;switch(y){case t:var m=e.type;switch(m){case n:case a:case o:case p:case u:return m;default:var h=m&&m.$$typeof;switch(h){case c:case s:case l:case d:case f:case i:return h;default:return y}}case r:return y}}}e=Symbol.for('react.module.reference');var h=s,g=i,b=t,v=l,x=n,O=d,j=f,w=r,S=a,k=o,E=p,$=u,_=!1,N=!1;de.ContextConsumer=h,de.ContextProvider=g,de.Element=b,de.ForwardRef=v,de.Fragment=x,de.Lazy=O,de.Memo=j,de.Portal=w,de.Profiler=S,de.StrictMode=k,de.Suspense=E,de.SuspenseList=$,de.isAsyncMode=e=>(_||(_=!0),!1),de.isConcurrentMode=e=>(N||(N=!0),!1),de.isContextConsumer=e=>m(e)===s,de.isContextProvider=e=>m(e)===i,de.isElement=e=>'object'==typeof e&&null!==e&&e.$$typeof===t,de.isForwardRef=e=>m(e)===l,de.isFragment=e=>m(e)===n,de.isLazy=e=>m(e)===d,de.isMemo=e=>m(e)===f,de.isPortal=e=>m(e)===r,de.isProfiler=e=>m(e)===a,de.isStrictMode=e=>m(e)===o,de.isSuspense=e=>m(e)===p,de.isSuspenseList=e=>m(e)===u,de.isValidElementType=t=>'string'==typeof t||'function'==typeof t||t===n||t===a||t===o||t===p||t===u||t===y||'object'==typeof t&&null!==t&&(t.$$typeof===d||t.$$typeof===f||t.$$typeof===i||t.$$typeof===s||t.$$typeof===l||t.$$typeof===e||void 0!==t.getModuleId),de.typeOf=m})()),de);var ye=pe.exports;const me=/^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;function he(e,t=''){return e.displayName||e.name||function(e){const t=`${e}`.match(me);return t&&t[1]||''}(e)||t}function ge(e,t,r){const n=he(t);return e.displayName||(''!==n?`${r}(${n})`:r)}function be(e){if('string'!=typeof e)throw new Error('production'!==process.env.NODE_ENV?'MUI: `capitalize(string)` expects a string argument.':P(7));return e.charAt(0).toUpperCase()+e.slice(1)}const ve=e=>e,xe=(()=>{let e=ve;return{configure(t){e=t},generate:t=>e(t),reset(){e=ve}}})(),Oe={active:'active',checked:'checked',completed:'completed',disabled:'disabled',error:'error',expanded:'expanded',focused:'focused',focusVisible:'focusVisible',open:'open',readOnly:'readOnly',required:'required',selected:'selected'};function je(e,t,r='Mui'){const n=Oe[t];return n?`${r}-${n}`:`${xe.generate(e)}-${t}`}const we=['values','unit','step'],Se=e=>{const t=Object.keys(e).map((t=>({key:t,val:e[t]})))||[];return t.sort(((e,t)=>e.val-t.val)),t.reduce(((e,t)=>R({},e,{[t.key]:t.val})),{})};var ke={borderRadius:4};var Ee='production'!==process.env.NODE_ENV?ae.oneOfType([ae.number,ae.string,ae.object,ae.array]):{};function $e(e,t){return t?ce(e,t,{clone:!1}):e}const _e={xs:0,sm:600,md:900,lg:1200,xl:1536},Ne={keys:['xs','sm','md','lg','xl'],up:e=>`@media (min-width:${_e[e]}px)`};function Te(e,t,r){const n=e.theme||{};if(Array.isArray(t)){const e=n.breakpoints||Ne;return t.reduce(((n,o,a)=>(n[e.up(e.keys[a])]=r(t[a]),n)),{})}if('object'==typeof t){const e=n.breakpoints||Ne;return Object.keys(t).reduce(((n,o)=>{if(-1!==Object.keys(e.values||_e).indexOf(o)){n[e.up(o)]=r(t[o],o)}else{const e=o;n[e]=t[e]}return n}),{})}return r(t)}function Ce(e,t,r=!0){if(!t||'string'!=typeof t)return null;if(e&&e.vars&&r){const r=`vars.${t}`.split('.').reduce(((e,t)=>e&&e[t]?e[t]:null),e);if(null!=r)return r}return t.split('.').reduce(((e,t)=>e&&null!=e[t]?e[t]:null),e)}function Pe(e,t,r,n=r){let o;return o='function'==typeof e?e(r):Array.isArray(e)?e[r]||n:Ce(e,r)||n,t&&(o=t(o,n,e)),o}function Re(e){const{prop:t,cssProperty:r=e.prop,themeKey:n,transform:o}=e,a=e=>{if(null==e[t])return null;const a=e[t],i=Ce(e.theme,n)||{};return Te(e,a,(e=>{let n=Pe(i,o,e);return e===n&&'string'==typeof e&&(n=Pe(i,o,`${t}${'default'===e?'':be(e)}`,e)),!1===r?n:{[r]:n}}))};return a.propTypes='production'!==process.env.NODE_ENV?{[t]:Ee}:{},a.filterProps=[t],a}const Ae={m:'margin',p:'padding'},Ie={t:'Top',r:'Right',b:'Bottom',l:'Left',x:['Left','Right'],y:['Top','Bottom']},Me={marginX:'mx',marginY:'my',paddingX:'px',paddingY:'py'},Fe=function(e){const t={};return r=>(void 0===t[r]&&(t[r]=e(r)),t[r])}((e=>{if(e.length>2){if(!Me[e])return[e];e=Me[e]}const[t,r]=e.split(''),n=Ae[t],o=Ie[r]||'';return Array.isArray(o)?o.map((e=>n+e)):[n+o]})),De=['m','mt','mr','mb','ml','mx','my','margin','marginTop','marginRight','marginBottom','marginLeft','marginX','marginY','marginInline','marginInlineStart','marginInlineEnd','marginBlock','marginBlockStart','marginBlockEnd'],Le=['p','pt','pr','pb','pl','px','py','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','paddingX','paddingY','paddingInline','paddingInlineStart','paddingInlineEnd','paddingBlock','paddingBlockStart','paddingBlockEnd'],Ve=[...De,...Le];function ze(e,t,r,n){var o;const a=null!=(o=Ce(e,t,!1))?o:r;return'number'==typeof a?e=>'string'==typeof e?e:(process.env.NODE_ENV,a*e):Array.isArray(a)?e=>'string'==typeof e?e:('production'!==process.env.NODE_ENV&&Number.isInteger(e)&&a.length,a[e]):'function'==typeof a?a:(process.env.NODE_ENV,()=>{})}function We(e){return ze(e,'spacing',8)}function Be(e,t){if('string'==typeof t||null==t)return t;const r=e(Math.abs(t));return t>=0?r:'number'==typeof r?-r:`-${r}`}function Ke(e,t,r,n){if(-1===t.indexOf(r))return null;const o=function(e,t){return r=>e.reduce(((e,n)=>(e[n]=Be(t,r),e)),{})}(Fe(r),n);return Te(e,e[r],o)}function Ue(e,t){const r=We(e.theme);return Object.keys(e).map((n=>Ke(e,t,n,r))).reduce($e,{})}function Ge(e){return Ue(e,De)}function He(e){return Ue(e,Le)}function Ye(...e){const t=e.reduce(((e,t)=>(t.filterProps.forEach((r=>{e[r]=t})),e)),{}),r=e=>Object.keys(e).reduce(((r,n)=>t[n]?$e(r,t[n](e)):r),{});return r.propTypes='production'!==process.env.NODE_ENV?e.reduce(((e,t)=>Object.assign(e,t.propTypes)),{}):{},r.filterProps=e.reduce(((e,t)=>e.concat(t.filterProps)),[]),r}function qe(e){return'number'!=typeof e?e:`${e}px solid`}function Xe(e,t){return Re({prop:e,themeKey:'borders',transform:t})}Ge.propTypes='production'!==process.env.NODE_ENV?De.reduce(((e,t)=>(e[t]=Ee,e)),{}):{},Ge.filterProps=De,He.propTypes='production'!==process.env.NODE_ENV?Le.reduce(((e,t)=>(e[t]=Ee,e)),{}):{},He.filterProps=Le,'production'===process.env.NODE_ENV||Ve.reduce(((e,t)=>(e[t]=Ee,e)),{});const Je=Xe('border',qe),Qe=Xe('borderTop',qe),Ze=Xe('borderRight',qe),et=Xe('borderBottom',qe),tt=Xe('borderLeft',qe),rt=Xe('borderColor'),nt=Xe('borderTopColor'),ot=Xe('borderRightColor'),at=Xe('borderBottomColor'),it=Xe('borderLeftColor'),st=Xe('outline',qe),ct=Xe('outlineColor'),lt=e=>{if(void 0!==e.borderRadius&&null!==e.borderRadius){const t=ze(e.theme,'shape.borderRadius',4),r=e=>({borderRadius:Be(t,e)});return Te(e,e.borderRadius,r)}return null};lt.propTypes='production'!==process.env.NODE_ENV?{borderRadius:Ee}:{},lt.filterProps=['borderRadius'],Ye(Je,Qe,Ze,et,tt,rt,nt,ot,at,it,lt,st,ct);const pt=e=>{if(void 0!==e.gap&&null!==e.gap){const t=ze(e.theme,'spacing',8),r=e=>({gap:Be(t,e)});return Te(e,e.gap,r)}return null};pt.propTypes='production'!==process.env.NODE_ENV?{gap:Ee}:{},pt.filterProps=['gap'];const ut=e=>{if(void 0!==e.columnGap&&null!==e.columnGap){const t=ze(e.theme,'spacing',8),r=e=>({columnGap:Be(t,e)});return Te(e,e.columnGap,r)}return null};ut.propTypes='production'!==process.env.NODE_ENV?{columnGap:Ee}:{},ut.filterProps=['columnGap'];const ft=e=>{if(void 0!==e.rowGap&&null!==e.rowGap){const t=ze(e.theme,'spacing',8),r=e=>({rowGap:Be(t,e)});return Te(e,e.rowGap,r)}return null};ft.propTypes='production'!==process.env.NODE_ENV?{rowGap:Ee}:{},ft.filterProps=['rowGap'];function dt(e,t){return'grey'===t?t:e}Ye(pt,ut,ft,Re({prop:'gridColumn'}),Re({prop:'gridRow'}),Re({prop:'gridAutoFlow'}),Re({prop:'gridAutoColumns'}),Re({prop:'gridAutoRows'}),Re({prop:'gridTemplateColumns'}),Re({prop:'gridTemplateRows'}),Re({prop:'gridTemplateAreas'}),Re({prop:'gridArea'}));function yt(e){return e<=1&&0!==e?100*e+'%':e}Ye(Re({prop:'color',themeKey:'palette',transform:dt}),Re({prop:'bgcolor',cssProperty:'backgroundColor',themeKey:'palette',transform:dt}),Re({prop:'backgroundColor',themeKey:'palette',transform:dt}));const mt=Re({prop:'width',transform:yt}),ht=e=>{if(void 0!==e.maxWidth&&null!==e.maxWidth){const t=t=>{var r,n;const o=(null==(r=e.theme)||null==(r=r.breakpoints)||null==(r=r.values)?void 0:r[t])||_e[t];return o?'px'!==(null==(n=e.theme)||null==(n=n.breakpoints)?void 0:n.unit)?{maxWidth:`${o}${e.theme.breakpoints.unit}`}:{maxWidth:o}:{maxWidth:yt(t)}};return Te(e,e.maxWidth,t)}return null};ht.filterProps=['maxWidth'];const gt=Re({prop:'minWidth',transform:yt}),bt=Re({prop:'height',transform:yt}),vt=Re({prop:'maxHeight',transform:yt}),xt=Re({prop:'minHeight',transform:yt});Re({prop:'size',cssProperty:'width',transform:yt}),Re({prop:'size',cssProperty:'height',transform:yt});Ye(mt,ht,gt,bt,vt,xt,Re({prop:'boxSizing'}));var Ot={border:{themeKey:'borders',transform:qe},borderTop:{themeKey:'borders',transform:qe},borderRight:{themeKey:'borders',transform:qe},borderBottom:{themeKey:'borders',transform:qe},borderLeft:{themeKey:'borders',transform:qe},borderColor:{themeKey:'palette'},borderTopColor:{themeKey:'palette'},borderRightColor:{themeKey:'palette'},borderBottomColor:{themeKey:'palette'},borderLeftColor:{themeKey:'palette'},outline:{themeKey:'borders',transform:qe},outlineColor:{themeKey:'palette'},borderRadius:{themeKey:'shape.borderRadius',style:lt},color:{themeKey:'palette',transform:dt},bgcolor:{themeKey:'palette',cssProperty:'backgroundColor',transform:dt},backgroundColor:{themeKey:'palette',transform:dt},p:{style:He},pt:{style:He},pr:{style:He},pb:{style:He},pl:{style:He},px:{style:He},py:{style:He},padding:{style:He},paddingTop:{style:He},paddingRight:{style:He},paddingBottom:{style:He},paddingLeft:{style:He},paddingX:{style:He},paddingY:{style:He},paddingInline:{style:He},paddingInlineStart:{style:He},paddingInlineEnd:{style:He},paddingBlock:{style:He},paddingBlockStart:{style:He},paddingBlockEnd:{style:He},m:{style:Ge},mt:{style:Ge},mr:{style:Ge},mb:{style:Ge},ml:{style:Ge},mx:{style:Ge},my:{style:Ge},margin:{style:Ge},marginTop:{style:Ge},marginRight:{style:Ge},marginBottom:{style:Ge},marginLeft:{style:Ge},marginX:{style:Ge},marginY:{style:Ge},marginInline:{style:Ge},marginInlineStart:{style:Ge},marginInlineEnd:{style:Ge},marginBlock:{style:Ge},marginBlockStart:{style:Ge},marginBlockEnd:{style:Ge},displayPrint:{cssProperty:!1,transform:e=>({'@media print':{display:e}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:pt},rowGap:{style:ft},columnGap:{style:ut},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:'zIndex'},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:'shadows'},width:{transform:yt},maxWidth:{style:ht},minWidth:{transform:yt},height:{transform:yt},maxHeight:{transform:yt},minHeight:{transform:yt},boxSizing:{},fontFamily:{themeKey:'typography'},fontSize:{themeKey:'typography'},fontStyle:{themeKey:'typography'},fontWeight:{themeKey:'typography'},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:'typography'}};const jt=function(){function e(e,t,r,n){const o={[e]:t,theme:r},a=n[e];if(!a)return{[e]:t};const{cssProperty:i=e,themeKey:s,transform:c,style:l}=a;if(null==t)return null;if('typography'===s&&'inherit'===t)return{[e]:t};const p=Ce(r,s)||{};if(l)return l(o);return Te(o,t,(t=>{let r=Pe(p,c,t);return t===r&&'string'==typeof t&&(r=Pe(p,c,`${e}${'default'===t?'':be(t)}`,t)),!1===i?r:{[i]:r}}))}return function t(r){var n;const{sx:o,theme:a={}}=r||{};if(!o)return null;const i=null!=(n=a.unstable_sxConfig)?n:Ot;function s(r){let n=r;if('function'==typeof r)n=r(a);else if('object'!=typeof r)return r;if(!n)return null;const o=function(e={}){var t;return(null==(t=e.keys)?void 0:t.reduce(((t,r)=>(t[e.up(r)]={},t)),{}))||{}}(a.breakpoints),s=Object.keys(o);let c=o;return Object.keys(n).forEach((r=>{const o=(s=n[r],l=a,'function'==typeof s?s(l):s);var s,l;if(null!=o)if('object'==typeof o)if(i[r])c=$e(c,e(r,o,a,i));else{const e=Te({theme:a},o,(e=>({[r]:e})));!function(...e){const t=e.reduce(((e,t)=>e.concat(Object.keys(t))),[]),r=new Set(t);return e.every((e=>r.size===Object.keys(e).length))}(e,o)?c=$e(c,e):c[r]=t({sx:o,theme:a})}else c=$e(c,e(r,o,a,i))})),function(e,t){return e.reduce(((e,t)=>{const r=e[t];return(!r||0===Object.keys(r).length)&&delete e[t],e}),t)}(s,c)}return Array.isArray(o)?o.map(s):s(o)}}();jt.filterProps=['sx'];const wt=['breakpoints','palette','spacing','shape'];function St(e={},...t){const{breakpoints:r={},palette:n={},spacing:o,shape:a={}}=e,i=A(e,wt),s=function(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r='px',step:n=5}=e,o=A(e,we),a=Se(t),i=Object.keys(a);function s(e){return`@media (min-width:${'number'==typeof t[e]?t[e]:e}${r})`}function c(e){return`@media (max-width:${('number'==typeof t[e]?t[e]:e)-n/100}${r})`}function l(e,o){const a=i.indexOf(o);return`@media (min-width:${'number'==typeof t[e]?t[e]:e}${r}) and (max-width:${(-1!==a&&'number'==typeof t[i[a]]?t[i[a]]:o)-n/100}${r})`}return R({keys:i,values:a,up:s,down:c,between:l,only:e=>i.indexOf(e)+1<i.length?l(e,i[i.indexOf(e)+1]):s(e),not:e=>{const t=i.indexOf(e);return 0===t?s(i[1]):t===i.length-1?c(i[t]):l(e,i[i.indexOf(e)+1]).replace('@media','@media not all and')},unit:r},o)}(r),c=function(e=8){if(e.mui)return e;const t=We({spacing:e}),r=(...e)=>('production'!==process.env.NODE_ENV&&e.length,(0===e.length?[1]:e).map((e=>{const r=t(e);return'number'==typeof r?`${r}px`:r})).join(' '));return r.mui=!0,r}(o);let l=ce({breakpoints:s,direction:'ltr',components:{},palette:R({mode:'light'},n),spacing:c,shape:R({},ke,a)},i);return l=t.reduce(((e,t)=>ce(e,t)),l),l.unstable_sxConfig=R({},Ot,null==i?void 0:i.unstable_sxConfig),l.unstable_sx=function(e){return jt({sx:e,theme:this})},l}const kt=['variant'];function Et(e){return 0===e.length}function $t(e){const{variant:t}=e,r=A(e,kt);let n=t||'';return Object.keys(r).sort().forEach((t=>{n+='color'===t?Et(n)?e[t]:be(e[t]):`${Et(n)?t:be(t)}${be(e[t].toString())}`})),n}const _t=['name','slot','skipVariantsResolver','skipSx','overridesResolver'];const Nt=e=>{let t=0;const r={};return e&&e.forEach((e=>{let n='';'function'==typeof e.props?(n=`callback${t}`,t+=1):n=$t(e.props),r[n]=e.style})),r},Tt=(e,t,r)=>{const{ownerState:n={}}=e,o=[];let a=0;return r&&r.forEach((r=>{let i=!0;if('function'==typeof r.props){const t=R({},e,n);i=r.props(t)}else Object.keys(r.props).forEach((t=>{n[t]!==r.props[t]&&e[t]!==r.props[t]&&(i=!1)}));i&&('function'==typeof r.props?o.push(t[`callback${a}`]):o.push(t[$t(r.props)])),'function'==typeof r.props&&(a+=1)})),o};function Ct(e){return'ownerState'!==e&&'theme'!==e&&'sx'!==e&&'as'!==e}const Pt=St(),Rt=e=>e?e.charAt(0).toLowerCase()+e.slice(1):e;function At({defaultTheme:e,theme:t,themeId:r}){return n=t,0===Object.keys(n).length?e:t[r]||t;var n}function It(e){return e?(t,r)=>r[e]:null}const Mt=({styledArg:e,props:t,defaultTheme:r,themeId:n})=>{const o=e(R({},t,{theme:At(R({},t,{defaultTheme:r,themeId:n}))}));let a;if(o&&o.variants&&(a=o.variants,delete o.variants),a){return[o,...Tt(t,Nt(a),a)]}return o};function Ft(e,t=0,r=1){return process.env.NODE_ENV,function(e,t=Number.MIN_SAFE_INTEGER,r=Number.MAX_SAFE_INTEGER){return Math.max(t,Math.min(e,r))}(e,t,r)}function Dt(e){if(e.type)return e;if('#'===e.charAt(0))return Dt(function(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,'g');let r=e.match(t);return r&&1===r[0].length&&(r=r.map((e=>e+e))),r?`rgb${4===r.length?'a':''}(${r.map(((e,t)=>t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3)).join(', ')})`:''}(e));const t=e.indexOf('('),r=e.substring(0,t);if(-1===['rgb','rgba','hsl','hsla','color'].indexOf(r))throw new Error('production'!==process.env.NODE_ENV?`MUI: Unsupported \`${e}\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`:P(9,e));let n,o=e.substring(t+1,e.length-1);if('color'===r){if(o=o.split(' '),n=o.shift(),4===o.length&&'/'===o[3].charAt(0)&&(o[3]=o[3].slice(1)),-1===['srgb','display-p3','a98-rgb','prophoto-rgb','rec-2020'].indexOf(n))throw new Error('production'!==process.env.NODE_ENV?`MUI: unsupported \`${n}\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`:P(10,n))}else o=o.split(',');return o=o.map((e=>parseFloat(e))),{type:r,values:o,colorSpace:n}}function Lt(e){const{type:t,colorSpace:r}=e;let{values:n}=e;return-1!==t.indexOf('rgb')?n=n.map(((e,t)=>t<3?parseInt(e,10):e)):-1!==t.indexOf('hsl')&&(n[1]=`${n[1]}%`,n[2]=`${n[2]}%`),n=-1!==t.indexOf('color')?`${r} ${n.join(' ')}`:`${n.join(', ')}`,`${t}(${n})`}function Vt(e){let t='hsl'===(e=Dt(e)).type||'hsla'===e.type?Dt(function(e){e=Dt(e);const{values:t}=e,r=t[0],n=t[1]/100,o=t[2]/100,a=n*Math.min(o,1-o),i=(e,t=(e+r/30)%12)=>o-a*Math.max(Math.min(t-3,9-t,1),-1);let s='rgb';const c=[Math.round(255*i(0)),Math.round(255*i(8)),Math.round(255*i(4))];return'hsla'===e.type&&(s+='a',c.push(t[3])),Lt({type:s,values:c})}(e)).values:e.values;return t=t.map((t=>('color'!==e.type&&(t/=255),t<=.03928?t/12.92:((t+.055)/1.055)**2.4))),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function zt(e,t){const r=Vt(e),n=Vt(t);return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function Wt(e,t){return e=Dt(e),t=Ft(t),'rgb'!==e.type&&'hsl'!==e.type||(e.type+='a'),'color'===e.type?e.values[3]=`/${t}`:e.values[3]=t,Lt(e)}var Bt={black:'#000',white:'#fff'};var Kt={50:'#fafafa',100:'#f5f5f5',200:'#eeeeee',300:'#e0e0e0',400:'#bdbdbd',500:'#9e9e9e',600:'#757575',700:'#616161',800:'#424242',900:'#212121',A100:'#f5f5f5',A200:'#eeeeee',A400:'#bdbdbd',A700:'#616161'};var Ut={50:'#f3e5f5',100:'#e1bee7',200:'#ce93d8',300:'#ba68c8',400:'#ab47bc',500:'#9c27b0',600:'#8e24aa',700:'#7b1fa2',800:'#6a1b9a',900:'#4a148c',A100:'#ea80fc',A200:'#e040fb',A400:'#d500f9',A700:'#aa00ff'};var Gt={50:'#ffebee',100:'#ffcdd2',200:'#ef9a9a',300:'#e57373',400:'#ef5350',500:'#f44336',600:'#e53935',700:'#d32f2f',800:'#c62828',900:'#b71c1c',A100:'#ff8a80',A200:'#ff5252',A400:'#ff1744',A700:'#d50000'};var Ht={50:'#fff3e0',100:'#ffe0b2',200:'#ffcc80',300:'#ffb74d',400:'#ffa726',500:'#ff9800',600:'#fb8c00',700:'#f57c00',800:'#ef6c00',900:'#e65100',A100:'#ffd180',A200:'#ffab40',A400:'#ff9100',A700:'#ff6d00'};var Yt={50:'#e3f2fd',100:'#bbdefb',200:'#90caf9',300:'#64b5f6',400:'#42a5f5',500:'#2196f3',600:'#1e88e5',700:'#1976d2',800:'#1565c0',900:'#0d47a1',A100:'#82b1ff',A200:'#448aff',A400:'#2979ff',A700:'#2962ff'};var qt={50:'#e1f5fe',100:'#b3e5fc',200:'#81d4fa',300:'#4fc3f7',400:'#29b6f6',500:'#03a9f4',600:'#039be5',700:'#0288d1',800:'#0277bd',900:'#01579b',A100:'#80d8ff',A200:'#40c4ff',A400:'#00b0ff',A700:'#0091ea'};var Xt={50:'#e8f5e9',100:'#c8e6c9',200:'#a5d6a7',300:'#81c784',400:'#66bb6a',500:'#4caf50',600:'#43a047',700:'#388e3c',800:'#2e7d32',900:'#1b5e20',A100:'#b9f6ca',A200:'#69f0ae',A400:'#00e676',A700:'#00c853'};const Jt=['mode','contrastThreshold','tonalOffset'],Qt={text:{primary:'rgba(0, 0, 0, 0.87)',secondary:'rgba(0, 0, 0, 0.6)',disabled:'rgba(0, 0, 0, 0.38)'},divider:'rgba(0, 0, 0, 0.12)',background:{paper:Bt.white,default:Bt.white},action:{active:'rgba(0, 0, 0, 0.54)',hover:'rgba(0, 0, 0, 0.04)',hoverOpacity:.04,selected:'rgba(0, 0, 0, 0.08)',selectedOpacity:.08,disabled:'rgba(0, 0, 0, 0.26)',disabledBackground:'rgba(0, 0, 0, 0.12)',disabledOpacity:.38,focus:'rgba(0, 0, 0, 0.12)',focusOpacity:.12,activatedOpacity:.12}},Zt={text:{primary:Bt.white,secondary:'rgba(255, 255, 255, 0.7)',disabled:'rgba(255, 255, 255, 0.5)',icon:'rgba(255, 255, 255, 0.5)'},divider:'rgba(255, 255, 255, 0.12)',background:{paper:'#121212',default:'#121212'},action:{active:Bt.white,hover:'rgba(255, 255, 255, 0.08)',hoverOpacity:.08,selected:'rgba(255, 255, 255, 0.16)',selectedOpacity:.16,disabled:'rgba(255, 255, 255, 0.3)',disabledBackground:'rgba(255, 255, 255, 0.12)',disabledOpacity:.38,focus:'rgba(255, 255, 255, 0.12)',focusOpacity:.12,activatedOpacity:.24}};function er(e,t,r,n){const o=n.light||n,a=n.dark||1.5*n;e[t]||(e.hasOwnProperty(r)?e[t]=e[r]:'light'===t?e.light=function(e,t){if(e=Dt(e),t=Ft(t),-1!==e.type.indexOf('hsl'))e.values[2]+=(100-e.values[2])*t;else if(-1!==e.type.indexOf('rgb'))for(let r=0;r<3;r+=1)e.values[r]+=(255-e.values[r])*t;else if(-1!==e.type.indexOf('color'))for(let r=0;r<3;r+=1)e.values[r]+=(1-e.values[r])*t;return Lt(e)}(e.main,o):'dark'===t&&(e.dark=function(e,t){if(e=Dt(e),t=Ft(t),-1!==e.type.indexOf('hsl'))e.values[2]*=1-t;else if(-1!==e.type.indexOf('rgb')||-1!==e.type.indexOf('color'))for(let r=0;r<3;r+=1)e.values[r]*=1-t;return Lt(e)}(e.main,a)))}function tr(e){const{mode:t='light',contrastThreshold:r=3,tonalOffset:n=.2}=e,o=A(e,Jt),a=e.primary||function(e='light'){return'dark'===e?{main:Yt[200],light:Yt[50],dark:Yt[400]}:{main:Yt[700],light:Yt[400],dark:Yt[800]}}(t),i=e.secondary||function(e='light'){return'dark'===e?{main:Ut[200],light:Ut[50],dark:Ut[400]}:{main:Ut[500],light:Ut[300],dark:Ut[700]}}(t),s=e.error||function(e='light'){return'dark'===e?{main:Gt[500],light:Gt[300],dark:Gt[700]}:{main:Gt[700],light:Gt[400],dark:Gt[800]}}(t),c=e.info||function(e='light'){return'dark'===e?{main:qt[400],light:qt[300],dark:qt[700]}:{main:qt[700],light:qt[500],dark:qt[900]}}(t),l=e.success||function(e='light'){return'dark'===e?{main:Xt[400],light:Xt[300],dark:Xt[700]}:{main:Xt[800],light:Xt[500],dark:Xt[900]}}(t),p=e.warning||function(e='light'){return'dark'===e?{main:Ht[400],light:Ht[300],dark:Ht[700]}:{main:'#ed6c02',light:Ht[500],dark:Ht[900]}}(t);function u(e){const t=zt(e,Zt.text.primary)>=r?Zt.text.primary:Qt.text.primary;if('production'!==process.env.NODE_ENV){zt(e,t)}return t}const f=({color:e,name:t,mainShade:r=500,lightShade:o=300,darkShade:a=700})=>{if(!(e=R({},e)).main&&e[r]&&(e.main=e[r]),!e.hasOwnProperty('main'))throw new Error('production'!==process.env.NODE_ENV?`MUI: The color${t?` (${t})`:''} provided to augmentColor(color) is invalid.\nThe color object needs to have a \`main\` property or a \`${r}\` property.`:P(11,t?` (${t})`:'',r));if('string'!=typeof e.main)throw new Error('production'!==process.env.NODE_ENV?`MUI: The color${t?` (${t})`:''} provided to augmentColor(color) is invalid.\n\`color.main\` should be a string, but \`${JSON.stringify(e.main)}\` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from "@mui/material/colors";\n\nconst theme1 = createTheme({ palette: {\n  primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n  primary: { main: green[500] },\n} });`:P(12,t?` (${t})`:'',JSON.stringify(e.main)));return er(e,'light',o,n),er(e,'dark',a,n),e.contrastText||(e.contrastText=u(e.main)),e},d={dark:Zt,light:Qt};process.env.NODE_ENV;return ce(R({common:R({},Bt),mode:t,primary:f({color:a,name:'primary'}),secondary:f({color:i,name:'secondary',mainShade:'A400',lightShade:'A200',darkShade:'A700'}),error:f({color:s,name:'error'}),warning:f({color:p,name:'warning'}),info:f({color:c,name:'info'}),success:f({color:l,name:'success'}),grey:Kt,contrastThreshold:r,getContrastText:u,augmentColor:f,tonalOffset:n},d[t]),o)}const rr=['fontFamily','fontSize','fontWeightLight','fontWeightRegular','fontWeightMedium','fontWeightBold','htmlFontSize','allVariants','pxToRem'];const nr={textTransform:'uppercase'},or='"Roboto", "Helvetica", "Arial", sans-serif';function ar(e,t){const r='function'==typeof t?t(e):t,{fontFamily:n=or,fontSize:o=14,fontWeightLight:a=300,fontWeightRegular:i=400,fontWeightMedium:s=500,fontWeightBold:c=700,htmlFontSize:l=16,allVariants:p,pxToRem:u}=r,f=A(r,rr);process.env.NODE_ENV;const d=o/14,y=u||(e=>e/l*d+'rem'),m=(e,t,r,o,a)=>{return R({fontFamily:n,fontWeight:e,fontSize:y(t),lineHeight:r},n===or?{letterSpacing:(i=o/t,Math.round(1e5*i)/1e5)+'em'}:{},a,p);var i},h={h1:m(a,96,1.167,-1.5),h2:m(a,60,1.2,-.5),h3:m(i,48,1.167,0),h4:m(i,34,1.235,.25),h5:m(i,24,1.334,0),h6:m(s,20,1.6,.15),subtitle1:m(i,16,1.75,.15),subtitle2:m(s,14,1.57,.1),body1:m(i,16,1.5,.15),body2:m(i,14,1.43,.15),button:m(s,14,1.75,.4,nr),caption:m(i,12,1.66,.4),overline:m(i,12,2.66,1,nr),inherit:{fontFamily:'inherit',fontWeight:'inherit',fontSize:'inherit',lineHeight:'inherit',letterSpacing:'inherit'}};return ce(R({htmlFontSize:l,pxToRem:y,fontFamily:n,fontSize:o,fontWeightLight:a,fontWeightRegular:i,fontWeightMedium:s,fontWeightBold:c},h),f,{clone:!1})}function ir(...e){return[`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,0.2)`,`${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,0.14)`,`${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,0.12)`].join(',')}const sr=['none',ir(0,2,1,-1,0,1,1,0,0,1,3,0),ir(0,3,1,-2,0,2,2,0,0,1,5,0),ir(0,3,3,-2,0,3,4,0,0,1,8,0),ir(0,2,4,-1,0,4,5,0,0,1,10,0),ir(0,3,5,-1,0,5,8,0,0,1,14,0),ir(0,3,5,-1,0,6,10,0,0,1,18,0),ir(0,4,5,-2,0,7,10,1,0,2,16,1),ir(0,5,5,-3,0,8,10,1,0,3,14,2),ir(0,5,6,-3,0,9,12,1,0,3,16,2),ir(0,6,6,-3,0,10,14,1,0,4,18,3),ir(0,6,7,-4,0,11,15,1,0,4,20,3),ir(0,7,8,-4,0,12,17,2,0,5,22,4),ir(0,7,8,-4,0,13,19,2,0,5,24,4),ir(0,7,9,-4,0,14,21,2,0,5,26,4),ir(0,8,9,-5,0,15,22,2,0,6,28,5),ir(0,8,10,-5,0,16,24,2,0,6,30,5),ir(0,8,11,-5,0,17,26,2,0,6,32,5),ir(0,9,11,-5,0,18,28,2,0,7,34,6),ir(0,9,12,-6,0,19,29,2,0,7,36,6),ir(0,10,13,-6,0,20,31,3,0,8,38,7),ir(0,10,13,-6,0,21,33,3,0,8,40,7),ir(0,10,14,-6,0,22,35,3,0,8,42,7),ir(0,11,14,-7,0,23,36,3,0,9,44,8),ir(0,11,15,-7,0,24,38,3,0,9,46,8)],cr=['duration','easing','delay'],lr={easeInOut:'cubic-bezier(0.4, 0, 0.2, 1)',easeOut:'cubic-bezier(0.0, 0, 0.2, 1)',easeIn:'cubic-bezier(0.4, 0, 1, 1)',sharp:'cubic-bezier(0.4, 0, 0.6, 1)'},pr={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function ur(e){return`${Math.round(e)}ms`}function fr(e){if(!e)return 0;const t=e/36;return Math.round(10*(4+15*t**.25+t/5))}function dr(e){const t=R({},lr,e.easing),r=R({},pr,e.duration);return R({getAutoHeightDuration:fr,create:(e=['all'],n={})=>{const{duration:o=r.standard,easing:a=t.easeInOut,delay:i=0}=n,s=A(n,cr);if('production'!==process.env.NODE_ENV){const t=e=>'string'==typeof e,r=e=>!isNaN(parseFloat(e));!t(e)&&Array.isArray(e),!r(o)&&t(o),t(a),!r(i)&&t(i),Object.keys(s).length}return(Array.isArray(e)?e:[e]).map((e=>`${e} ${'string'==typeof o?o:ur(o)} ${a} ${'string'==typeof i?i:ur(i)}`)).join(',')}},e,{easing:t,duration:r})}var yr={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500};const mr=['breakpoints','mixins','spacing','palette','transitions','typography','shape'];const hr=function(e={}){const{themeId:t,defaultTheme:r=Pt,rootShouldForwardProp:n=Ct,slotShouldForwardProp:o=Ct}=e,a=e=>jt(R({},e,{theme:At(R({},e,{defaultTheme:r,themeId:t}))}));return a.__mui_systemSx=!0,(e,i={})=>{((e,t)=>{Array.isArray(e.__emotion_styles)&&(e.__emotion_styles=t(e.__emotion_styles))})(e,(e=>e.filter((e=>!(null!=e&&e.__mui_systemSx)))));const{name:s,slot:c,skipVariantsResolver:l,skipSx:p,overridesResolver:u=It(Rt(c))}=i,f=A(i,_t),d=void 0!==l?l:c&&'Root'!==c&&'root'!==c||!1,y=p||!1;let m;'production'!==process.env.NODE_ENV&&s&&(m=`${s}-${Rt(c||'Root')}`);let h=Ct;'Root'===c||'root'===c?h=n:c?h=o:function(e){return'string'==typeof e&&e.charCodeAt(0)>96}(e)&&(h=void 0);const g=
+/**
+ * @mui/styled-engine v5.15.6
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function(e,t){const r=x(e,t);return'production'!==process.env.NODE_ENV?(...e)=>(0===e.length||e.some((e=>void 0===e)),r(...e)):r}(e,R({shouldForwardProp:h,label:m},f)),b=(n,...o)=>{const i=o?o.map((e=>{if('function'==typeof e&&e.__emotion_real!==e)return n=>Mt({styledArg:e,props:n,defaultTheme:r,themeId:t});if(ie(e)){let t,r=e;return e&&e.variants&&(t=e.variants,delete r.variants,r=r=>{let n=e;return Tt(r,Nt(t),t).forEach((e=>{n=ce(n,e)})),n}),r}return e})):[];let l=n;if(ie(n)){let e;n&&n.variants&&(e=n.variants,delete l.variants,l=t=>{let r=n;return Tt(t,Nt(e),e).forEach((e=>{r=ce(r,e)})),r})}else'function'==typeof n&&n.__emotion_real!==n&&(l=e=>Mt({styledArg:n,props:e,defaultTheme:r,themeId:t}));s&&u&&i.push((e=>{const n=At(R({},e,{defaultTheme:r,themeId:t})),o=((e,t)=>t.components&&t.components[e]&&t.components[e].styleOverrides?t.components[e].styleOverrides:null)(s,n);if(o){const t={};return Object.entries(o).forEach((([r,o])=>{t[r]='function'==typeof o?o(R({},e,{theme:n})):o})),u(e,t)}return null})),s&&!d&&i.push((e=>{const n=At(R({},e,{defaultTheme:r,themeId:t}));return((e,t,r,n)=>{var o;const a=null==r||null==(o=r.components)||null==(o=o[n])?void 0:o.variants;return Tt(e,t,a)})(e,((e,t)=>{let r=[];return t&&t.components&&t.components[e]&&t.components[e].variants&&(r=t.components[e].variants),Nt(r)})(s,n),n,s)})),y||i.push(a);const p=i.length-o.length;if(Array.isArray(n)&&p>0){const e=new Array(p).fill('');l=[...n,...e],l.raw=[...n.raw,...e]}const f=g(l,...i);if('production'!==process.env.NODE_ENV){let t;s&&(t=`${s}${be(c||'')}`),void 0===t&&(t=`Styled(${function(e){if(null!=e){if('string'==typeof e)return e;if('function'==typeof e)return he(e,'Component');if('object'==typeof e)switch(e.$$typeof){case ye.ForwardRef:return ge(e,e.render,'ForwardRef');case ye.Memo:return ge(e,e.type,'memo');default:return}}}(e)})`),f.displayName=t}return e.muiName&&(f.muiName=e.muiName),f};return g.withConfig&&(b.withConfig=g.withConfig),b}}({themeId:'$$material',defaultTheme:function(e={},...t){const{mixins:r={},palette:n={},transitions:o={},typography:a={}}=e,i=A(e,mr);if(e.vars)throw new Error('production'!==process.env.NODE_ENV?'MUI: `vars` is a private field used for CSS variables support.\nPlease use another name.':P(18));const s=tr(n),c=St(e);let l=ce(c,{mixins:(p=c.breakpoints,u=r,R({toolbar:{minHeight:56,[p.up('xs')]:{'@media (orientation: landscape)':{minHeight:48}},[p.up('sm')]:{minHeight:64}}},u)),palette:s,shadows:sr.slice(),typography:ar(s,a),transitions:dr(o),zIndex:R({},yr),applyDarkStyles(e){if(this.vars){return{[this.getColorSchemeSelector('dark').replace(/(\[[^\]]+\])/,':where($1)')]:e}}return'dark'===this.palette.mode?e:{}}});var p,u;if(l=ce(l,i),l=t.reduce(((e,t)=>ce(e,t)),l),'production'!==process.env.NODE_ENV){const e=['active','checked','completed','disabled','error','expanded','focused','focusVisible','required','selected'],t=(t,r)=>{let n;for(n in t){const r=t[n];if(-1!==e.indexOf(n)&&Object.keys(r).length>0){if('production'!==process.env.NODE_ENV){je('',n)}t[n]={}}}};Object.keys(l.components).forEach((e=>{const r=l.components[e].styleOverrides;r&&0===e.indexOf('Mui')&&t(r,e)}))}return l.unstable_sxConfig=R({},Ot,null==i?void 0:i.unstable_sxConfig),l.unstable_sx=function(e){return jt({sx:e,theme:this})},l}(),rootShouldForwardProp:e=>Ct(e)&&'classes'!==e}),gr=48,br=36,vr=32,xr=24,Or=22,jr=22;function wr(e){const t=(null==e?void 0:e.color)||'#000000',r=(null==e?void 0:e.blur)||6,n=(null==e?void 0:e.opacity)||.8,o=null==e?void 0:e.imgUrl;return o?{position:'relative',backgroundImage:`url(${o})`,'&:before':{position:'absolute',top:0,left:0,zIndex:9,content:'""',width:'100%',height:'100%',backdropFilter:`blur(${r}px)`,WebkitBackdropFilter:`blur(${r}px)`,backgroundColor:Wt(t,n)}}:{backdropFilter:`blur(${r}px)`,WebkitBackdropFilter:`blur(${r}px)`,backgroundColor:Wt(t,n)}}const Sr={msOverflowStyle:'none',scrollbarWidth:'none',overflowY:'scroll','&::-webkit-scrollbar':{display:'none'}};var kr=Object.freeze({__proto__:null,bgBlur:wr,bgGradient:function(e){const t=(null==e?void 0:e.direction)||'to bottom',r=null==e?void 0:e.startColor,n=null==e?void 0:e.endColor,o=null==e?void 0:e.imgUrl,a=null==e?void 0:e.color;return o?{background:`linear-gradient(${t}, ${r||a}, ${n||a}), url(${o})`,backgroundSize:'cover',backgroundRepeat:'no-repeat',backgroundPosition:'center center'}:{background:`linear-gradient(${t}, ${r}, ${n})`}},filterStyles:function(e){return{filter:e,WebkitFilter:e,MozFilter:e}},hideScrollbarX:{msOverflowStyle:'none',scrollbarWidth:'none',overflowX:'scroll','&::-webkit-scrollbar':{display:'none'}},hideScrollbarY:Sr,textGradient:function(e){return{background:`-webkit-linear-gradient(${e})`,WebkitBackgroundClip:'text',WebkitTextFillColor:'transparent'}}});const Er=hr(i,{shouldForwardProp:e=>'active'!==e&&'open'!==e})((({active:e,disabled:t,open:r,depth:n,theme:o})=>{const a='light'===o.palette.mode,i=1!==n,s=Object.assign({color:o.palette.primary.main,backgroundColor:Wt(o.palette.primary.main,o.palette.action.selectedOpacity)},!a&&{color:o.palette.primary.light}),c={color:o.palette.text.primary,backgroundColor:'transparent'},l={color:o.palette.text.primary,backgroundColor:o.palette.action.hover};return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({flexDirection:'column',padding:o.spacing(1,0,.5,0),color:o.palette.text.secondary,borderRadius:o.shape.borderRadius,'&:hover':l},i&&{flexDirection:'row',padding:o.spacing(1)}),e&&Object.assign(Object.assign({},s),{'&:hover':Object.assign({},s)})),i&&e&&Object.assign(Object.assign({},c),{'&:hover':Object.assign({},c)})),r&&!e&&l),t&&{'&.Mui-disabled':{opacity:.64}})})),$r=hr(s)({marginRight:0,marginBottom:4,width:jr,height:jr}),_r=hr(c)((({theme:e})=>({pointerEvents:'none','& .MuiPopover-paper':Object.assign({width:160,pointerEvents:'auto',padding:e.spacing(1),marginTop:e.spacing(.5),boxShadow:e.customShadows.dropdown,borderRadius:1.5*Number(e.shape.borderRadius)},wr({color:e.palette.background.default}))}))),Nr=t(((e,t)=>{var{icon:r,width:n=20,sx:o}=e,a=w(e,['icon','width','sx']);return T.jsx(l,Object.assign({ref:t,component:O,icon:r,sx:Object.assign({width:n,height:n},o)},a))}));Nr.displayName='Iconify';const Tr=t(((e,t)=>{var{item:r,depth:n,open:o,active:a,isExternalLink:i}=e,s=w(e,['item','depth','open','active','isExternalLink']);const{title:c,path:l,icon:d,children:y,disabled:m,caption:h}=r,g=1!==n,b=T.jsxs(Er,Object.assign({ref:t,open:o,depth:n,active:a,disabled:m},s,{children:[d&&T.jsx($r,{children:d}),T.jsx(p,{primary:c,primaryTypographyProps:{noWrap:!0,sx:Object.assign(Object.assign({width:72,fontSize:10,lineHeight:'16px',textAlign:'center'},a&&{fontWeight:'fontWeightMedium'}),g&&{fontSize:14,width:'auto',textAlign:'left'})}}),h&&T.jsx(u,{title:h,arrow:!0,placement:'right',children:T.jsx(Nr,{icon:'eva:info-outline',width:16,sx:{top:11,left:6,position:'absolute'}})}),!!y&&T.jsx(Nr,{width:16,icon:'eva:chevron-right-fill',sx:{top:11,right:6,position:'absolute'}})]}));return i?T.jsx(f,{href:l,target:'_blank',rel:'noopener',underline:'none',children:b}):T.jsx(f,{component:v,to:l,underline:'none',children:b})}));Tr.displayName='NavItem';const Cr=({data:e,depth:t})=>T.jsx(T.Fragment,{children:e.map((e=>T.jsx(Pr,{data:e,depth:t+1,hasChild:!!e.children},e.title+e.path)))}),Pr=({data:e,depth:t,hasChild:a})=>{const i=r(null),{pathname:s}=g(),{active:c,isExternalLink:l}=C(e.path),[p,u]=n(!1);o((()=>{p&&d()}),[s]),o((()=>{const e=Array.from(document.querySelectorAll('.MuiAppBar-root')),t=()=>{document.body.style.overflow='',document.body.style.padding='',e.forEach((e=>{e.style.padding=''}))};t()}),[p]);const f=()=>{u(!0)},d=()=>{u(!1)};return T.jsxs(T.Fragment,{children:[T.jsx(Tr,{ref:i,item:e,depth:t,open:p,active:c,isExternalLink:l,onMouseEnter:f,onMouseLeave:d}),a&&T.jsx(_r,{open:p,anchorEl:i.current,anchorOrigin:{vertical:'center',horizontal:'right'},transformOrigin:{vertical:'center',horizontal:'left'},PaperProps:{onMouseEnter:f,onMouseLeave:d},children:T.jsx(Cr,{data:e.children,depth:t})})]})},Rr=({items:e,isLastGroup:t})=>T.jsxs(T.Fragment,{children:[e.map((e=>T.jsx(Pr,{data:e,depth:1,hasChild:!!e.children},e.title+e.path))),!t&&T.jsx(l,{sx:{width:24,height:'1px',bgcolor:'divider',my:'8px !important'}})]});var Ar=a((e=>{var{data:t,sx:r}=e,n=w(e,['data','sx']);return T.jsx(d,Object.assign({spacing:.5,alignItems:'center',sx:Object.assign({px:.75},r)},n,{children:t.map(((e,r)=>T.jsx(Rr,{items:e.items,isLastGroup:r+1===t.length},e.subheader)))}))}));const Ir=hr(i,{shouldForwardProp:e=>'active'!==e&&'caption'!==e})((({active:e,disabled:t,depth:r,caption:n,theme:o})=>{const a='light'===o.palette.mode,i=1!==r,s=Object.assign({color:o.palette.primary.main,backgroundColor:Wt(o.palette.primary.main,o.palette.action.selectedOpacity)},!a&&{color:o.palette.primary.light}),c={color:o.palette.text.primary,backgroundColor:'transparent'};return Object.assign(Object.assign(Object.assign(Object.assign({position:'relative',paddingLeft:o.spacing(2),paddingRight:o.spacing(1.5),marginBottom:o.spacing(.5),color:o.palette.text.secondary,borderRadius:o.shape.borderRadius,height:gr},i&&Object.assign(Object.assign({height:br},r>2&&{paddingLeft:o.spacing(r)}),n&&{height:gr})),e&&Object.assign(Object.assign({},s),{'&:hover':Object.assign({},s)})),i&&e&&Object.assign(Object.assign({},c),{'&:hover':Object.assign({},c)})),t&&{'&.Mui-disabled':{opacity:.64}})})),Mr=hr(s)({display:'flex',alignItems:'center',justifyContent:'center',width:xr,height:xr}),Fr=hr('span',{shouldForwardProp:e=>'active'!==e})((({active:e,theme:t})=>Object.assign({width:4,height:4,borderRadius:'50%',backgroundColor:t.palette.text.disabled,transition:t.transitions.create('transform',{duration:t.transitions.duration.shorter})},e&&{transform:'scale(2)',backgroundColor:t.palette.primary.main}))),Dr=hr(y)((({theme:e})=>Object.assign(Object.assign({},e.typography.overline),{fontSize:11,paddingTop:e.spacing(3),paddingBottom:e.spacing(1),color:e.palette.text.secondary}))),Lr=e=>{var{item:t,depth:r,open:n,active:o,isExternalLink:a}=e,i=w(e,['item','depth','open','active','isExternalLink']);const{title:s,path:c,icon:d,info:y,children:m,disabled:h,caption:g}=t,b=1!==r,x=T.jsxs(Ir,Object.assign({depth:r,active:o,disabled:h,caption:!!g},i,{children:[d&&T.jsx(Mr,{children:d}),b&&T.jsx(Mr,{children:T.jsx(Fr,{active:o&&b})}),T.jsx(p,{primary:s,secondary:g&&T.jsx(u,{title:g,placement:'top-start',children:T.jsx('span',{children:g})}),primaryTypographyProps:{noWrap:!0,component:'span',variant:o?'subtitle2':'body2'},secondaryTypographyProps:{noWrap:!0,variant:'caption'}}),y&&T.jsx(l,{component:'span',sx:{lineHeight:0},children:y}),!!m&&T.jsx(Nr,{width:16,icon:n?'eva:arrow-ios-downward-fill':'eva:arrow-ios-forward-fill',sx:{ml:1,flexShrink:0}})]}));return a?T.jsx(f,{href:c,target:'_blank',rel:'noopener',underline:'none',children:x}):m?x:T.jsx(f,{component:v,to:c,underline:'none',children:x})},Vr=({data:e,depth:t})=>T.jsx(T.Fragment,{children:e.map((e=>T.jsx(zr,{data:e,depth:t+1,hasChild:!!e.children},e.title+e.path)))}),zr=({data:e,depth:t,hasChild:r})=>{const{pathname:a}=g(),{active:i,isExternalLink:s}=C(e.path),[c,l]=n(i);o((()=>{i||p()}),[a]);const p=()=>{l(!1)};return T.jsxs(T.Fragment,{children:[T.jsx(Lr,{item:e,depth:t,open:c,active:i,isExternalLink:s,onClick:()=>{l(!c)}}),r&&T.jsx(m,{in:c,unmountOnExit:!0,children:T.jsx(Vr,{data:e.children,depth:t})})]})},Wr=e=>{var{data:t,sx:r}=e,n=w(e,['data','sx']);return T.jsx(d,Object.assign({sx:r},n,{children:t.map((e=>{const t=e.subheader||e.items[0].title;return T.jsxs(h,{disablePadding:!0,sx:{px:2},children:[e.subheader&&T.jsx(Dr,{disableSticky:!0,children:e.subheader}),e.items.map((e=>T.jsx(zr,{data:e,depth:1,hasChild:!!e.children},e.title+e.path)))]},t)}))}))},Br=hr(i,{shouldForwardProp:e=>'active'!==e&&'open'!==e})((({active:e,disabled:t,open:r,depth:n,theme:o})=>{const a='light'===o.palette.mode,i=1!==n,s=Object.assign({color:o.palette.primary.main,backgroundColor:Wt(o.palette.primary.main,o.palette.action.selectedOpacity)},!a&&{color:o.palette.primary.light}),c={color:o.palette.text.primary,backgroundColor:'transparent'},l={color:o.palette.text.primary,backgroundColor:o.palette.action.hover};return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({flexShrink:0,display:'inline-flex',padding:o.spacing(0,.75),color:o.palette.text.secondary,borderRadius:o.shape.borderRadius,height:vr,'&:hover':l},i&&{width:'100%',margin:0,paddingRight:0,paddingLeft:o.spacing(1)}),e&&Object.assign(Object.assign({},s),{'&:hover':Object.assign({},s)})),i&&e&&Object.assign(Object.assign({},c),{'&:hover':Object.assign({},c)})),r&&!e&&l),t&&{'&.Mui-disabled':{opacity:.64}})})),Kr=hr(s)({marginRight:8,flexShrink:0,width:Or,height:Or}),Ur=hr(c)((({theme:e})=>({pointerEvents:'none','& .MuiPopover-paper':Object.assign({width:160,pointerEvents:'auto',padding:e.spacing(1),marginTop:e.spacing(.5),boxShadow:e.customShadows.dropdown,borderRadius:1.5*Number(e.shape.borderRadius)},wr({color:e.palette.background.default}))}))),Gr=t(((e,t)=>{var{item:r,depth:n,open:o,active:a,isExternalLink:i}=e,s=w(e,['item','depth','open','active','isExternalLink']);const{title:c,path:d,icon:y,info:m,children:h,disabled:g,caption:b}=r,x=1!==n,O=T.jsxs(Br,Object.assign({ref:t,open:o,depth:n,active:a,disabled:g},s,{children:[y&&T.jsx(Kr,{children:y}),T.jsx(p,{primary:c,primaryTypographyProps:{noWrap:!0,component:'span',variant:a?'subtitle2':'body2'}}),m&&T.jsx(l,{component:'span',sx:{ml:1,lineHeight:0},children:m}),b&&T.jsx(u,{title:b,arrow:!0,children:T.jsx(l,{component:'span',sx:{ml:.5,lineHeight:0},children:T.jsx(Nr,{icon:'eva:info-outline',width:16})})}),!!h&&T.jsx(Nr,{icon:x?'eva:chevron-right-fill':'eva:chevron-down-fill',width:16,sx:{ml:.5,flexShrink:0}})]}));return i?T.jsx(f,{href:d,target:'_blank',rel:'noopener',underline:'none',children:O}):T.jsx(f,{component:v,to:d,underline:'none',children:O})}));Gr.displayName='NavItem';const Hr=({data:e,depth:t})=>T.jsx(T.Fragment,{children:e.map((e=>T.jsx(Yr,{data:e,depth:t+1,hasChild:!!e.children},e.title+e.path)))}),Yr=({data:e,depth:t,hasChild:a})=>{const i=r(null),{pathname:s}=g(),{active:c,isExternalLink:l}=C(e.path),[p,u]=n(!1);o((()=>{p&&d()}),[s]),o((()=>{const e=Array.from(document.querySelectorAll('.MuiAppBar-root')),t=()=>{document.body.style.overflow='',document.body.style.padding='',e.forEach((e=>{e.style.padding=''}))};t()}),[p]);const f=()=>{u(!0)},d=()=>{u(!1)};return T.jsxs(T.Fragment,{children:[T.jsx(Gr,{ref:i,item:e,depth:t,open:p,active:c,isExternalLink:l,onMouseEnter:f,onMouseLeave:d}),a&&T.jsx(Ur,{open:p,anchorEl:i.current,anchorOrigin:1===t?{vertical:'bottom',horizontal:'left'}:{vertical:'center',horizontal:'right'},transformOrigin:1===t?{vertical:'top',horizontal:'left'}:{vertical:'center',horizontal:'left'},PaperProps:{onMouseEnter:f,onMouseLeave:d},children:T.jsx(Hr,{data:e.children,depth:t})})]})},qr=({items:e})=>T.jsx(T.Fragment,{children:e.map((e=>T.jsx(Yr,{data:e,depth:1,hasChild:!!e.children},e.title+e.path)))});var Xr=a((e=>{var{data:t,sx:r}=e,n=w(e,['data','sx']);return T.jsx(d,Object.assign({direction:'row',spacing:1,sx:Object.assign(Object.assign({mx:'auto'},Sr),r)},n,{children:t.map((e=>T.jsx(qr,{items:e.items},e.subheader)))}))}));function Jr(e='1/1'){return{'4/3':'calc(100% / 4 * 3)','3/4':'calc(100% / 3 * 4)','6/4':'calc(100% / 6 * 4)','4/6':'calc(100% / 4 * 6)','16/9':'calc(100% / 16 * 9)','9/16':'calc(100% / 9 * 16)','21/9':'calc(100% / 21 * 9)','9/21':'calc(100% / 9 * 21)','1/1':'100%'}[e]}const Qr=t(((e,t)=>{var{ratio:r,disabledEffect:n=!1,effect:o='blur',sx:a}=e,i=w(e,['ratio','disabledEffect','effect','sx']);const s=T.jsx(l,Object.assign({component:j,wrapperClassName:'wrapper',effect:n?void 0:o,placeholderSrc:n?'assets/img/transparent.png':'assets/img/placeholder.svg',sx:{width:1,height:1,objectFit:'cover'}},i));return r?T.jsx(l,{ref:t,component:'span',sx:Object.assign({width:1,lineHeight:1,display:'block',overflow:'hidden',position:'relative',pt:Jr(r),'& .wrapper':{top:0,left:0,width:1,height:1,position:'absolute',backgroundSize:'cover !important'}},a),children:s}):T.jsx(l,{ref:t,component:'span',sx:Object.assign({lineHeight:1,display:'block',overflow:'hidden',position:'relative','& .wrapper':{width:1,height:1,backgroundSize:'cover !important'}},a),children:s})}));Qr.displayName='Image';export{Nr as Iconify,Qr as Image,Xr as NavSectionHorizontal,Ar as NavSectionMini,Wr as NavSectionVertical,kr as cssStyles,C as useActiveLink};

package/dist/style.css

@@ -0,0 +1,17 @@
+.lazy-load-image-background.blur {
+  filter: blur(15px);
+}
+
+.lazy-load-image-background.blur.lazy-load-image-loaded {
+  filter: blur(0);
+  transition: filter .3s;
+}
+
+.lazy-load-image-background.blur > img {
+  opacity: 0;
+}
+
+.lazy-load-image-background.blur.lazy-load-image-loaded > img {
+  opacity: 1;
+  transition: opacity .3s;
+}

package/dist/utils/cssStyles.d.ts

@@ -0,0 +1,77 @@
+type BgBlurProps = {
+    blur?: number;
+    opacity?: number;
+    color?: string;
+    imgUrl?: string;
+};
+export declare function bgBlur(props?: BgBlurProps): {
+    readonly position: "relative";
+    readonly backgroundImage: `url(${string})`;
+    readonly '&:before': {
+        readonly position: "absolute";
+        readonly top: 0;
+        readonly left: 0;
+        readonly zIndex: 9;
+        readonly content: "\"\"";
+        readonly width: "100%";
+        readonly height: "100%";
+        readonly backdropFilter: `blur(${number}px)`;
+        readonly WebkitBackdropFilter: `blur(${number}px)`;
+        readonly backgroundColor: string;
+    };
+    backdropFilter?: undefined;
+    WebkitBackdropFilter?: undefined;
+    backgroundColor?: undefined;
+} | {
+    backdropFilter: string;
+    WebkitBackdropFilter: string;
+    backgroundColor: string;
+    readonly position?: undefined;
+    readonly backgroundImage?: undefined;
+    readonly '&:before'?: undefined;
+};
+type BgGradientProps = {
+    direction?: string;
+    color?: string;
+    startColor?: string;
+    endColor?: string;
+    imgUrl?: string;
+};
+export declare function bgGradient(props?: BgGradientProps): {
+    background: string;
+    backgroundSize: string;
+    backgroundRepeat: string;
+    backgroundPosition: string;
+} | {
+    background: string;
+    backgroundSize?: undefined;
+    backgroundRepeat?: undefined;
+    backgroundPosition?: undefined;
+};
+export declare function textGradient(value: string): {
+    background: string;
+    WebkitBackgroundClip: string;
+    WebkitTextFillColor: string;
+};
+export declare function filterStyles(value: string): {
+    filter: string;
+    WebkitFilter: string;
+    MozFilter: string;
+};
+export declare const hideScrollbarY: {
+    readonly msOverflowStyle: "none";
+    readonly scrollbarWidth: "none";
+    readonly overflowY: "scroll";
+    readonly '&::-webkit-scrollbar': {
+        readonly display: "none";
+    };
+};
+export declare const hideScrollbarX: {
+    readonly msOverflowStyle: "none";
+    readonly scrollbarWidth: "none";
+    readonly overflowX: "scroll";
+    readonly '&::-webkit-scrollbar': {
+        readonly display: "none";
+    };
+};
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * as cssStyles from './cssStyles';

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@zydon/common-csr",
+  "version": "1.0.0",
+  "description": "Zydon common resources for React projects (only Client-Side Rendering (CSR))",
+  "repository": "https://github.com/zydontecnologia/commons-csr",
+  "author": "Zydon",
+  "license": "MIT",
+  "private": false,
+  "main": "dist/index.js",
+  "declaration": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/style.css"
+  },
+  "scripts": {
+    "start": "rollup -c rollup.config.js -w",
+    "build": "rollup -c rollup.config.js"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.6",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/react-lazy-load-image-component": "^1.6.3",
+    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/parser": "^6.20.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "prettier": "^3.2.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-lazy-load-image-component": "^1.6.0",
+    "react-router-dom": "^6.21.3",
+    "rollup": "^4.9.6",
+    "rollup-plugin-import-css": "^3.4.0",
+    "rollup-plugin-minification": "^0.2.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11.x",
+    "@emotion/styled": ">=11.x",
+    "@mui/material": ">=5.x",
+    "react": ">=18.x",
+    "react-dom": ">=18.x",
+    "react-router-dom": ">=6.x"
+  },
+  "dependencies": {
+    "@iconify/react": "^4.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}