@groupeactual/ui-kit 0.3.0 → 0.3.1

package/dist/cjs/index.js

@@ -5909,7 +5909,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ['sx'];
 var defaultStyleFunctionSx = styleFunctionSx;
 
-const _excluded$K = ["sx"];
+const _excluded$L = ["sx"];
 
 const splitProps = props => {
   const result = {
@@ -5930,7 +5930,7 @@ function extendSxProp(props) {
   const {
     sx: inSx
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$K);
+        other = _objectWithoutPropertiesLoose(props, _excluded$L);
 
   const {
     systemProps,
@@ -5961,7 +5961,7 @@ function extendSxProp(props) {
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
-const _excluded$J = ["values", "unit", "step"];
+const _excluded$K = ["values", "unit", "step"];
 
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
@@ -5997,7 +5997,7 @@ function createBreakpoints(breakpoints) {
     unit = 'px',
     step = 5
   } = breakpoints,
-        other = _objectWithoutPropertiesLoose(breakpoints, _excluded$J);
+        other = _objectWithoutPropertiesLoose(breakpoints, _excluded$K);
 
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
@@ -6089,7 +6089,7 @@ function createSpacing(spacingInput = 8) {
   return spacing;
 }
 
-const _excluded$I = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$J = ["breakpoints", "palette", "spacing", "shape"];
 
 function createTheme$1(options = {}, ...args) {
   const {
@@ -6098,7 +6098,7 @@ function createTheme$1(options = {}, ...args) {
     spacing: spacingInput,
     shape: shapeInput = {}
   } = options,
-        other = _objectWithoutPropertiesLoose(options, _excluded$I);
+        other = _objectWithoutPropertiesLoose(options, _excluded$J);
 
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
@@ -6151,7 +6151,7 @@ function useTheme$1(defaultTheme = systemDefaultTheme$1) {
   return useTheme$2(defaultTheme);
 }
 
-const _excluded$H = ["className", "component"];
+const _excluded$I = ["className", "component"];
 function createBox(options = {}) {
   const {
     defaultTheme,
@@ -6170,7 +6170,7 @@ function createBox(options = {}) {
       className,
       component = 'div'
     } = _extendSxProp,
-          other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$H);
+          other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$I);
 
     return /*#__PURE__*/jsxRuntime.jsx(BoxRoot, _extends({
       as: component,
@@ -6209,7 +6209,7 @@ process.env.NODE_ENV !== "production" ? Box$2.propTypes
 } : void 0;
 var Box$3 = Box$2;
 
-const _excluded$G = ["variant"];
+const _excluded$H = ["variant"];
 
 function isEmpty$3(string) {
   return string.length === 0;
@@ -6225,7 +6225,7 @@ function propsToClassKey(props) {
   const {
     variant
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$G);
+        other = _objectWithoutPropertiesLoose(props, _excluded$H);
 
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
@@ -6238,7 +6238,7 @@ function propsToClassKey(props) {
   return classKey;
 }
 
-const _excluded$F = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
+const _excluded$G = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
       _excluded2$3 = ["theme"],
       _excluded3 = ["theme"];
 
@@ -6341,7 +6341,7 @@ function createStyled(input = {}) {
       skipSx: inputSkipSx,
       overridesResolver
     } = inputOptions,
-          options = _objectWithoutPropertiesLoose(inputOptions, _excluded$F); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
+          options = _objectWithoutPropertiesLoose(inputOptions, _excluded$G); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
 
 
     const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
@@ -6913,7 +6913,7 @@ function mergeSlotProps(parameters) {
   };
 }
 
-const _excluded$E = ["elementType", "externalSlotProps", "ownerState"];
+const _excluded$F = ["elementType", "externalSlotProps", "ownerState"];
 
 /**
  * Builds the props to be passed into the slot of an unstyled component.
@@ -6930,7 +6930,7 @@ function useSlotProps(parameters) {
     externalSlotProps,
     ownerState
   } = parameters,
-        rest = _objectWithoutPropertiesLoose(parameters, _excluded$E);
+        rest = _objectWithoutPropertiesLoose(parameters, _excluded$F);
 
   const resolvedComponentsProps = resolveComponentProps(externalSlotProps, ownerState);
   const {
@@ -38500,9 +38500,9 @@ function getModalUtilityClass(slot) {
 }
 generateUtilityClasses('MuiModal', ['root', 'hidden']);
 
-const _excluded$D = ["children", "classes", "closeAfterTransition", "component", "components", "componentsProps", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited"];
+const _excluded$E = ["children", "classes", "closeAfterTransition", "component", "components", "componentsProps", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited"];
 
-const useUtilityClasses$s = ownerState => {
+const useUtilityClasses$t = ownerState => {
   const {
     open,
     exited,
@@ -38570,7 +38570,7 @@ const ModalUnstyled = /*#__PURE__*/React__namespace.forwardRef(function ModalUns
     onTransitionEnter,
     onTransitionExited
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$D);
+        other = _objectWithoutPropertiesLoose(props, _excluded$E);
 
   const [exited, setExited] = React__namespace.useState(true);
   const modal = React__namespace.useRef({});
@@ -38648,7 +38648,7 @@ const ModalUnstyled = /*#__PURE__*/React__namespace.forwardRef(function ModalUns
     keepMounted
   });
 
-  const classes = useUtilityClasses$s(ownerState);
+  const classes = useUtilityClasses$t(ownerState);
 
   const handleEnter = () => {
     setExited(false);
@@ -38912,7 +38912,7 @@ process.env.NODE_ENV !== "production" ? ModalUnstyled.propTypes
 } : void 0;
 var ModalUnstyled$1 = ModalUnstyled;
 
-const _excluded$C = ["onChange", "maxRows", "minRows", "style", "value"];
+const _excluded$D = ["onChange", "maxRows", "minRows", "style", "value"];
 
 function getStyleValue(computedStyle, property) {
   return parseInt(computedStyle[property], 10) || 0;
@@ -38946,7 +38946,7 @@ const TextareaAutosize = /*#__PURE__*/React__namespace.forwardRef(function Texta
     style,
     value
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$C);
+        other = _objectWithoutPropertiesLoose(props, _excluded$D);
 
   const {
     current: isControlled
@@ -39195,7 +39195,7 @@ function createMixins(breakpoints, mixins) {
   }, mixins);
 }
 
-const _excluded$B = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$C = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   // The colors used to style the text.
   text: {
@@ -39379,7 +39379,7 @@ function createPalette(palette) {
     contrastThreshold = 3,
     tonalOffset = 0.2
   } = palette,
-        other = _objectWithoutPropertiesLoose(palette, _excluded$B);
+        other = _objectWithoutPropertiesLoose(palette, _excluded$C);
 
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
@@ -39516,7 +39516,7 @@ const theme2 = createTheme({ palette: {
   return paletteOutput;
 }
 
-const _excluded$A = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$B = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
@@ -39549,7 +39549,7 @@ function createTypography(palette, typography) {
     allVariants,
     pxToRem: pxToRem2
   } = _ref,
-        other = _objectWithoutPropertiesLoose(_ref, _excluded$A);
+        other = _objectWithoutPropertiesLoose(_ref, _excluded$B);
 
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
@@ -39617,7 +39617,7 @@ function createShadow(...px) {
 const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 var shadows$1 = shadows;
 
-const _excluded$z = ["duration", "easing", "delay"];
+const _excluded$A = ["duration", "easing", "delay"];
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
 // to learn the context in which each easing should be used.
 const easing = {
@@ -39672,7 +39672,7 @@ function createTransitions(inputTransitions) {
       easing: easingOption = mergedEasing.easeInOut,
       delay = 0
     } = options,
-          other = _objectWithoutPropertiesLoose(options, _excluded$z);
+          other = _objectWithoutPropertiesLoose(options, _excluded$A);
 
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string'; // IE11 support, replace with Number.isNaN
@@ -39728,7 +39728,7 @@ const zIndex = {
 };
 var zIndex$1 = zIndex;
 
-const _excluded$y = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$z = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 
 function createTheme(options = {}, ...args) {
   const {
@@ -39737,7 +39737,7 @@ function createTheme(options = {}, ...args) {
     transitions: transitionsInput = {},
     typography: typographyInput = {}
   } = options,
-        other = _objectWithoutPropertiesLoose(options, _excluded$y);
+        other = _objectWithoutPropertiesLoose(options, _excluded$z);
 
   if (options.vars) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
@@ -39833,7 +39833,7 @@ function getPaperUtilityClass(slot) {
 }
 generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
 
-const _excluded$x = ["className", "component", "elevation", "square", "variant"];
+const _excluded$y = ["className", "component", "elevation", "square", "variant"];
 const getOverlayAlpha = elevation => {
   let alphaValue;
 
@@ -39846,7 +39846,7 @@ const getOverlayAlpha = elevation => {
   return (alphaValue / 100).toFixed(2);
 };
 
-const useUtilityClasses$r = ownerState => {
+const useUtilityClasses$s = ownerState => {
   const {
     square,
     elevation,
@@ -39903,7 +39903,7 @@ const Paper = /*#__PURE__*/React__namespace.forwardRef(function Paper(inProps, r
     square = false,
     variant = 'elevation'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$x);
+        other = _objectWithoutPropertiesLoose(props, _excluded$y);
 
   const ownerState = _extends({}, props, {
     component,
@@ -39912,7 +39912,7 @@ const Paper = /*#__PURE__*/React__namespace.forwardRef(function Paper(inProps, r
     variant
   });
 
-  const classes = useUtilityClasses$r(ownerState);
+  const classes = useUtilityClasses$s(ownerState);
 
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -40003,9 +40003,9 @@ function getSvgIconUtilityClass(slot) {
 }
 generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 
-const _excluded$w = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const _excluded$x = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 
-const useUtilityClasses$q = ownerState => {
+const useUtilityClasses$r = ownerState => {
   const {
     color,
     fontSize,
@@ -40073,7 +40073,7 @@ const SvgIcon = /*#__PURE__*/React__namespace.forwardRef(function SvgIcon(inProp
     titleAccess,
     viewBox = '0 0 24 24'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$w);
+        other = _objectWithoutPropertiesLoose(props, _excluded$x);
 
   const ownerState = _extends({}, props, {
     color,
@@ -40090,7 +40090,7 @@ const SvgIcon = /*#__PURE__*/React__namespace.forwardRef(function SvgIcon(inProp
     more.viewBox = viewBox;
   }
 
-  const classes = useUtilityClasses$q(ownerState);
+  const classes = useUtilityClasses$r(ownerState);
   return /*#__PURE__*/jsxRuntime.jsxs(SvgIconRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
@@ -41226,9 +41226,9 @@ function getCollapseUtilityClass(slot) {
 }
 generateUtilityClasses('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
 
-const _excluded$v = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
+const _excluded$w = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
 
-const useUtilityClasses$p = ownerState => {
+const useUtilityClasses$q = ownerState => {
   const {
     orientation,
     classes
@@ -41329,14 +41329,14 @@ const Collapse = /*#__PURE__*/React__namespace.forwardRef(function Collapse(inPr
     // eslint-disable-next-line react/prop-types
     TransitionComponent = Transition$1
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$v);
+        other = _objectWithoutPropertiesLoose(props, _excluded$w);
 
   const ownerState = _extends({}, props, {
     orientation,
     collapsedSize: collapsedSizeProp
   });
 
-  const classes = useUtilityClasses$p(ownerState);
+  const classes = useUtilityClasses$q(ownerState);
   const theme = useTheme();
   const timer = React__namespace.useRef();
   const wrapperRef = React__namespace.useRef(null);
@@ -41649,9 +41649,9 @@ function getAccordionUtilityClass(slot) {
 const accordionClasses = generateUtilityClasses('MuiAccordion', ['root', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
 var accordionClasses$1 = accordionClasses;
 
-const _excluded$u = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"];
+const _excluded$v = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"];
 
-const useUtilityClasses$o = ownerState => {
+const useUtilityClasses$p = ownerState => {
   const {
     classes,
     square,
@@ -41765,7 +41765,7 @@ const Accordion = /*#__PURE__*/React__namespace.forwardRef(function Accordion(in
     TransitionComponent = Collapse$1,
     TransitionProps
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$u);
+        other = _objectWithoutPropertiesLoose(props, _excluded$v);
 
   const [expanded, setExpandedState] = useControlled({
     controlled: expandedProp,
@@ -41795,7 +41795,7 @@ const Accordion = /*#__PURE__*/React__namespace.forwardRef(function Accordion(in
     expanded
   });
 
-  const classes = useUtilityClasses$o(ownerState);
+  const classes = useUtilityClasses$p(ownerState);
   return /*#__PURE__*/jsxRuntime.jsxs(AccordionRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
@@ -41917,9 +41917,9 @@ function getAccordionDetailsUtilityClass(slot) {
 }
 generateUtilityClasses('MuiAccordionDetails', ['root']);
 
-const _excluded$t = ["className"];
+const _excluded$u = ["className"];
 
-const useUtilityClasses$n = ownerState => {
+const useUtilityClasses$o = ownerState => {
   const {
     classes
   } = ownerState;
@@ -41947,10 +41947,10 @@ const AccordionDetails = /*#__PURE__*/React__namespace.forwardRef(function Accor
   const {
     className
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$t);
+        other = _objectWithoutPropertiesLoose(props, _excluded$u);
 
   const ownerState = props;
-  const classes = useUtilityClasses$n(ownerState);
+  const classes = useUtilityClasses$o(ownerState);
   return /*#__PURE__*/jsxRuntime.jsx(AccordionDetailsRoot, _extends({
     className: clsx(classes.root, className),
     ref: ref,
@@ -42080,7 +42080,7 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
 const touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
 var touchRippleClasses$1 = touchRippleClasses;
 
-const _excluded$s = ["center", "classes", "className"];
+const _excluded$t = ["center", "classes", "className"];
 
 let _ = t => t,
     _t,
@@ -42210,7 +42210,7 @@ const TouchRipple = /*#__PURE__*/React__namespace.forwardRef(function TouchRippl
     classes = {},
     className
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$s);
+        other = _objectWithoutPropertiesLoose(props, _excluded$t);
 
   const [ripples, setRipples] = React__namespace.useState([]);
   const nextKey = React__namespace.useRef(0);
@@ -42418,9 +42418,9 @@ function getButtonBaseUtilityClass(slot) {
 const buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
 var buttonBaseClasses$1 = buttonBaseClasses;
 
-const _excluded$r = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
+const _excluded$s = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"];
 
-const useUtilityClasses$m = ownerState => {
+const useUtilityClasses$n = ownerState => {
   const {
     disabled,
     focusVisible,
@@ -42525,7 +42525,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
     touchRippleRef,
     type
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$r);
+        other = _objectWithoutPropertiesLoose(props, _excluded$s);
 
   const buttonRef = React__namespace.useRef(null);
   const rippleRef = React__namespace.useRef(null);
@@ -42722,7 +42722,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
     focusVisible
   });
 
-  const classes = useUtilityClasses$m(ownerState);
+  const classes = useUtilityClasses$n(ownerState);
   return /*#__PURE__*/jsxRuntime.jsxs(ButtonBaseRoot, _extends({
     as: ComponentProp,
     className: clsx(classes.root, className),
@@ -42956,9 +42956,9 @@ function getAccordionSummaryUtilityClass(slot) {
 const accordionSummaryClasses = generateUtilityClasses('MuiAccordionSummary', ['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'contentGutters', 'content', 'expandIconWrapper']);
 var accordionSummaryClasses$1 = accordionSummaryClasses;
 
-const _excluded$q = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
+const _excluded$r = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 
-const useUtilityClasses$l = ownerState => {
+const useUtilityClasses$m = ownerState => {
   const {
     classes,
     expanded,
@@ -43054,7 +43054,7 @@ const AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function Accor
     focusVisibleClassName,
     onClick
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$q);
+        other = _objectWithoutPropertiesLoose(props, _excluded$r);
 
   const {
     disabled = false,
@@ -43079,7 +43079,7 @@ const AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function Accor
     disableGutters
   });
 
-  const classes = useUtilityClasses$l(ownerState);
+  const classes = useUtilityClasses$m(ownerState);
   return /*#__PURE__*/jsxRuntime.jsxs(AccordionSummaryRoot, _extends({
     focusRipple: false,
     disableRipple: true,
@@ -43158,9 +43158,9 @@ function getTypographyUtilityClass(slot) {
 }
 generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
 
-const _excluded$p = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const _excluded$q = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
 
-const useUtilityClasses$k = ownerState => {
+const useUtilityClasses$l = ownerState => {
   const {
     align,
     gutterBottom,
@@ -43214,7 +43214,7 @@ const defaultVariantMapping = {
   inherit: 'p'
 }; // TODO v6: deprecate these color values in v5.x and remove the transformation in v6
 
-const colorTransformations = {
+const colorTransformations$1 = {
   primary: 'primary.main',
   textPrimary: 'text.primary',
   secondary: 'secondary.main',
@@ -43222,8 +43222,8 @@ const colorTransformations = {
   error: 'error.main'
 };
 
-const transformDeprecatedColors = color => {
-  return colorTransformations[color] || color;
+const transformDeprecatedColors$1 = color => {
+  return colorTransformations$1[color] || color;
 };
 
 const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(inProps, ref) {
@@ -43231,7 +43231,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
     props: inProps,
     name: 'MuiTypography'
   });
-  const color = transformDeprecatedColors(themeProps.color);
+  const color = transformDeprecatedColors$1(themeProps.color);
   const props = extendSxProp(_extends({}, themeProps, {
     color
   }));
@@ -43246,7 +43246,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
     variant = 'body1',
     variantMapping = defaultVariantMapping
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$p);
+        other = _objectWithoutPropertiesLoose(props, _excluded$q);
 
   const ownerState = _extends({}, props, {
     align,
@@ -43261,7 +43261,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
   });
 
   const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
-  const classes = useUtilityClasses$k(ownerState);
+  const classes = useUtilityClasses$l(ownerState);
   return /*#__PURE__*/jsxRuntime.jsx(TypographyRoot, _extends({
     as: Component,
     ref: ref,
@@ -43454,7 +43454,7 @@ function getInputBaseUtilityClass(slot) {
 const inputBaseClasses = generateUtilityClasses('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);
 var inputBaseClasses$1 = inputBaseClasses;
 
-const _excluded$o = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "startAdornment", "type", "value"];
+const _excluded$p = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "startAdornment", "type", "value"];
 const rootOverridesResolver = (props, styles) => {
   const {
     ownerState
@@ -43468,7 +43468,7 @@ const inputOverridesResolver = (props, styles) => {
   return [styles.input, ownerState.size === 'small' && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === 'search' && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];
 };
 
-const useUtilityClasses$j = ownerState => {
+const useUtilityClasses$k = ownerState => {
   const {
     classes,
     color,
@@ -43689,7 +43689,7 @@ const InputBase = /*#__PURE__*/React__namespace.forwardRef(function InputBase(in
     type = 'text',
     value: valueProp
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$o);
+        other = _objectWithoutPropertiesLoose(props, _excluded$p);
 
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
@@ -43889,7 +43889,7 @@ const InputBase = /*#__PURE__*/React__namespace.forwardRef(function InputBase(in
     type
   });
 
-  const classes = useUtilityClasses$j(ownerState);
+  const classes = useUtilityClasses$k(ownerState);
   const Root = components.Root || InputBaseRoot;
   const rootProps = componentsProps.root || {};
   const Input = components.Input || InputBaseComponent;
@@ -44209,7 +44209,7 @@ var ArrowDropDownIcon = createSvgIcon( /*#__PURE__*/jsxRuntime.jsx("path", {
   d: "M7 10l5 5 5-5z"
 }), 'ArrowDropDown');
 
-const _excluded$n = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$o = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 const styles$1 = {
   entering: {
     opacity: 1
@@ -44247,7 +44247,7 @@ const Fade = /*#__PURE__*/React__namespace.forwardRef(function Fade(props, ref)
     // eslint-disable-next-line react/prop-types
     TransitionComponent = Transition$1
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$n);
+        other = _objectWithoutPropertiesLoose(props, _excluded$o);
   const nodeRef = React__namespace.useRef(null);
   const foreignRef = useForkRef(children.ref, ref);
   const handleRef = useForkRef(nodeRef, foreignRef);
@@ -44429,9 +44429,9 @@ function getBackdropUtilityClass(slot) {
 }
 generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
 
-const _excluded$m = ["children", "component", "components", "componentsProps", "className", "invisible", "open", "transitionDuration", "TransitionComponent"];
+const _excluded$n = ["children", "component", "components", "componentsProps", "className", "invisible", "open", "transitionDuration", "TransitionComponent"];
 
-const useUtilityClasses$i = ownerState => {
+const useUtilityClasses$j = ownerState => {
   const {
     classes,
     invisible
@@ -44487,14 +44487,14 @@ const Backdrop = /*#__PURE__*/React__namespace.forwardRef(function Backdrop(inPr
     // eslint-disable-next-line react/prop-types
     TransitionComponent = Fade$1
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$m);
+        other = _objectWithoutPropertiesLoose(props, _excluded$n);
 
   const ownerState = _extends({}, props, {
     component,
     invisible
   });
 
-  const classes = useUtilityClasses$i(ownerState);
+  const classes = useUtilityClasses$j(ownerState);
   return /*#__PURE__*/jsxRuntime.jsx(TransitionComponent, _extends({
     in: open,
     timeout: transitionDuration
@@ -44634,10 +44634,10 @@ if (process.env.NODE_ENV !== 'production') {
 
 var ButtonGroupContext$1 = ButtonGroupContext;
 
-const _excluded$l = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"],
+const _excluded$m = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"],
       _excluded2$2 = ["root"];
 
-const useUtilityClasses$h = ownerState => {
+const useUtilityClasses$i = ownerState => {
   const {
     color,
     disableElevation,
@@ -44865,7 +44865,7 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps,
     type,
     variant = 'text'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$l);
+        other = _objectWithoutPropertiesLoose(props, _excluded$m);
 
   const ownerState = _extends({}, props, {
     color,
@@ -44879,7 +44879,7 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps,
     variant
   });
 
-  const _useUtilityClasses = useUtilityClasses$h(ownerState),
+  const _useUtilityClasses = useUtilityClasses$i(ownerState),
         {
     root: classesRoot
   } = _useUtilityClasses,
@@ -45038,9 +45038,9 @@ function getSwitchBaseUtilityClass(slot) {
 }
 generateUtilityClasses('PrivateSwitchBase', ['root', 'checked', 'disabled', 'input', 'edgeStart', 'edgeEnd']);
 
-const _excluded$k = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
+const _excluded$l = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
 
-const useUtilityClasses$g = ownerState => {
+const useUtilityClasses$h = ownerState => {
   const {
     classes,
     checked,
@@ -45104,7 +45104,7 @@ const SwitchBase = /*#__PURE__*/React__namespace.forwardRef(function SwitchBase(
     type,
     value
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$k);
+        other = _objectWithoutPropertiesLoose(props, _excluded$l);
 
   const [checked, setCheckedState] = useControlled({
     controlled: checkedProp,
@@ -45166,7 +45166,7 @@ const SwitchBase = /*#__PURE__*/React__namespace.forwardRef(function SwitchBase(
     edge
   });
 
-  const classes = useUtilityClasses$g(ownerState);
+  const classes = useUtilityClasses$h(ownerState);
   return /*#__PURE__*/jsxRuntime.jsxs(SwitchBaseRoot, _extends({
     component: "span",
     className: clsx(classes.root, className),
@@ -45348,9 +45348,9 @@ function getCheckboxUtilityClass(slot) {
 const checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
 var checkboxClasses$1 = checkboxClasses;
 
-const _excluded$j = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size"];
+const _excluded$k = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size"];
 
-const useUtilityClasses$f = ownerState => {
+const useUtilityClasses$g = ownerState => {
   const {
     classes,
     indeterminate,
@@ -45418,7 +45418,7 @@ const Checkbox$1 = /*#__PURE__*/React__namespace.forwardRef(function Checkbox(in
     inputProps,
     size = 'medium'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$j);
+        other = _objectWithoutPropertiesLoose(props, _excluded$k);
 
   const icon = indeterminate ? indeterminateIconProp : iconProp;
   const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
@@ -45429,7 +45429,7 @@ const Checkbox$1 = /*#__PURE__*/React__namespace.forwardRef(function Checkbox(in
     size
   });
 
-  const classes = useUtilityClasses$f(ownerState);
+  const classes = useUtilityClasses$g(ownerState);
   return /*#__PURE__*/jsxRuntime.jsx(CheckboxRoot, _extends({
     type: "checkbox",
     inputProps: _extends({
@@ -45567,7 +45567,7 @@ process.env.NODE_ENV !== "production" ? Checkbox$1.propTypes
 } : void 0;
 var CheckboxMUI = Checkbox$1;
 
-const _excluded$i = ["BackdropComponent", "BackdropProps", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "theme"];
+const _excluded$j = ["BackdropComponent", "BackdropProps", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "theme"];
 
 const extendUtilityClasses = ownerState => {
   return ownerState.classes;
@@ -45645,7 +45645,7 @@ const Modal = /*#__PURE__*/React__namespace.forwardRef(function Modal(inProps, r
     // eslint-disable-next-line react/prop-types
     theme
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$i);
+        other = _objectWithoutPropertiesLoose(props, _excluded$j);
 
   const [exited, setExited] = React__namespace.useState(true);
   const commonProps = {
@@ -45855,9 +45855,9 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
 } : void 0;
 var Modal$1 = Modal;
 
-const _excluded$h = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "type"];
+const _excluded$i = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "type"];
 
-const useUtilityClasses$e = ownerState => {
+const useUtilityClasses$f = ownerState => {
   const {
     classes,
     disableUnderline
@@ -46040,7 +46040,7 @@ const FilledInput = /*#__PURE__*/React__namespace.forwardRef(function FilledInpu
     multiline = false,
     type = 'text'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$h);
+        other = _objectWithoutPropertiesLoose(props, _excluded$i);
 
   const ownerState = _extends({}, props, {
     fullWidth,
@@ -46049,7 +46049,7 @@ const FilledInput = /*#__PURE__*/React__namespace.forwardRef(function FilledInpu
     type
   });
 
-  const classes = useUtilityClasses$e(props);
+  const classes = useUtilityClasses$f(props);
   const filledInputComponentsProps = {
     root: {
       ownerState
@@ -46279,9 +46279,9 @@ function getFormControlUtilityClasses(slot) {
 }
 generateUtilityClasses('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
 
-const _excluded$g = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
+const _excluded$h = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
 
-const useUtilityClasses$d = ownerState => {
+const useUtilityClasses$e = ownerState => {
   const {
     classes,
     margin,
@@ -46368,7 +46368,7 @@ const FormControl = /*#__PURE__*/React__namespace.forwardRef(function FormContro
     size = 'medium',
     variant = 'outlined'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$g);
+        other = _objectWithoutPropertiesLoose(props, _excluded$h);
 
   const ownerState = _extends({}, props, {
     color,
@@ -46383,7 +46383,7 @@ const FormControl = /*#__PURE__*/React__namespace.forwardRef(function FormContro
     variant
   });
 
-  const classes = useUtilityClasses$d(ownerState);
+  const classes = useUtilityClasses$e(ownerState);
   const [adornedStart, setAdornedStart] = React__namespace.useState(() => {
     // We need to iterate through the children and find the Input in order
     // to fully support server-side rendering.
@@ -46599,9 +46599,9 @@ function getFormControlLabelUtilityClasses(slot) {
 const formControlLabelClasses = generateUtilityClasses('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label', 'error']);
 var formControlLabelClasses$1 = formControlLabelClasses;
 
-const _excluded$f = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "value"];
+const _excluded$g = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "value"];
 
-const useUtilityClasses$c = ownerState => {
+const useUtilityClasses$d = ownerState => {
   const {
     classes,
     disabled,
@@ -46680,7 +46680,7 @@ const FormControlLabel = /*#__PURE__*/React__namespace.forwardRef(function FormC
     label: labelProp,
     labelPlacement = 'end'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$f);
+        other = _objectWithoutPropertiesLoose(props, _excluded$g);
 
   const muiFormControl = useFormControl();
   let disabled = disabledProp;
@@ -46713,7 +46713,7 @@ const FormControlLabel = /*#__PURE__*/React__namespace.forwardRef(function FormC
     error: fcs.error
   });
 
-  const classes = useUtilityClasses$c(ownerState);
+  const classes = useUtilityClasses$d(ownerState);
   let label = labelProp;
 
   if (label != null && label.type !== Typography$1 && !disableTypography) {
@@ -46828,9 +46828,9 @@ var formHelperTextClasses$1 = formHelperTextClasses;
 
 var _span$2;
 
-const _excluded$e = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
+const _excluded$f = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
 
-const useUtilityClasses$b = ownerState => {
+const useUtilityClasses$c = ownerState => {
   const {
     classes,
     contained,
@@ -46890,7 +46890,7 @@ const FormHelperText = /*#__PURE__*/React__namespace.forwardRef(function FormHel
     className,
     component = 'p'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$e);
+        other = _objectWithoutPropertiesLoose(props, _excluded$f);
 
   const muiFormControl = useFormControl();
   const fcs = formControlState({
@@ -46911,7 +46911,7 @@ const FormHelperText = /*#__PURE__*/React__namespace.forwardRef(function FormHel
     required: fcs.required
   });
 
-  const classes = useUtilityClasses$b(ownerState);
+  const classes = useUtilityClasses$c(ownerState);
   return /*#__PURE__*/jsxRuntime.jsx(FormHelperTextRoot, _extends({
     as: component,
     ownerState: ownerState,
@@ -47007,9 +47007,9 @@ function getFormLabelUtilityClasses(slot) {
 const formLabelClasses = generateUtilityClasses('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);
 var formLabelClasses$1 = formLabelClasses;
 
-const _excluded$d = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
+const _excluded$e = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
 
-const useUtilityClasses$a = ownerState => {
+const useUtilityClasses$b = ownerState => {
   const {
     classes,
     color,
@@ -47075,7 +47075,7 @@ const FormLabel = /*#__PURE__*/React__namespace.forwardRef(function FormLabel(in
     className,
     component = 'label'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$d);
+        other = _objectWithoutPropertiesLoose(props, _excluded$e);
 
   const muiFormControl = useFormControl();
   const fcs = formControlState({
@@ -47094,7 +47094,7 @@ const FormLabel = /*#__PURE__*/React__namespace.forwardRef(function FormLabel(in
     required: fcs.required
   });
 
-  const classes = useUtilityClasses$a(ownerState);
+  const classes = useUtilityClasses$b(ownerState);
   return /*#__PURE__*/jsxRuntime.jsxs(FormLabelRoot, _extends({
     as: component,
     ownerState: ownerState,
@@ -47179,7 +47179,7 @@ process.env.NODE_ENV !== "production" ? FormLabel.propTypes
 } : void 0;
 var FormLabel$1 = FormLabel;
 
-const _excluded$c = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$d = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
@@ -47225,7 +47225,7 @@ const Grow = /*#__PURE__*/React__namespace.forwardRef(function Grow(props, ref)
     // eslint-disable-next-line react/prop-types
     TransitionComponent = Transition$1
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$c);
+        other = _objectWithoutPropertiesLoose(props, _excluded$d);
 
   const timer = React__namespace.useRef();
   const autoTimeout = React__namespace.useRef();
@@ -47456,9 +47456,9 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes
 Grow.muiSupportAuto = true;
 var Grow$1 = Grow;
 
-const _excluded$b = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "type"];
+const _excluded$c = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "type"];
 
-const useUtilityClasses$9 = ownerState => {
+const useUtilityClasses$a = ownerState => {
   const {
     classes,
     disableUnderline
@@ -47571,9 +47571,9 @@ const Input = /*#__PURE__*/React__namespace.forwardRef(function Input(inProps, r
     multiline = false,
     type = 'text'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$b);
+        other = _objectWithoutPropertiesLoose(props, _excluded$c);
 
-  const classes = useUtilityClasses$9(props);
+  const classes = useUtilityClasses$a(props);
   const ownerState = {
     disableUnderline
   };
@@ -47795,9 +47795,9 @@ function getInputLabelUtilityClasses(slot) {
 }
 generateUtilityClasses('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);
 
-const _excluded$a = ["disableAnimation", "margin", "shrink", "variant"];
+const _excluded$b = ["disableAnimation", "margin", "shrink", "variant"];
 
-const useUtilityClasses$8 = ownerState => {
+const useUtilityClasses$9 = ownerState => {
   const {
     classes,
     formControl,
@@ -47897,7 +47897,7 @@ const InputLabel = /*#__PURE__*/React__namespace.forwardRef(function InputLabel(
     disableAnimation = false,
     shrink: shrinkProp
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded$a);
+        other = _objectWithoutPropertiesLoose(props, _excluded$b);
 
   const muiFormControl = useFormControl();
   let shrink = shrinkProp;
@@ -47921,7 +47921,7 @@ const InputLabel = /*#__PURE__*/React__namespace.forwardRef(function InputLabel(
     required: fcs.required
   });
 
-  const classes = useUtilityClasses$8(ownerState);
+  const classes = useUtilityClasses$9(ownerState);
   return /*#__PURE__*/jsxRuntime.jsx(InputLabelRoot, _extends({
     "data-shrink": shrink,
     ownerState: ownerState,
@@ -48012,6 +48012,265 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
 } : void 0;
 var InputLabel$1 = InputLabel;
 
+function getLinkUtilityClass(slot) {
+  return generateUtilityClass('MuiLink', slot);
+}
+const linkClasses = generateUtilityClasses('MuiLink', ['root', 'underlineNone', 'underlineHover', 'underlineAlways', 'button', 'focusVisible']);
+var linkClasses$1 = linkClasses;
+
+const colorTransformations = {
+  primary: 'primary.main',
+  textPrimary: 'text.primary',
+  secondary: 'secondary.main',
+  textSecondary: 'text.secondary',
+  error: 'error.main'
+};
+
+const transformDeprecatedColors = color => {
+  return colorTransformations[color] || color;
+};
+
+const getTextDecoration = ({
+  theme,
+  ownerState
+}) => {
+  const transformedColor = transformDeprecatedColors(ownerState.color);
+  const color = getPath(theme, `palette.${transformedColor}`, false) || ownerState.color;
+  const channelColor = getPath(theme, `palette.${transformedColor}Channel`);
+
+  if ('vars' in theme && channelColor) {
+    return `rgba(${channelColor} / 0.4)`;
+  }
+
+  return alpha(color, 0.4);
+};
+
+var getTextDecoration$1 = getTextDecoration;
+
+const _excluded$a = ["className", "color", "component", "onBlur", "onFocus", "TypographyClasses", "underline", "variant", "sx"];
+
+const useUtilityClasses$8 = ownerState => {
+  const {
+    classes,
+    component,
+    focusVisible,
+    underline
+  } = ownerState;
+  const slots = {
+    root: ['root', `underline${capitalize(underline)}`, component === 'button' && 'button', focusVisible && 'focusVisible']
+  };
+  return composeClasses(slots, getLinkUtilityClass, classes);
+};
+
+const LinkRoot = styled$1(Typography$1, {
+  name: 'MuiLink',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[`underline${capitalize(ownerState.underline)}`], ownerState.component === 'button' && styles.button];
+  }
+})(({
+  theme,
+  ownerState
+}) => {
+  return _extends({}, ownerState.underline === 'none' && {
+    textDecoration: 'none'
+  }, ownerState.underline === 'hover' && {
+    textDecoration: 'none',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  }, ownerState.underline === 'always' && _extends({
+    textDecoration: 'underline'
+  }, ownerState.color !== 'inherit' && {
+    textDecorationColor: getTextDecoration$1({
+      theme,
+      ownerState
+    })
+  }, {
+    '&:hover': {
+      textDecorationColor: 'inherit'
+    }
+  }), ownerState.component === 'button' && {
+    position: 'relative',
+    WebkitTapHighlightColor: 'transparent',
+    backgroundColor: 'transparent',
+    // Reset default value
+    // We disable the focus ring for mouse, touch and keyboard users.
+    outline: 0,
+    border: 0,
+    margin: 0,
+    // Remove the margin in Safari
+    borderRadius: 0,
+    padding: 0,
+    // Remove the padding in Firefox
+    cursor: 'pointer',
+    userSelect: 'none',
+    verticalAlign: 'middle',
+    MozAppearance: 'none',
+    // Reset
+    WebkitAppearance: 'none',
+    // Reset
+    '&::-moz-focus-inner': {
+      borderStyle: 'none' // Remove Firefox dotted outline.
+
+    },
+    [`&.${linkClasses$1.focusVisible}`]: {
+      outline: 'auto'
+    }
+  });
+});
+const Link$1 = /*#__PURE__*/React__namespace.forwardRef(function Link(inProps, ref) {
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiLink'
+  });
+
+  const {
+    className,
+    color = 'primary',
+    component = 'a',
+    onBlur,
+    onFocus,
+    TypographyClasses,
+    underline = 'always',
+    variant = 'inherit',
+    sx
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded$a);
+
+  const {
+    isFocusVisibleRef,
+    onBlur: handleBlurVisible,
+    onFocus: handleFocusVisible,
+    ref: focusVisibleRef
+  } = useIsFocusVisible();
+  const [focusVisible, setFocusVisible] = React__namespace.useState(false);
+  const handlerRef = useForkRef(ref, focusVisibleRef);
+
+  const handleBlur = event => {
+    handleBlurVisible(event);
+
+    if (isFocusVisibleRef.current === false) {
+      setFocusVisible(false);
+    }
+
+    if (onBlur) {
+      onBlur(event);
+    }
+  };
+
+  const handleFocus = event => {
+    handleFocusVisible(event);
+
+    if (isFocusVisibleRef.current === true) {
+      setFocusVisible(true);
+    }
+
+    if (onFocus) {
+      onFocus(event);
+    }
+  };
+
+  const ownerState = _extends({}, props, {
+    color,
+    component,
+    focusVisible,
+    underline,
+    variant
+  });
+
+  const classes = useUtilityClasses$8(ownerState);
+  return /*#__PURE__*/jsxRuntime.jsx(LinkRoot, _extends({
+    color: color,
+    className: clsx(classes.root, className),
+    classes: TypographyClasses,
+    component: component,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
+    ref: handlerRef,
+    ownerState: ownerState,
+    variant: variant,
+    sx: [...(!Object.keys(colorTransformations).includes(color) ? [{
+      color
+    }] : []), ...(Array.isArray(sx) ? sx : [sx])]
+  }, other));
+});
+process.env.NODE_ENV !== "production" ? Link$1.propTypes
+/* remove-proptypes */
+= {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+
+  /**
+   * The color of the link.
+   * @default 'primary'
+   */
+  color: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .any,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: elementTypeAcceptingRef$1,
+
+  /**
+   * @ignore
+   */
+  onBlur: PropTypes.func,
+
+  /**
+   * @ignore
+   */
+  onFocus: PropTypes.func,
+
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+
+  /**
+   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
+   */
+  TypographyClasses: PropTypes.object,
+
+  /**
+   * Controls when the link should have an underline.
+   * @default 'always'
+   */
+  underline: PropTypes.oneOf(['always', 'hover', 'none']),
+
+  /**
+   * Applies the theme typography styles.
+   * @default 'inherit'
+   */
+  variant: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string])
+} : void 0;
+var LinkMui = Link$1;
+
 /**
  * @ignore - internal component.
  */
@@ -51378,7 +51637,7 @@ var MuiTextField = TextField$1;
 // @ts-ignore
 var Text = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
 
-var Link = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
+var Link = function (props) { return jsxRuntime.jsx(LinkMui, __assign({}, props)); };
 
 var Heading = function (props) { return jsxRuntime.jsx(Typography$1, __assign({}, props)); };
 
@@ -51435,7 +51694,7 @@ var Checkbox = function (_a) {
 
 /**
  * Do not edit directly
- * Generated on Fri, 25 Nov 2022 16:01:16 GMT
+ * Generated on Fri, 25 Nov 2022 19:49:09 GMT
  */
 var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
 var DefaultSpacingXxs = "4";
@@ -51732,7 +51991,15 @@ var getTokensByType = function (themeName, type) {
         if (colorName.startsWith("".concat(themeName).concat(type))) {
             var colorKey = colorName.replace("".concat(themeName).concat(type), '');
             colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
-            defaultTokens[colorKey] = tokens[colorName];
+            switch (colorKey) {
+                case 'lineHeights':
+                case 'fontSize':
+                case 'paragraphSpacing':
+                    defaultTokens[colorKey] = tokens[colorName] + 'px';
+                    break;
+                default:
+                    defaultTokens[colorKey] = tokens[colorName];
+            }
         }
     });
     return defaultTokens;