suada-components 1.14.1 → 1.14.3

package/dist/components/{index-3IkDOjMU.esm.js → index-LE1KfZE0.esm.js}

@@ -5424,7 +5424,7 @@ var deepmerge$2 = /*#__PURE__*/Object.freeze({
     isPlainObject: isPlainObject$2
 });
 
-const _excluded$44 = ["values", "unit", "step"];
+const _excluded$45 = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -5458,7 +5458,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$44);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$45);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -6618,7 +6618,7 @@ function applyStyles$2(key, styles) {
   return {};
 }
 
-const _excluded$43 = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$44 = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$2(options = {}, ...args) {
   const {
       breakpoints: breakpointsInput = {},
@@ -6626,7 +6626,7 @@ function createTheme$2(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$43);
+    other = _objectWithoutPropertiesLoose(options, _excluded$44);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge$3({
@@ -6702,7 +6702,7 @@ process.env.NODE_ENV !== "production" ? GlobalStyles$1.propTypes /* remove-propt
   themeId: PropTypes.string
 } : void 0;
 
-const _excluded$42 = ["sx"];
+const _excluded$43 = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -6723,7 +6723,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$42);
+    other = _objectWithoutPropertiesLoose(props, _excluded$43);
   const {
     systemProps,
     otherProps
@@ -6774,7 +6774,7 @@ const ClassNameGenerator$2 = createClassNameGenerator$2();
 
 function r$3(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$3(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx$3(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$3(e))&&(n&&(n+=" "),n+=t);return n}
 
-const _excluded$41 = ["className", "component"];
+const _excluded$42 = ["className", "component"];
 function createBox(options = {}) {
   const {
     themeId,
@@ -6792,7 +6792,7 @@ function createBox(options = {}) {
         className,
         component = 'div'
       } = _extendSxProp,
-      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$41);
+      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$42);
     return /*#__PURE__*/jsx$1(BoxRoot, _extends$1({
       as: component,
       ref: ref,
@@ -7171,7 +7171,7 @@ var getDisplayName$1 = /*#__PURE__*/Object.freeze({
     getFunctionName: getFunctionName$1
 });
 
-const _excluded$40 = ["ownerState"],
+const _excluded$41 = ["ownerState"],
   _excluded2$d = ["variants"],
   _excluded3$5 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty$3(obj) {
@@ -7215,7 +7215,7 @@ function processStyleArg(callableStyle, _ref) {
   let {
       ownerState
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$40);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$41);
   const resolvedStylesArg = typeof callableStyle === 'function' ? callableStyle(_extends$1({
     ownerState
   }, props)) : callableStyle;
@@ -7843,13 +7843,13 @@ function exactProp$2(propTypes) {
   });
 }
 
-const _excluded$3$ = ["value"];
+const _excluded$40 = ["value"];
 const RtlContext = /*#__PURE__*/React.createContext();
 function RtlProvider(_ref) {
   let {
       value
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$3$);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$40);
   return /*#__PURE__*/jsx$1(RtlContext.Provider, _extends$1({
     value: value != null ? value : true
   }, props));
@@ -8050,7 +8050,7 @@ function composeClasses$2(slots, getUtilityClass, classes = undefined) {
   return output;
 }
 
-const _excluded$3_ = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const _excluded$3$ = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
 const defaultTheme$3 = createTheme$2();
 // widening Theme to any so that the consumer can own the theme structure.
 const defaultCreateStyledComponent = styled$1('div', {
@@ -8183,7 +8183,7 @@ function createStack(options = {}) {
         className,
         useFlexGap = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$3_);
+      other = _objectWithoutPropertiesLoose(props, _excluded$3$);
     const ownerState = {
       direction,
       spacing,
@@ -8707,7 +8707,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 
 var colorManipulatorExports = /*@__PURE__*/ requireColorManipulator();
 
-const _excluded$3Z = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$3_ = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   // The colors used to style the text.
   text: {
@@ -8876,7 +8876,7 @@ function createPalette(palette) {
       contrastThreshold = 3,
       tonalOffset = 0.2
     } = palette,
-    other = _objectWithoutPropertiesLoose(palette, _excluded$3Z);
+    other = _objectWithoutPropertiesLoose(palette, _excluded$3_);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -9000,7 +9000,7 @@ const theme2 = createTheme({ palette: {
   return paletteOutput;
 }
 
-const _excluded$3Y = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$3Z = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round$3(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -9031,7 +9031,7 @@ function createTypography(palette, typography) {
       allVariants,
       pxToRem: pxToRem2
     } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded$3Y);
+    other = _objectWithoutPropertiesLoose(_ref, _excluded$3Z);
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
       console.error('MUI: `fontSize` is required to be a number.');
@@ -9098,7 +9098,7 @@ function createShadow(...px) {
 // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
 const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 
-const _excluded$3X = ["duration", "easing", "delay"];
+const _excluded$3Y = ["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 = {
@@ -9149,7 +9149,7 @@ function createTransitions(inputTransitions) {
         easing: easingOption = mergedEasing.easeInOut,
         delay = 0
       } = options,
-      other = _objectWithoutPropertiesLoose(options, _excluded$3X);
+      other = _objectWithoutPropertiesLoose(options, _excluded$3Y);
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string';
       // IE11 support, replace with Number.isNaN
@@ -9198,7 +9198,7 @@ const zIndex = {
   tooltip: 1500
 };
 
-const _excluded$3W = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$3X = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
       mixins: mixinsInput = {},
@@ -9206,7 +9206,7 @@ function createTheme(options = {}, ...args) {
       transitions: transitionsInput = {},
       typography: typographyInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$3W);
+    other = _objectWithoutPropertiesLoose(options, _excluded$3X);
   if (options.vars &&
   // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateCssVars` is the closest identifier for checking that the `options` is a result of `extendTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
@@ -9622,12 +9622,12 @@ const styled = createStyled({
   rootShouldForwardProp
 });
 
-const _excluded$3V = ["theme"];
+const _excluded$3W = ["theme"];
 function ThemeProvider$1(_ref) {
   let {
       theme: themeInput
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$3V);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3W);
   const scopedTheme = themeInput[THEME_ID];
   let finalTheme = scopedTheme || themeInput;
   if (typeof themeInput !== 'function') {
@@ -10833,7 +10833,7 @@ function resolveComponentProps$2(componentProps, ownerState, slotState) {
   return componentProps;
 }
 
-const _excluded$3U = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
+const _excluded$3V = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
 /**
  * @ignore - do not document.
  * Builds the props to be passed into the slot of an unstyled component.
@@ -10850,7 +10850,7 @@ function useSlotProps$1(parameters) {
       ownerState,
       skipResolvingSlotProps = false
     } = parameters,
-    rest = _objectWithoutPropertiesLoose(parameters, _excluded$3U);
+    rest = _objectWithoutPropertiesLoose(parameters, _excluded$3V);
   const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps$2(externalSlotProps, ownerState);
   const {
     props: mergedProps,
@@ -10906,7 +10906,7 @@ function getSvgIconUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 
-const _excluded$3T = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const _excluded$3U = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 const useUtilityClasses$Y = ownerState => {
   const {
     color,
@@ -10974,7 +10974,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
       titleAccess,
       viewBox = '0 0 24 24'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3T);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3U);
   const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
   const ownerState = _extends$1({}, props, {
     color,
@@ -11150,7 +11150,7 @@ function getCollapseUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
 
-const _excluded$3S = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
+const _excluded$3T = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
 const useUtilityClasses$X = ownerState => {
   const {
     orientation,
@@ -11250,7 +11250,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3S);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3T);
   const ownerState = _extends$1({}, props, {
     orientation,
     collapsedSize: collapsedSizeProp
@@ -11513,7 +11513,7 @@ function getPaperUtilityClass(slot) {
 }
 generateUtilityClasses$1('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$3R = ["className", "component", "elevation", "square", "variant"];
+const _excluded$3S = ["className", "component", "elevation", "square", "variant"];
 const useUtilityClasses$W = ownerState => {
   const {
     square,
@@ -11568,7 +11568,7 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
       square = false,
       variant = 'elevation'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3R);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3S);
   const ownerState = _extends$1({}, props, {
     component,
     elevation,
@@ -11652,7 +11652,7 @@ if (process.env.NODE_ENV !== 'production') {
   AccordionContext.displayName = 'AccordionContext';
 }
 
-const _excluded$3Q = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"],
+const _excluded$3R = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"],
   _excluded2$c = ["component", "slots", "slotProps"],
   _excluded3$4 = ["component"];
 /**
@@ -11685,7 +11685,7 @@ name, parameters) {
       getSlotOwnerState,
       internalForwardedProps
     } = parameters,
-    useSlotPropsParams = _objectWithoutPropertiesLoose(parameters, _excluded$3Q);
+    useSlotPropsParams = _objectWithoutPropertiesLoose(parameters, _excluded$3R);
   const {
       component: rootComponent,
       slots = {
@@ -11734,7 +11734,7 @@ function getAccordionUtilityClass(slot) {
 }
 const accordionClasses = generateUtilityClasses$1('MuiAccordion', ['root', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
 
-const _excluded$3P = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
+const _excluded$3Q = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
 const useUtilityClasses$V = ownerState => {
   const {
     classes,
@@ -11856,7 +11856,7 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
       TransitionComponent: TransitionComponentProp,
       TransitionProps: TransitionPropsProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3P);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3Q);
   const [expanded, setExpandedState] = useControlled$1({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -12015,7 +12015,7 @@ function getAccordionDetailsUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiAccordionDetails', ['root']);
 
-const _excluded$3O = ["className"];
+const _excluded$3P = ["className"];
 const useUtilityClasses$U = ownerState => {
   const {
     classes
@@ -12042,7 +12042,7 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
   const {
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3O);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3P);
   const ownerState = props;
   const classes = useUtilityClasses$U(ownerState);
   return /*#__PURE__*/jsx$1(AccordionDetailsRoot, _extends$1({
@@ -12154,7 +12154,7 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
 
 const touchRippleClasses = generateUtilityClasses$1('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
 
-const _excluded$3N = ["center", "classes", "className"];
+const _excluded$3O = ["center", "classes", "className"];
 let _$1 = t => t,
   _t$1,
   _t2$1,
@@ -12283,7 +12283,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       classes = {},
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3N);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3O);
   const [ripples, setRipples] = React.useState([]);
   const nextKey = React.useRef(0);
   const rippleCallback = React.useRef(null);
@@ -12477,7 +12477,7 @@ function getButtonBaseUtilityClass(slot) {
 }
 const buttonBaseClasses = generateUtilityClasses$1('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
 
-const _excluded$3M = ["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$3N = ["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$T = ownerState => {
   const {
     disabled,
@@ -12578,7 +12578,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       touchRippleRef,
       type
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3M);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3N);
   const buttonRef = React.useRef(null);
   const rippleRef = React.useRef(null);
   const handleRippleRef = useForkRef$2(rippleRef, touchRippleRef);
@@ -12940,7 +12940,7 @@ function getAccordionSummaryUtilityClass(slot) {
 }
 const accordionSummaryClasses = generateUtilityClasses$1('MuiAccordionSummary', ['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'contentGutters', 'content', 'expandIconWrapper']);
 
-const _excluded$3L = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
+const _excluded$3M = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 const useUtilityClasses$S = ownerState => {
   const {
     classes,
@@ -13041,7 +13041,7 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       focusVisibleClassName,
       onClick
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3L);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3M);
   const {
     disabled = false,
     disableGutters,
@@ -13130,7 +13130,7 @@ function getIconButtonUtilityClass(slot) {
 }
 const iconButtonClasses = generateUtilityClasses$1('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 
-const _excluded$3K = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
+const _excluded$3L = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
 const useUtilityClasses$R = ownerState => {
   const {
     classes,
@@ -13231,7 +13231,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
       disableFocusRipple = false,
       size = 'medium'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3K);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3L);
   const ownerState = _extends$1({}, props, {
     edge,
     color,
@@ -13324,7 +13324,7 @@ function getTypographyUtilityClass(slot) {
 }
 generateUtilityClasses$1('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$3J = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const _excluded$3K = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
 const useUtilityClasses$Q = ownerState => {
   const {
     align,
@@ -13411,7 +13411,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
       variant = 'body1',
       variantMapping = defaultVariantMapping
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3J);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3K);
   const ownerState = _extends$1({}, props, {
     align,
     color,
@@ -15416,7 +15416,7 @@ function getPopperUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiPopper', ['root']);
 
-const _excluded$3I = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
+const _excluded$3J = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
   _excluded2$b = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
 function flipPlacement(placement, direction) {
   if (direction === 'ltr') {
@@ -15472,7 +15472,7 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
       // @ts-ignore internal logic
       // prevent from spreading to DOM, it can come from the parent component e.g. Select.
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3I);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3J);
   const tooltipRef = React.useRef(null);
   const ownRef = useForkRef$2(tooltipRef, forwardedRef);
   const popperRef = React.useRef(null);
@@ -15775,7 +15775,7 @@ process.env.NODE_ENV !== "production" ? Popper$1.propTypes /* remove-proptypes *
   transition: PropTypes.bool
 } : void 0;
 
-const _excluded$3H = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
+const _excluded$3I = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 const PopperRoot = styled(Popper$1, {
   name: 'MuiPopper',
   slot: 'Root',
@@ -15818,7 +15818,7 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
       slots,
       slotProps
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3H);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3I);
   const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
   const otherProps = _extends$1({
     anchorEl,
@@ -15980,7 +15980,7 @@ function getChipUtilityClass(slot) {
 }
 const chipClasses = generateUtilityClasses$1('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
 
-const _excluded$3G = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
+const _excluded$3H = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
 const useUtilityClasses$O = ownerState => {
   const {
     classes,
@@ -16266,7 +16266,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       tabIndex,
       skipFocusWhenDisabled = false // TODO v6: Rename to `focusableWhenDisabled`.
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3G);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3H);
   const chipRef = React.useRef(null);
   const handleRef = useForkRef$2(chipRef, ref);
   const handleDeleteIconClick = event => {
@@ -16467,7 +16467,7 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
   variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
 } : void 0;
 
-const _excluded$3F = ["onChange", "maxRows", "minRows", "style", "value"];
+const _excluded$3G = ["onChange", "maxRows", "minRows", "style", "value"];
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
 }
@@ -16515,7 +16515,7 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
       style,
       value
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3F);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3G);
   const {
     current: isControlled
   } = React.useRef(value != null);
@@ -16783,7 +16783,7 @@ function getInputBaseUtilityClass(slot) {
 }
 const inputBaseClasses = generateUtilityClasses$1('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'readOnly', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);
 
-const _excluded$3E = ["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", "slotProps", "slots", "startAdornment", "type", "value"];
+const _excluded$3F = ["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", "slotProps", "slots", "startAdornment", "type", "value"];
 const rootOverridesResolver = (props, styles) => {
   const {
     ownerState
@@ -17012,7 +17012,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
       type = 'text',
       value: valueProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3E);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3F);
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -17486,7 +17486,7 @@ var ArrowDropDownIcon$2 = createSvgIcon$1( /*#__PURE__*/jsx$1("path", {
   d: "M7 10l5 5 5-5z"
 }), 'ArrowDropDown');
 
-const _excluded$3D = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$3E = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 const styles$3 = {
   entering: {
     opacity: 1
@@ -17523,7 +17523,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3D);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3E);
   const nodeRef = React.useRef(null);
   const handleRef = useForkRef$2(nodeRef, getReactElementRef(children), ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
@@ -17683,7 +17683,7 @@ function getBackdropUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiBackdrop', ['root', 'invisible']);
 
-const _excluded$3C = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
+const _excluded$3D = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
 const useUtilityClasses$M = ownerState => {
   const {
     classes,
@@ -17738,7 +17738,7 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
       TransitionComponent = Fade,
       transitionDuration
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3C);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3D);
   const ownerState = _extends$1({}, props, {
     component,
     invisible
@@ -17908,7 +17908,7 @@ if (process.env.NODE_ENV !== 'production') {
   ButtonGroupButtonContext.displayName = 'ButtonGroupButtonContext';
 }
 
-const _excluded$3B = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
+const _excluded$3C = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"];
 const useUtilityClasses$L = ownerState => {
   const {
     color,
@@ -18135,7 +18135,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
       type,
       variant = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3B);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3C);
   const ownerState = _extends$1({}, props, {
     color,
     component,
@@ -18273,7 +18273,7 @@ function getCardUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiCard', ['root']);
 
-const _excluded$3A = ["className", "raised"];
+const _excluded$3B = ["className", "raised"];
 const useUtilityClasses$K = ownerState => {
   const {
     classes
@@ -18301,7 +18301,7 @@ const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
       className,
       raised = false
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3A);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3B);
   const ownerState = _extends$1({}, props, {
     raised
   });
@@ -18351,7 +18351,7 @@ function getCardContentUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiCardContent', ['root']);
 
-const _excluded$3z = ["className", "component"];
+const _excluded$3A = ["className", "component"];
 const useUtilityClasses$J = ownerState => {
   const {
     classes
@@ -18382,7 +18382,7 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
       className,
       component = 'div'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3z);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3A);
   const ownerState = _extends$1({}, props, {
     component
   });
@@ -18427,7 +18427,7 @@ function getSwitchBaseUtilityClass(slot) {
 }
 generateUtilityClasses$1('PrivateSwitchBase', ['root', 'checked', 'disabled', 'input', 'edgeStart', 'edgeEnd']);
 
-const _excluded$3y = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
+const _excluded$3z = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked", "disabled", "disableFocusRipple", "edge", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"];
 const useUtilityClasses$I = ownerState => {
   const {
     classes,
@@ -18493,7 +18493,7 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
       type,
       value
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3y);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3z);
   const [checked, setCheckedState] = useControlled$1({
     controlled: checkedProp,
     default: Boolean(defaultChecked),
@@ -18700,7 +18700,7 @@ function getCheckboxUtilityClass(slot) {
 }
 const checkboxClasses = generateUtilityClasses$1('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);
 
-const _excluded$3x = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
+const _excluded$3y = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"];
 const useUtilityClasses$H = ownerState => {
   const {
     classes,
@@ -18764,7 +18764,7 @@ const Checkbox$1 = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref)
       size = 'medium',
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3x);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3y);
   const icon = indeterminate ? indeterminateIconProp : iconProp;
   const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
   const ownerState = _extends$1({}, props, {
@@ -18898,7 +18898,7 @@ function getCircularProgressUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiCircularProgress', ['root', 'determinate', 'indeterminate', 'colorPrimary', 'colorSecondary', 'svg', 'circle', 'circleDeterminate', 'circleIndeterminate', 'circleDisableShrink']);
 
-const _excluded$3w = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+const _excluded$3x = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
 let _ = t => t,
   _t,
   _t2,
@@ -19022,7 +19022,7 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
       value = 0,
       variant = 'indeterminate'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3w);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3x);
   const ownerState = _extends$1({}, props, {
     color,
     disableShrink,
@@ -19863,7 +19863,7 @@ function getModalUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiModal', ['root', 'hidden', 'backdrop']);
 
-const _excluded$3v = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
+const _excluded$3w = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"];
 const useUtilityClasses$F = ownerState => {
   const {
     open,
@@ -19951,7 +19951,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
       slots
       // eslint-disable-next-line react/prop-types
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3v);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3w);
   const propsWithDefaults = _extends$1({}, props, {
     closeAfterTransition,
     disableAutoFocus,
@@ -20233,7 +20233,7 @@ function getDialogActionsUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiDialogActions', ['root', 'spacing']);
 
-const _excluded$3u = ["className", "disableSpacing"];
+const _excluded$3v = ["className", "disableSpacing"];
 const useUtilityClasses$E = ownerState => {
   const {
     classes,
@@ -20275,7 +20275,7 @@ const DialogActions = /*#__PURE__*/React.forwardRef(function DialogActions(inPro
       className,
       disableSpacing = false
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3u);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3v);
   const ownerState = _extends$1({}, props, {
     disableSpacing
   });
@@ -20314,7 +20314,7 @@ process.env.NODE_ENV !== "production" ? DialogActions.propTypes /* remove-propty
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 
-const _excluded$3t = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"];
+const _excluded$3u = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"];
 const useUtilityClasses$D = ownerState => {
   const {
     classes,
@@ -20499,7 +20499,7 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
       slots = {},
       type = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3t);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3u);
   const ownerState = _extends$1({}, props, {
     fullWidth,
     inputComponent,
@@ -20733,7 +20733,7 @@ function getFormControlUtilityClasses(slot) {
 }
 generateUtilityClasses$1('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
 
-const _excluded$3s = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
+const _excluded$3t = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
 const useUtilityClasses$C = ownerState => {
   const {
     classes,
@@ -20819,7 +20819,7 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
       size = 'medium',
       variant = 'outlined'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3s);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3t);
   const ownerState = _extends$1({}, props, {
     color,
     component,
@@ -21068,7 +21068,7 @@ function getFormControlLabelUtilityClasses(slot) {
 }
 const formControlLabelClasses = generateUtilityClasses$1('MuiFormControlLabel', ['root', 'labelPlacementStart', 'labelPlacementTop', 'labelPlacementBottom', 'disabled', 'label', 'error', 'required', 'asterisk']);
 
-const _excluded$3r = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
+const _excluded$3s = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
 const useUtilityClasses$B = ownerState => {
   const {
     classes,
@@ -21162,7 +21162,7 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
       required: requiredProp,
       slotProps = {}
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3r);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3s);
   const muiFormControl = useFormControl();
   const disabled = (_ref = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref : muiFormControl == null ? void 0 : muiFormControl.disabled;
   const required = requiredProp != null ? requiredProp : control.props.required;
@@ -21300,7 +21300,7 @@ function getFormHelperTextUtilityClasses(slot) {
 const formHelperTextClasses = generateUtilityClasses$1('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);
 
 var _span$3;
-const _excluded$3q = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
+const _excluded$3r = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
 const useUtilityClasses$A = ownerState => {
   const {
     classes,
@@ -21359,7 +21359,7 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
       className,
       component = 'p'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3q);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3r);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -21455,7 +21455,7 @@ function getFormLabelUtilityClasses(slot) {
 }
 const formLabelClasses = generateUtilityClasses$1('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);
 
-const _excluded$3p = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
+const _excluded$3q = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
 const useUtilityClasses$z = ownerState => {
   const {
     classes,
@@ -21520,7 +21520,7 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
       className,
       component = 'label'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3p);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3q);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -21605,7 +21605,7 @@ process.env.NODE_ENV !== "production" ? FormLabel.propTypes /* remove-proptypes
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 
-const _excluded$3o = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$3p = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 function getScale$1(value) {
   return `scale(${value}, ${value ** 2})`;
 }
@@ -21649,7 +21649,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3o);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3p);
   const timer = useTimeout();
   const autoTimeout = React.useRef();
   const theme = useTheme$2();
@@ -21847,7 +21847,7 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes /* remove-proptypes */ =
 } : void 0;
 Grow.muiSupportAuto = true;
 
-const _excluded$3n = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
+const _excluded$3o = ["disableUnderline", "components", "componentsProps", "fullWidth", "inputComponent", "multiline", "slotProps", "slots", "type"];
 const useUtilityClasses$y = ownerState => {
   const {
     classes,
@@ -21958,7 +21958,7 @@ const Input$2 = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {
       slots = {},
       type = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3n);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3o);
   const classes = useUtilityClasses$y(props);
   const ownerState = {
     disableUnderline
@@ -22180,7 +22180,7 @@ function getInputAdornmentUtilityClass(slot) {
 const inputAdornmentClasses = generateUtilityClasses$1('MuiInputAdornment', ['root', 'filled', 'standard', 'outlined', 'positionStart', 'positionEnd', 'disablePointerEvents', 'hiddenLabel', 'sizeSmall']);
 
 var _span$2;
-const _excluded$3m = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
+const _excluded$3n = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
 const overridesResolver$3 = (props, styles) => {
   const {
     ownerState
@@ -22245,7 +22245,7 @@ const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inP
       position,
       variant: variantProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3m);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3n);
   const muiFormControl = useFormControl() || {};
   let variant = variantProp;
   if (variantProp && muiFormControl.variant) {
@@ -22340,7 +22340,7 @@ function getInputLabelUtilityClasses(slot) {
 }
 generateUtilityClasses$1('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);
 
-const _excluded$3l = ["disableAnimation", "margin", "shrink", "variant", "className"];
+const _excluded$3m = ["disableAnimation", "margin", "shrink", "variant", "className"];
 const useUtilityClasses$w = ownerState => {
   const {
     classes,
@@ -22442,7 +22442,7 @@ const InputLabel$1 = /*#__PURE__*/React.forwardRef(function InputLabel(inProps,
       shrink: shrinkProp,
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3l);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3m);
   const muiFormControl = useFormControl();
   let shrink = shrinkProp;
   if (typeof shrink === 'undefined' && muiFormControl) {
@@ -22553,7 +22553,7 @@ function getListUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiList', ['root', 'padding', 'dense', 'subheader']);
 
-const _excluded$3k = ["children", "className", "component", "dense", "disablePadding", "subheader"];
+const _excluded$3l = ["children", "className", "component", "dense", "disablePadding", "subheader"];
 const useUtilityClasses$v = ownerState => {
   const {
     classes,
@@ -22601,7 +22601,7 @@ const List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {
       disablePadding = false,
       subheader
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3k);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3l);
   const context = React.useMemo(() => ({
     dense
   }), [dense]);
@@ -22679,7 +22679,7 @@ function getListItemSecondaryActionClassesUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiListItemSecondaryAction', ['root', 'disableGutters']);
 
-const _excluded$3j = ["className"];
+const _excluded$3k = ["className"];
 const useUtilityClasses$u = ownerState => {
   const {
     disableGutters,
@@ -22721,7 +22721,7 @@ const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemS
   const {
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3j);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3k);
   const context = React.useContext(ListContext);
   const ownerState = _extends$1({}, props, {
     disableGutters: context.disableGutters
@@ -22757,7 +22757,7 @@ process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.propTypes /* rem
 } : void 0;
 ListItemSecondaryAction.muiName = 'ListItemSecondaryAction';
 
-const _excluded$3i = ["className"],
+const _excluded$3j = ["className"],
   _excluded2$a = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected", "slotProps", "slots"];
 const overridesResolver$2 = (props, styles) => {
   const {
@@ -22899,7 +22899,7 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
       slotProps = {},
       slots = {}
     } = props,
-    ContainerProps = _objectWithoutPropertiesLoose(props.ContainerProps, _excluded$3i),
+    ContainerProps = _objectWithoutPropertiesLoose(props.ContainerProps, _excluded$3j),
     other = _objectWithoutPropertiesLoose(props, _excluded2$a);
   const context = React.useContext(ListContext);
   const childContext = React.useMemo(() => ({
@@ -23155,7 +23155,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
 
-const _excluded$3h = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
+const _excluded$3i = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
 function nextItem(list, item, disableListWrap) {
   if (list === item) {
     return list.firstChild;
@@ -23237,7 +23237,7 @@ const MenuList$1 = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
       onKeyDown,
       variant = 'selectedMenu'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3h);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3i);
   const listRef = React.useRef(null);
   const textCriteriaRef = React.useRef({
     keys: [],
@@ -23431,7 +23431,7 @@ function getPopoverUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiPopover', ['root', 'paper']);
 
-const _excluded$3g = ["onEntering"],
+const _excluded$3h = ["onEntering"],
   _excluded2$9 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps", "disableScrollLock"],
   _excluded3$3 = ["slotProps"];
 function getOffsetTop(rect, vertical) {
@@ -23529,7 +23529,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
       } = {},
       disableScrollLock = false
     } = props,
-    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded$3g),
+    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded$3h),
     other = _objectWithoutPropertiesLoose(props, _excluded2$9);
   const externalPaperSlotProps = (_slotProps$paper = slotProps == null ? void 0 : slotProps.paper) != null ? _slotProps$paper : PaperPropsProp;
   const paperRef = React.useRef();
@@ -23947,7 +23947,7 @@ function getMenuUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiMenu', ['root', 'paper', 'list']);
 
-const _excluded$3f = ["onEntering"],
+const _excluded$3g = ["onEntering"],
   _excluded2$8 = ["autoFocus", "children", "className", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant", "slots", "slotProps"];
 const RTL_ORIGIN = {
   vertical: 'top',
@@ -24018,7 +24018,7 @@ const Menu$2 = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
       slots = {},
       slotProps = {}
     } = props,
-    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded$3f),
+    TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded$3g),
     other = _objectWithoutPropertiesLoose(props, _excluded2$8);
   const isRtl = useRtl();
   const ownerState = _extends$1({}, props, {
@@ -24241,7 +24241,7 @@ function getNativeSelectUtilityClasses(slot) {
 }
 const nativeSelectClasses = generateUtilityClasses$1('MuiNativeSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
 
-const _excluded$3e = ["className", "disabled", "error", "IconComponent", "inputRef", "variant"];
+const _excluded$3f = ["className", "disabled", "error", "IconComponent", "inputRef", "variant"];
 const useUtilityClasses$q = ownerState => {
   const {
     classes,
@@ -24368,7 +24368,7 @@ const NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInp
       inputRef,
       variant = 'standard'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3e);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3f);
   const ownerState = _extends$1({}, props, {
     disabled,
     variant,
@@ -24445,7 +24445,7 @@ process.env.NODE_ENV !== "production" ? NativeSelectInput.propTypes = {
 } : void 0;
 
 var _span$1;
-const _excluded$3d = ["children", "classes", "className", "label", "notched"];
+const _excluded$3e = ["children", "classes", "className", "label", "notched"];
 const NotchedOutlineRoot$1 = styled('fieldset', {
   shouldForwardProp: rootShouldForwardProp
 })({
@@ -24522,7 +24522,7 @@ function NotchedOutline(props) {
       label,
       notched
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3d);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3e);
   const withLabel = label != null && label !== '';
   const ownerState = _extends$1({}, props, {
     notched,
@@ -24572,7 +24572,7 @@ process.env.NODE_ENV !== "production" ? NotchedOutline.propTypes = {
   style: PropTypes.object
 } : void 0;
 
-const _excluded$3c = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
+const _excluded$3d = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
 const useUtilityClasses$p = ownerState => {
   const {
     classes
@@ -24691,7 +24691,7 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
       slots = {},
       type = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3c);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3d);
   const classes = useUtilityClasses$p(props);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
@@ -24910,7 +24910,7 @@ function getPaginationUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiPagination', ['root', 'ul', 'outlined', 'text']);
 
-const _excluded$3b = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+const _excluded$3c = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
 function usePagination(props = {}) {
   // keep default values in sync with @default tags in Pagination.propTypes
   const {
@@ -24927,7 +24927,7 @@ function usePagination(props = {}) {
       showLastButton = false,
       siblingCount = 1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3b);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3c);
   const [page, setPageState] = useControlled$1({
     controlled: pageProp,
     default: defaultPage,
@@ -25042,7 +25042,7 @@ var NavigateNextIcon = createSvgIcon$1( /*#__PURE__*/jsx$1("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), 'NavigateNext');
 
-const _excluded$3a = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"];
+const _excluded$3b = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"];
 const overridesResolver$1 = (props, styles) => {
   const {
     ownerState
@@ -25247,7 +25247,7 @@ const PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inP
       type = 'page',
       variant = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3a);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3b);
   const ownerState = _extends$1({}, props, {
     color,
     disabled,
@@ -25386,7 +25386,7 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes /* remove-propt
   variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['outlined', 'text']), PropTypes.string])
 } : void 0;
 
-const _excluded$39 = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"];
+const _excluded$3a = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"];
 const useUtilityClasses$n = ownerState => {
   const {
     classes,
@@ -25449,7 +25449,7 @@ const Pagination$1 = /*#__PURE__*/React.forwardRef(function Pagination(inProps,
       size = 'medium',
       variant = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$39);
+    other = _objectWithoutPropertiesLoose(props, _excluded$3a);
   const {
     items
   } = usePagination(_extends$1({}, props, {
@@ -25708,7 +25708,7 @@ function getRadioUtilityClass(slot) {
 }
 const radioClasses = generateUtilityClasses$1('MuiRadio', ['root', 'checked', 'disabled', 'colorPrimary', 'colorSecondary', 'sizeSmall']);
 
-const _excluded$38 = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"];
+const _excluded$39 = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"];
 const useUtilityClasses$m = ownerState => {
   const {
     classes,
@@ -25780,7 +25780,7 @@ const Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
       size = 'medium',
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$38);
+    other = _objectWithoutPropertiesLoose(props, _excluded$39);
   const ownerState = _extends$1({}, props, {
     color,
     size
@@ -25909,7 +25909,7 @@ function getSelectUtilityClasses(slot) {
 const selectClasses = generateUtilityClasses$1('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
 
 var _span;
-const _excluded$37 = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
+const _excluded$38 = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
 const SelectSelect = styled('div', {
   name: 'MuiSelect',
   slot: 'Select',
@@ -26032,7 +26032,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       value: valueProp,
       variant = 'standard'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$37);
+    other = _objectWithoutPropertiesLoose(props, _excluded$38);
   const [value, setValueState] = useControlled$1({
     controlled: valueProp,
     default: defaultValue,
@@ -26542,7 +26542,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
   variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])
 } : void 0;
 
-const _excluded$36 = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"],
+const _excluded$37 = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"],
   _excluded2$7 = ["root"];
 const useUtilityClasses$k = ownerState => {
   const {
@@ -26587,7 +26587,7 @@ const Select$1 = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
       SelectDisplayProps,
       variant: variantProp = 'outlined'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$36);
+    other = _objectWithoutPropertiesLoose(props, _excluded$37);
   const inputComponent = native ? NativeSelectInput : SelectInput;
   const muiFormControl = useFormControl();
   const fcs = formControlState({
@@ -27514,7 +27514,7 @@ process.env.NODE_ENV !== "production" ? SliderValueLabel$1.propTypes = {
   value: PropTypes.node
 } : void 0;
 
-const _excluded$35 = ["aria-label", "aria-valuetext", "aria-labelledby", "component", "components", "componentsProps", "color", "classes", "className", "disableSwap", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "orientation", "shiftStep", "size", "step", "scale", "slotProps", "slots", "tabIndex", "track", "value", "valueLabelDisplay", "valueLabelFormat"];
+const _excluded$36 = ["aria-label", "aria-valuetext", "aria-labelledby", "component", "components", "componentsProps", "color", "classes", "className", "disableSwap", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "orientation", "shiftStep", "size", "step", "scale", "slotProps", "slots", "tabIndex", "track", "value", "valueLabelDisplay", "valueLabelFormat"];
 function Identity(x) {
   return x;
 }
@@ -28076,7 +28076,7 @@ const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
       valueLabelDisplay = 'off',
       valueLabelFormat = Identity
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$35);
+    other = _objectWithoutPropertiesLoose(props, _excluded$36);
   const ownerState = _extends$1({}, props, {
     isRtl,
     max,
@@ -28539,7 +28539,7 @@ function getTooltipUtilityClass(slot) {
 }
 const tooltipClasses = generateUtilityClasses$1('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
 
-const _excluded$34 = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
+const _excluded$35 = ["arrow", "children", "classes", "components", "componentsProps", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperComponent", "PopperProps", "slotProps", "slots", "title", "TransitionComponent", "TransitionProps"];
 function round$1(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -28761,7 +28761,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       TransitionComponent: TransitionComponentProp = Grow,
       TransitionProps
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$34);
+    other = _objectWithoutPropertiesLoose(props, _excluded$35);
 
   // to prevent runtime errors, developers will need to provide a child as a React element anyway.
   const children = /*#__PURE__*/React.isValidElement(childrenProp) ? childrenProp : /*#__PURE__*/jsx$1("span", {
@@ -29285,7 +29285,7 @@ function getSwitchUtilityClass(slot) {
 }
 const switchClasses = generateUtilityClasses$1('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
 
-const _excluded$33 = ["className", "color", "edge", "size", "sx"];
+const _excluded$34 = ["className", "color", "edge", "size", "sx"];
 const useUtilityClasses$h = ownerState => {
   const {
     classes,
@@ -29480,7 +29480,7 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
       size = 'medium',
       sx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$33);
+    other = _objectWithoutPropertiesLoose(props, _excluded$34);
   const ownerState = _extends$1({}, props, {
     color,
     edge,
@@ -29611,7 +29611,7 @@ function getTextFieldUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiTextField', ['root']);
 
-const _excluded$32 = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"];
+const _excluded$33 = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"];
 const variantComponent = {
   standard: Input$2,
   filled: FilledInput,
@@ -29703,7 +29703,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
       value,
       variant = 'outlined'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$32);
+    other = _objectWithoutPropertiesLoose(props, _excluded$33);
   const ownerState = _extends$1({}, props, {
     autoFocus,
     color,
@@ -29977,7 +29977,7 @@ var RecordVoiceOverOutlined$1 = createSvgIcon$1( /*#__PURE__*/jsx$1("path", {
   d: "M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4m-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14"
 }), 'RecordVoiceOverOutlined');
 
-var _templateObject$q, _templateObject2$k, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
+var _templateObject$q, _templateObject2$k, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
 // CourseLayout
 dt.span(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral$1([""])));
 var GridItemContentHeader = dt.header(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral$1(["\n  display: flex;\n  justify-content: space-between;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
@@ -30000,12 +30000,12 @@ var CardActionBar = dt.div(_templateObject9$5 || (_templateObject9$5 = _taggedTe
   var $switched = _ref4.$switched;
   return $switched ? "\n    top: 0px;\n    left: 0px;\n    grid-template-columns: 1fr 35px;\n  " : "\n    bottom: 0px;\n    right: 0px;\n    justify-content: end;\n    grid-template-columns: 35px 35px;\n  ";
 });
-var StylesCardWrapper = dt.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral$1(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  cursor: ", ";\n  height: 100%;\n  border-radius: 12px !important;\n  &:hover {\n    .action_block {\n      background: rgba(255, 255, 255, 0.59) !important;\n    }\n  }\n"])), function (_ref5) {
+var StylesCardWrapper = dt.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral$1(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  cursor: ", ";\n  height: 100%;\n  border-radius: 12px !important;\n  &:hover {\n    .action_block {\n      background: rgba(255, 255, 255, 0.59) !important;\n    }\n  }\n"])), function (_ref5) {
   var $canOpen = _ref5.$canOpen;
   return $canOpen ? 'pointer' : 'default';
 });
-var StyledChecked = dt.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"])));
-dt.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral$1(["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
+var StyledChecked = dt.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"])));
+dt.div(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral$1(["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
 var CourseStatusContainer = dt.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral$1(["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_ref6) {
   var $status = _ref6.$status;
   return !$status ? '#EA382A' : '#00905E';
@@ -30098,11 +30098,11 @@ var TooltipHeight$1 = function TooltipHeight(_ref) {
   });
 };
 
-var _excluded$31 = ["className", "onClick"];
+var _excluded$32 = ["className", "onClick"];
 var Edit = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$31);
+    props = _objectWithoutProperties$1(_ref, _excluded$32);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -30124,11 +30124,11 @@ var Edit = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Edit.displayName = 'Edit';
 
-var _excluded$30 = ["className", "onClick"];
+var _excluded$31 = ["className", "onClick"];
 var PlayButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$30);
+    props = _objectWithoutProperties$1(_ref, _excluded$31);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     version: '1.1',
@@ -30165,11 +30165,11 @@ var PlayButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PlayButton.displayName = 'PlayButton';
 
-var _excluded$2$ = ["className", "onClick"];
+var _excluded$30 = ["className", "onClick"];
 var Unlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2$);
+    props = _objectWithoutProperties$1(_ref, _excluded$30);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -30423,11 +30423,11 @@ dt.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral$1(["\n
   return $hoverColor && "svg path {\n          fill: ".concat($hoverColor, ";\n           }");
 });
 
-var _excluded$2_ = ["className", "onClick"];
+var _excluded$2$ = ["className", "onClick"];
 var MoreVertRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2_);
+    props = _objectWithoutProperties$1(_ref, _excluded$2$);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -30737,11 +30737,11 @@ var CourseCard = function CourseCard(_ref) {
   }, item.id);
 };
 
-var _excluded$2Z = ["className", "onClick"];
+var _excluded$2_ = ["className", "onClick"];
 var SearchRounded = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2Z);
+    props = _objectWithoutProperties$1(_ref, _excluded$2_);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -31067,11 +31067,11 @@ var FormControlLabelStyles = {
 };
 var FormControlWrapper = dt(ToolTipContainer)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral$1(["\n  color: #06c68f;\n\n  .CustomSwitcher-switchBase {\n    &.checked {\n      color: #06c68f;\n    }\n    &.checked + .track {\n      background-color: #06c68f;\n    }\n  }\n"])));
 
-var _excluded$2Y = ["className", "onClick"];
+var _excluded$2Z = ["className", "onClick"];
 var ActivityIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2Y);
+    props = _objectWithoutProperties$1(_ref, _excluded$2Z);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -31090,11 +31090,11 @@ var ActivityIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ActivityIcon.displayName = 'ActivityIcon';
 
-var _excluded$2X = ["className", "onClick"];
+var _excluded$2Y = ["className", "onClick"];
 var VideoCheckmarkIcon = function VideoCheckmarkIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2X);
+    props = _objectWithoutProperties$1(_ref, _excluded$2Y);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31111,12 +31111,12 @@ var VideoCheckmarkIcon = function VideoCheckmarkIcon(_ref) {
   }));
 };
 
-var _excluded$2W = ["className", "onClick", "active"];
+var _excluded$2X = ["className", "onClick", "active"];
 var HeartIcon = function HeartIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     active = _ref.active,
-    props = _objectWithoutProperties$1(_ref, _excluded$2W);
+    props = _objectWithoutProperties$1(_ref, _excluded$2X);
   return active ? jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31146,11 +31146,11 @@ var HeartIcon = function HeartIcon(_ref) {
   }));
 };
 
-var _excluded$2V = ["className", "onClick"];
+var _excluded$2W = ["className", "onClick"];
 var MinimizeIcon = function MinimizeIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2V);
+    props = _objectWithoutProperties$1(_ref, _excluded$2W);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31170,11 +31170,11 @@ var MinimizeIcon = function MinimizeIcon(_ref) {
   }));
 };
 
-var _excluded$2U = ["className", "onClick"];
+var _excluded$2V = ["className", "onClick"];
 var MaximizeIcon = function MaximizeIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2U);
+    props = _objectWithoutProperties$1(_ref, _excluded$2V);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31194,11 +31194,11 @@ var MaximizeIcon = function MaximizeIcon(_ref) {
   }));
 };
 
-var _excluded$2T = ["className", "onClick"];
+var _excluded$2U = ["className", "onClick"];
 var PauseIcon = function PauseIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2T);
+    props = _objectWithoutProperties$1(_ref, _excluded$2U);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31218,12 +31218,12 @@ var PauseIcon = function PauseIcon(_ref) {
   }));
 };
 
-var _excluded$2S = ["className", "onClick", "dark"];
+var _excluded$2T = ["className", "onClick", "dark"];
 var VolumeMuteIcon = function VolumeMuteIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     dark = _ref.dark,
-    props = _objectWithoutProperties$1(_ref, _excluded$2S);
+    props = _objectWithoutProperties$1(_ref, _excluded$2T);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31243,11 +31243,11 @@ var VolumeMuteIcon = function VolumeMuteIcon(_ref) {
   }));
 };
 
-var _excluded$2R = ["className", "onClick"];
+var _excluded$2S = ["className", "onClick"];
 var PlayIcon = function PlayIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2R);
+    props = _objectWithoutProperties$1(_ref, _excluded$2S);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31264,12 +31264,12 @@ var PlayIcon = function PlayIcon(_ref) {
   }));
 };
 
-var _excluded$2Q = ["className", "onClick", "forward"];
+var _excluded$2R = ["className", "onClick", "forward"];
 var RewindIcon = function RewindIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     forward = _ref.forward,
-    props = _objectWithoutProperties$1(_ref, _excluded$2Q);
+    props = _objectWithoutProperties$1(_ref, _excluded$2R);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31305,12 +31305,12 @@ var RewindIcon = function RewindIcon(_ref) {
   }));
 };
 
-var _excluded$2P = ["className", "onClick", "forward"];
+var _excluded$2Q = ["className", "onClick", "forward"];
 var SkipIcon = function SkipIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     forward = _ref.forward,
-    props = _objectWithoutProperties$1(_ref, _excluded$2P);
+    props = _objectWithoutProperties$1(_ref, _excluded$2Q);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31340,12 +31340,12 @@ var SkipIcon = function SkipIcon(_ref) {
   }));
 };
 
-var _excluded$2O = ["className", "onClick", "active"];
+var _excluded$2P = ["className", "onClick", "active"];
 var SubtitlesIcon = function SubtitlesIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     active = _ref.active,
-    props = _objectWithoutProperties$1(_ref, _excluded$2O);
+    props = _objectWithoutProperties$1(_ref, _excluded$2P);
   return active ? jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31381,11 +31381,11 @@ var SubtitlesIcon = function SubtitlesIcon(_ref) {
   }));
 };
 
-var _excluded$2N = ["className", "onClick"];
+var _excluded$2O = ["className", "onClick"];
 var MeterIcon = function MeterIcon(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2N);
+    props = _objectWithoutProperties$1(_ref, _excluded$2O);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     width: '24',
     height: '24',
@@ -31408,13 +31408,13 @@ var MeterIcon = function MeterIcon(_ref) {
   }));
 };
 
-var _excluded$2M = ["className", "onClick", "fill"];
+var _excluded$2N = ["className", "onClick", "fill"];
 var ArrowDropDownIcon$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#fff' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$2M);
+    props = _objectWithoutProperties$1(_ref, _excluded$2N);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -31433,11 +31433,11 @@ var ArrowDropDownIcon$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ArrowDropDownIcon$1.displayName = 'ArrowDropDownIcon';
 
-var _excluded$2L = ["className", "onClick"];
+var _excluded$2M = ["className", "onClick"];
 var Analytics = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2L);
+    props = _objectWithoutProperties$1(_ref, _excluded$2M);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31459,11 +31459,11 @@ var Analytics = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Analytics.displayName = 'Analytics';
 
-var _excluded$2K = ["className", "onClick"];
+var _excluded$2L = ["className", "onClick"];
 var AddAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2K);
+    props = _objectWithoutProperties$1(_ref, _excluded$2L);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31485,11 +31485,11 @@ var AddAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 AddAlt.displayName = 'AddAlt';
 
-var _excluded$2J = ["className", "onClick"];
+var _excluded$2K = ["className", "onClick"];
 var Company = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2J);
+    props = _objectWithoutProperties$1(_ref, _excluded$2K);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31526,11 +31526,11 @@ var Company = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Company.displayName = 'Company';
 
-var _excluded$2I = ["className", "onClick"];
+var _excluded$2J = ["className", "onClick"];
 var AddStudent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2I);
+    props = _objectWithoutProperties$1(_ref, _excluded$2J);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -31552,11 +31552,11 @@ var AddStudent = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 AddStudent.displayName = 'AddStudent';
 
-var _excluded$2H = ["className", "onClick"];
+var _excluded$2I = ["className", "onClick"];
 var Learning = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2H);
+    props = _objectWithoutProperties$1(_ref, _excluded$2I);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31584,11 +31584,11 @@ var Learning = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Learning.displayName = 'Learning';
 
-var _excluded$2G = ["className", "onClick"];
+var _excluded$2H = ["className", "onClick"];
 var UsersIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2G);
+    props = _objectWithoutProperties$1(_ref, _excluded$2H);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31616,11 +31616,11 @@ var UsersIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 UsersIcon.displayName = 'UsersIcon';
 
-var _excluded$2F = ["className", "onClick"];
+var _excluded$2G = ["className", "onClick"];
 var Circle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2F);
+    props = _objectWithoutProperties$1(_ref, _excluded$2G);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31639,11 +31639,11 @@ var Circle = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Circle.displayName = 'Circle';
 
-var _excluded$2E = ["className", "onClick"];
+var _excluded$2F = ["className", "onClick"];
 var Library = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2E);
+    props = _objectWithoutProperties$1(_ref, _excluded$2F);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31671,13 +31671,13 @@ var Library = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Library.displayName = 'Library';
 
-var _excluded$2D = ["className", "onClick", "fill"];
+var _excluded$2E = ["className", "onClick", "fill"];
 var AddIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? 'white' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$2D);
+    props = _objectWithoutProperties$1(_ref, _excluded$2E);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '25',
@@ -31696,11 +31696,11 @@ var AddIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 AddIcon.displayName = 'AddIcon';
 
-var _excluded$2C = ["className", "onClick"];
+var _excluded$2D = ["className", "onClick"];
 var AnalyticsIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2C);
+    props = _objectWithoutProperties$1(_ref, _excluded$2D);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -31722,11 +31722,11 @@ var AnalyticsIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 AnalyticsIcon.displayName = 'AnalyticsIcon';
 
-var _excluded$2B = ["className", "onClick"];
+var _excluded$2C = ["className", "onClick"];
 var AssignTutor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2B);
+    props = _objectWithoutProperties$1(_ref, _excluded$2C);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -31754,11 +31754,11 @@ var AssignTutor = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 AssignTutor.displayName = 'AssignTutor';
 
-var _excluded$2A = ["className", "onClick"];
+var _excluded$2B = ["className", "onClick"];
 var Book = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2A);
+    props = _objectWithoutProperties$1(_ref, _excluded$2B);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '94',
@@ -31785,11 +31785,11 @@ var Book = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Book.displayName = 'Book';
 
-var _excluded$2z = ["className", "onClick"];
+var _excluded$2A = ["className", "onClick"];
 var BookWithBookmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2z);
+    props = _objectWithoutProperties$1(_ref, _excluded$2A);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -31808,11 +31808,11 @@ var BookWithBookmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BookWithBookmark.displayName = 'BookWithBookmark';
 
-var _excluded$2y = ["className", "onClick"];
+var _excluded$2z = ["className", "onClick"];
 var BusinessIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2y);
+    props = _objectWithoutProperties$1(_ref, _excluded$2z);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31831,11 +31831,11 @@ var BusinessIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BusinessIcon.displayName = 'BusinessIcon';
 
-var _excluded$2x = ["className", "onClick"];
+var _excluded$2y = ["className", "onClick"];
 var CaretDown = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2x);
+    props = _objectWithoutProperties$1(_ref, _excluded$2y);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -31858,11 +31858,11 @@ var CaretDown = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CaretDown.displayName = 'CaretDown';
 
-var _excluded$2w = ["className", "onClick"];
+var _excluded$2x = ["className", "onClick"];
 var CheckedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2w);
+    props = _objectWithoutProperties$1(_ref, _excluded$2x);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '32',
@@ -31889,11 +31889,11 @@ var CheckedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CheckedIcon.displayName = 'Checked';
 
-var _excluded$2v = ["className", "onClick"];
+var _excluded$2w = ["className", "onClick"];
 var Checkmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2v);
+    props = _objectWithoutProperties$1(_ref, _excluded$2w);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -31916,11 +31916,11 @@ var Checkmark = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Checkmark.displayName = 'Checkmark';
 
-var _excluded$2u = ["className", "onClick"];
+var _excluded$2v = ["className", "onClick"];
 var CheckmarkOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2u);
+    props = _objectWithoutProperties$1(_ref, _excluded$2v);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -31948,11 +31948,11 @@ var CheckmarkOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CheckmarkOutline.displayName = 'CheckmarkOutline';
 
-var _excluded$2t = ["className", "onClick"];
+var _excluded$2u = ["className", "onClick"];
 var CheckmarkOutlineAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2t);
+    props = _objectWithoutProperties$1(_ref, _excluded$2u);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '40',
@@ -31974,11 +31974,11 @@ var CheckmarkOutlineAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CheckmarkOutlineAction.displayName = 'CheckmarkOutlineAction';
 
-var _excluded$2s = ["className", "onClick"];
+var _excluded$2t = ["className", "onClick"];
 var Close = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2s);
+    props = _objectWithoutProperties$1(_ref, _excluded$2t);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32001,13 +32001,13 @@ var Close = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Close.displayName = 'Close';
 
-var _excluded$2r = ["className", "onClick", "fill"];
+var _excluded$2s = ["className", "onClick", "fill"];
 var CloseIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$2r);
+    props = _objectWithoutProperties$1(_ref, _excluded$2s);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32026,11 +32026,11 @@ var CloseIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CloseIcon.displayName = 'CloseIcon';
 
-var _excluded$2q = ["className", "onClick"];
+var _excluded$2r = ["className", "onClick"];
 var CloseOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2q);
+    props = _objectWithoutProperties$1(_ref, _excluded$2r);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32058,11 +32058,11 @@ var CloseOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CloseOutline.displayName = 'CloseOutline';
 
-var _excluded$2p = ["className", "onClick"];
+var _excluded$2q = ["className", "onClick"];
 var CloseOutlineAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2p);
+    props = _objectWithoutProperties$1(_ref, _excluded$2q);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     version: '1.1',
@@ -32102,11 +32102,11 @@ var CloseOutlineAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CloseOutlineAction.displayName = 'CloseOutlineAction';
 
-var _excluded$2o = ["className", "onClick"];
+var _excluded$2p = ["className", "onClick"];
 var Coach = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2o);
+    props = _objectWithoutProperties$1(_ref, _excluded$2p);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32131,11 +32131,11 @@ var Coach = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Coach.displayName = 'Coach';
 
-var _excluded$2n = ["className", "onClick"];
+var _excluded$2o = ["className", "onClick"];
 var DarkAddAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2n);
+    props = _objectWithoutProperties$1(_ref, _excluded$2o);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32157,11 +32157,11 @@ var DarkAddAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DarkAddAlt.displayName = 'DarkAddAlt';
 
-var _excluded$2m = ["className", "onClick"];
+var _excluded$2n = ["className", "onClick"];
 var DarkAiAssistent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2m);
+    props = _objectWithoutProperties$1(_ref, _excluded$2n);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32189,11 +32189,11 @@ var DarkAiAssistent = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DarkAiAssistent.displayName = 'DarkAiAssistent';
 
-var _excluded$2l = ["className", "onClick"];
+var _excluded$2m = ["className", "onClick"];
 var DarkCloseOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2l);
+    props = _objectWithoutProperties$1(_ref, _excluded$2m);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -32221,11 +32221,11 @@ var DarkCloseOutline = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DarkCloseOutline.displayName = 'DarkCloseOutline';
 
-var _excluded$2k = ["className", "onClick"];
+var _excluded$2l = ["className", "onClick"];
 var DarkTrashCan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2k);
+    props = _objectWithoutProperties$1(_ref, _excluded$2l);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -32259,11 +32259,11 @@ var DarkTrashCan = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DarkTrashCan.displayName = 'DarkTrashCan';
 
-var _excluded$2j = ["className", "onClick"];
+var _excluded$2k = ["className", "onClick"];
 var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2j);
+    props = _objectWithoutProperties$1(_ref, _excluded$2k);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     id: 'Profile_Picture',
@@ -32349,11 +32349,11 @@ var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DefaultAvatar.displayName = 'DefaultAvatar';
 
-var _excluded$2i = ["className", "onClick"];
+var _excluded$2j = ["className", "onClick"];
 var Delete = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2i);
+    props = _objectWithoutProperties$1(_ref, _excluded$2j);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32381,11 +32381,11 @@ var Delete = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Delete.displayName = 'Delete';
 
-var _excluded$2h = ["className", "onClick"];
+var _excluded$2i = ["className", "onClick"];
 var DocumentAttachment = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2h);
+    props = _objectWithoutProperties$1(_ref, _excluded$2i);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -32422,13 +32422,13 @@ var DocumentAttachment = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DocumentAttachment.displayName = 'DocumentAttachment';
 
-var _excluded$2g = ["className", "onClick", "fill"];
+var _excluded$2h = ["className", "onClick", "fill"];
 var DownloadIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#FFFFFF' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$2g);
+    props = _objectWithoutProperties$1(_ref, _excluded$2h);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32450,11 +32450,11 @@ var DownloadIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DownloadIcon.displayName = 'DownloadIcon';
 
-var _excluded$2f = ["className", "onClick"];
+var _excluded$2g = ["className", "onClick"];
 var Download = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2f);
+    props = _objectWithoutProperties$1(_ref, _excluded$2g);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32482,11 +32482,11 @@ var Download = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Download.displayName = 'Download';
 
-var _excluded$2e = ["className", "onClick"];
+var _excluded$2f = ["className", "onClick"];
 var EditRounded = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2e);
+    props = _objectWithoutProperties$1(_ref, _excluded$2f);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '40',
@@ -32508,11 +32508,11 @@ var EditRounded = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 EditRounded.displayName = 'EditRounded';
 
-var _excluded$2d = ["className", "onClick"];
+var _excluded$2e = ["className", "onClick"];
 var EditUsers = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2d);
+    props = _objectWithoutProperties$1(_ref, _excluded$2e);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -32534,11 +32534,11 @@ var EditUsers = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 EditUsers.displayName = 'EditUsers';
 
-var _excluded$2c = ["className", "onClick"];
+var _excluded$2d = ["className", "onClick"];
 var Education = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2c);
+    props = _objectWithoutProperties$1(_ref, _excluded$2d);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32563,11 +32563,11 @@ var Education = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Education.displayName = 'Education';
 
-var _excluded$2b = ["className", "onClick"];
+var _excluded$2c = ["className", "onClick"];
 var EducationDefault = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2b);
+    props = _objectWithoutProperties$1(_ref, _excluded$2c);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -32592,11 +32592,11 @@ var EducationDefault = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 EducationDefault.displayName = 'EducationDefault';
 
-var _excluded$2a = ["className", "onClick"];
+var _excluded$2b = ["className", "onClick"];
 var EmailIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$2a);
+    props = _objectWithoutProperties$1(_ref, _excluded$2b);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32615,11 +32615,11 @@ var EmailIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 EmailIcon.displayName = 'EmailIcon';
 
-var _excluded$29 = ["className", "onClick"];
+var _excluded$2a = ["className", "onClick"];
 var EventIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$29);
+    props = _objectWithoutProperties$1(_ref, _excluded$2a);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32638,11 +32638,11 @@ var EventIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 EventIcon.displayName = 'EventIcon';
 
-var _excluded$28 = ["className", "onClick"];
+var _excluded$29 = ["className", "onClick"];
 var LocationCityIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$28);
+    props = _objectWithoutProperties$1(_ref, _excluded$29);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32661,11 +32661,11 @@ var LocationCityIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 LocationCityIcon.displayName = 'LocationCityIcon';
 
-var _excluded$27 = ["className", "onClick"];
+var _excluded$28 = ["className", "onClick"];
 var LocationOnIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$27);
+    props = _objectWithoutProperties$1(_ref, _excluded$28);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32684,11 +32684,11 @@ var LocationOnIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 LocationOnIcon.displayName = 'LocationOnIcon';
 
-var _excluded$26 = ["className", "onClick"];
+var _excluded$27 = ["className", "onClick"];
 var MarkunreadMailboxIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$26);
+    props = _objectWithoutProperties$1(_ref, _excluded$27);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32707,13 +32707,13 @@ var MarkunreadMailboxIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 MarkunreadMailboxIcon.displayName = 'MarkunreadMailboxIcon';
 
-var _excluded$25 = ["className", "onClick", "fill"];
+var _excluded$26 = ["className", "onClick", "fill"];
 var ArrowDropUpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#fff' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$25);
+    props = _objectWithoutProperties$1(_ref, _excluded$26);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32732,13 +32732,13 @@ var ArrowDropUpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ArrowDropUpIcon.displayName = 'ArrowDropUpIcon';
 
-var _excluded$24 = ["className", "onClick", "fill"];
+var _excluded$25 = ["className", "onClick", "fill"];
 var CircleNotificationsIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$24);
+    props = _objectWithoutProperties$1(_ref, _excluded$25);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32757,13 +32757,13 @@ var CircleNotificationsIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CircleNotificationsIcon.displayName = 'CircleNotificationsIcon';
 
-var _excluded$23 = ["className", "onClick", "fill"];
+var _excluded$24 = ["className", "onClick", "fill"];
 var KeyboardBackspaceIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? 'inherit' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$23);
+    props = _objectWithoutProperties$1(_ref, _excluded$24);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32782,11 +32782,11 @@ var KeyboardBackspaceIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 KeyboardBackspaceIcon.displayName = 'KeyboardBackspaceIcon';
 
-var _excluded$22 = ["className", "onClick"];
+var _excluded$23 = ["className", "onClick"];
 var FilterIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$22);
+    props = _objectWithoutProperties$1(_ref, _excluded$23);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32805,11 +32805,11 @@ var FilterIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FilterIcon.displayName = 'FilterIcon';
 
-var _excluded$21 = ["className", "onClick"];
+var _excluded$22 = ["className", "onClick"];
 var GrayDownload = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$21);
+    props = _objectWithoutProperties$1(_ref, _excluded$22);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     version: '1.1',
@@ -32848,11 +32848,11 @@ var GrayDownload = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 GrayDownload.displayName = 'GrayDownload';
 
-var _excluded$20 = ["className", "onClick"];
+var _excluded$21 = ["className", "onClick"];
 var Person = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$20);
+    props = _objectWithoutProperties$1(_ref, _excluded$21);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32871,13 +32871,13 @@ var Person = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Person.displayName = 'Person';
 
-var _excluded$1$ = ["className", "onClick", "fill"];
+var _excluded$20 = ["className", "onClick", "fill"];
 var HelpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#06C68F' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1$);
+    props = _objectWithoutProperties$1(_ref, _excluded$20);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -32896,11 +32896,11 @@ var HelpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 HelpIcon.displayName = 'HelpIcon';
 
-var _excluded$1_ = ["className", "onClick"];
+var _excluded$1$ = ["className", "onClick"];
 var PhoneIphoneIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1_);
+    props = _objectWithoutProperties$1(_ref, _excluded$1$);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32919,11 +32919,11 @@ var PhoneIphoneIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PhoneIphoneIcon.displayName = 'PhoneIphoneIcon';
 
-var _excluded$1Z = ["className", "onClick"];
+var _excluded$1_ = ["className", "onClick"];
 var PublicIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1Z);
+    props = _objectWithoutProperties$1(_ref, _excluded$1_);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -32942,11 +32942,11 @@ var PublicIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PublicIcon.displayName = 'PublicIcon';
 
-var _excluded$1Y = ["className", "onClick"];
+var _excluded$1Z = ["className", "onClick"];
 var PlayGrayButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1Y);
+    props = _objectWithoutProperties$1(_ref, _excluded$1Z);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     version: '1.1',
@@ -32983,11 +32983,11 @@ var PlayGrayButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PlayGrayButton.displayName = 'PlayGrayButton';
 
-var _excluded$1X = ["className", "onClick"];
+var _excluded$1Y = ["className", "onClick"];
 var GrayPlayIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1X);
+    props = _objectWithoutProperties$1(_ref, _excluded$1Y);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     version: '1.1',
@@ -33028,11 +33028,11 @@ var GrayPlayIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 GrayPlayIcon.displayName = 'GrayPlayIcon';
 
-var _excluded$1W = ["className", "onClick"];
+var _excluded$1X = ["className", "onClick"];
 var GridView = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1W);
+    props = _objectWithoutProperties$1(_ref, _excluded$1X);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33066,11 +33066,11 @@ var GridView = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 GridView.displayName = 'GridView';
 
-var _excluded$1V = ["className", "onClick"];
+var _excluded$1W = ["className", "onClick"];
 var Group$2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1V);
+    props = _objectWithoutProperties$1(_ref, _excluded$1W);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33104,11 +33104,11 @@ var Group$2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Group$2.displayName = 'Group';
 
-var _excluded$1U = ["className", "onClick"];
+var _excluded$1V = ["className", "onClick"];
 var GroupDefault = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1U);
+    props = _objectWithoutProperties$1(_ref, _excluded$1V);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -33136,11 +33136,11 @@ var GroupDefault = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 GroupDefault.displayName = 'GroupDefault';
 
-var _excluded$1T = ["className", "onClick"];
+var _excluded$1U = ["className", "onClick"];
 var Help = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1T);
+    props = _objectWithoutProperties$1(_ref, _excluded$1U);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -33165,11 +33165,11 @@ var Help = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Help.displayName = 'Help';
 
-var _excluded$1S = ["className", "onClick"];
+var _excluded$1T = ["className", "onClick"];
 var HorizontalView = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1S);
+    props = _objectWithoutProperties$1(_ref, _excluded$1T);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33197,11 +33197,11 @@ var HorizontalView = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 HorizontalView.displayName = 'HorizontalView';
 
-var _excluded$1R = ["className", "onClick"];
+var _excluded$1S = ["className", "onClick"];
 var Information = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1R);
+    props = _objectWithoutProperties$1(_ref, _excluded$1S);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33232,11 +33232,11 @@ var Information = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Information.displayName = 'Information';
 
-var _excluded$1Q = ["className", "onClick"];
+var _excluded$1R = ["className", "onClick"];
 var Locked = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1Q);
+    props = _objectWithoutProperties$1(_ref, _excluded$1R);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33259,11 +33259,11 @@ var Locked = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Locked.displayName = 'Locked';
 
-var _excluded$1P = ["className", "onClick"];
+var _excluded$1Q = ["className", "onClick"];
 var Logout = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1P);
+    props = _objectWithoutProperties$1(_ref, _excluded$1Q);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33285,11 +33285,11 @@ var Logout = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Logout.displayName = 'Logout';
 
-var _excluded$1O = ["className", "onClick"];
+var _excluded$1P = ["className", "onClick"];
 var MyProfile = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1O);
+    props = _objectWithoutProperties$1(_ref, _excluded$1P);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33311,11 +33311,11 @@ var MyProfile = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 MyProfile.displayName = 'MyProfile';
 
-var _excluded$1N = ["className", "onClick"];
+var _excluded$1O = ["className", "onClick"];
 var NewFilter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1N);
+    props = _objectWithoutProperties$1(_ref, _excluded$1O);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33335,11 +33335,11 @@ var NewFilter = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 NewFilter.displayName = 'NewFilter';
 
-var _excluded$1M = ["className", "onClick"];
+var _excluded$1N = ["className", "onClick"];
 var Notification = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1M);
+    props = _objectWithoutProperties$1(_ref, _excluded$1N);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33358,11 +33358,11 @@ var Notification = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Notification.displayName = 'Notification';
 
-var _excluded$1L = ["className", "onClick"];
+var _excluded$1M = ["className", "onClick"];
 var PresentationScreen = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1L);
+    props = _objectWithoutProperties$1(_ref, _excluded$1M);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '64',
@@ -33398,11 +33398,11 @@ var PresentationScreen = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PresentationScreen.displayName = 'PresentationScreen';
 
-var _excluded$1K = ["className", "onClick"];
+var _excluded$1L = ["className", "onClick"];
 var Profile = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1K);
+    props = _objectWithoutProperties$1(_ref, _excluded$1L);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     id: 'Profile_Picture',
@@ -33488,11 +33488,11 @@ var Profile = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Profile.displayName = 'Profile';
 
-var _excluded$1J = ["className", "onClick"];
+var _excluded$1K = ["className", "onClick"];
 var RedDeleteIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1J);
+    props = _objectWithoutProperties$1(_ref, _excluded$1K);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     version: '1.1',
@@ -33536,11 +33536,11 @@ var RedDeleteIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 RedDeleteIcon.displayName = 'RedDeleteIcon';
 
-var _excluded$1I = ["className", "onClick"];
+var _excluded$1J = ["className", "onClick"];
 var RemoveAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1I);
+    props = _objectWithoutProperties$1(_ref, _excluded$1J);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33568,11 +33568,11 @@ var RemoveAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 RemoveAlt.displayName = 'RemoveAlt';
 
-var _excluded$1H = ["className", "onClick"];
+var _excluded$1I = ["className", "onClick"];
 var RemoveAltDisable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1H);
+    props = _objectWithoutProperties$1(_ref, _excluded$1I);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33594,11 +33594,11 @@ var RemoveAltDisable = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 RemoveAltDisable.displayName = 'RemoveAltDisable';
 
-var _excluded$1G = ["className", "onClick"];
+var _excluded$1H = ["className", "onClick"];
 var RemoveFilter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1G);
+    props = _objectWithoutProperties$1(_ref, _excluded$1H);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33620,11 +33620,11 @@ var RemoveFilter = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 RemoveFilter.displayName = 'RemoveFilter';
 
-var _excluded$1F = ["className", "onClick"];
+var _excluded$1G = ["className", "onClick"];
 var Reset = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1F);
+    props = _objectWithoutProperties$1(_ref, _excluded$1G);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33643,11 +33643,11 @@ var Reset = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Reset.displayName = 'Reset';
 
-var _excluded$1E = ["className", "onClick"];
+var _excluded$1F = ["className", "onClick"];
 var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1E);
+    props = _objectWithoutProperties$1(_ref, _excluded$1F);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33666,11 +33666,11 @@ var Search = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Search.displayName = 'Search';
 
-var _excluded$1D = ["className", "onClick"];
+var _excluded$1E = ["className", "onClick"];
 var SendAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1D);
+    props = _objectWithoutProperties$1(_ref, _excluded$1E);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33689,11 +33689,11 @@ var SendAlt = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 SendAlt.displayName = 'SendAlt';
 
-var _excluded$1C = ["className", "onClick"];
+var _excluded$1D = ["className", "onClick"];
 var DeleteIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1C);
+    props = _objectWithoutProperties$1(_ref, _excluded$1D);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '18',
@@ -33721,11 +33721,11 @@ var DeleteIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 DeleteIcon.displayName = 'DeleteIcon';
 
-var _excluded$1B = ["className", "onClick"];
+var _excluded$1C = ["className", "onClick"];
 var Unlocked = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1B);
+    props = _objectWithoutProperties$1(_ref, _excluded$1C);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33744,11 +33744,11 @@ var Unlocked = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Unlocked.displayName = 'Unlocked';
 
-var _excluded$1A = ["className", "onClick"];
+var _excluded$1B = ["className", "onClick"];
 var SwitchCompany = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1A);
+    props = _objectWithoutProperties$1(_ref, _excluded$1B);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33770,11 +33770,11 @@ var SwitchCompany = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 SwitchCompany.displayName = 'SwitchCompany';
 
-var _excluded$1z = ["className", "onClick"];
+var _excluded$1A = ["className", "onClick"];
 var TrashCan = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1z);
+    props = _objectWithoutProperties$1(_ref, _excluded$1A);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33808,11 +33808,11 @@ var TrashCan = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TrashCan.displayName = 'TrashCan';
 
-var _excluded$1y = ["className", "onClick"];
+var _excluded$1z = ["className", "onClick"];
 var TrashCanAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1y);
+    props = _objectWithoutProperties$1(_ref, _excluded$1z);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '40',
@@ -33840,11 +33840,11 @@ var TrashCanAction = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TrashCanAction.displayName = 'TrashCanAction';
 
-var _excluded$1x = ["className", "onClick"];
+var _excluded$1y = ["className", "onClick"];
 var TrashCanRed = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1x);
+    props = _objectWithoutProperties$1(_ref, _excluded$1y);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33872,11 +33872,11 @@ var TrashCanRed = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TrashCanRed.displayName = 'TrashCanRed';
 
-var _excluded$1w = ["className", "onClick"];
+var _excluded$1x = ["className", "onClick"];
 var UnfillPlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1w);
+    props = _objectWithoutProperties$1(_ref, _excluded$1x);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '16',
@@ -33899,11 +33899,11 @@ var UnfillPlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 UnfillPlay.displayName = 'UnfillPlay';
 
-var _excluded$1v = ["className", "onClick"];
+var _excluded$1w = ["className", "onClick"];
 var UserActivity = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1v);
+    props = _objectWithoutProperties$1(_ref, _excluded$1w);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33934,11 +33934,11 @@ var UserActivity = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 UserActivity.displayName = 'UserActivity';
 
-var _excluded$1u = ["className", "onClick"];
+var _excluded$1v = ["className", "onClick"];
 var UserSpeaker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1u);
+    props = _objectWithoutProperties$1(_ref, _excluded$1v);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -33960,11 +33960,11 @@ var UserSpeaker = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 UserSpeaker.displayName = 'UserSpeaker';
 
-var _excluded$1t = ["className", "onClick"];
+var _excluded$1u = ["className", "onClick"];
 var WhiteAiAssistant = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1t);
+    props = _objectWithoutProperties$1(_ref, _excluded$1u);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '20',
@@ -33992,13 +33992,13 @@ var WhiteAiAssistant = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 WhiteAiAssistant.displayName = 'WhiteAiAssistant';
 
-var _excluded$1s = ["className", "onClick", "fill"];
+var _excluded$1t = ["className", "onClick", "fill"];
 var ArchiveIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1s);
+    props = _objectWithoutProperties$1(_ref, _excluded$1t);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34017,13 +34017,13 @@ var ArchiveIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ArchiveIcon.displayName = 'ArchiveIcon';
 
-var _excluded$1r = ["className", "onClick", "fill"];
+var _excluded$1s = ["className", "onClick", "fill"];
 var BackspaceRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1r);
+    props = _objectWithoutProperties$1(_ref, _excluded$1s);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34042,13 +34042,13 @@ var BackspaceRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BackspaceRoundedIcon.displayName = 'BackspaceRoundedIcon';
 
-var _excluded$1q = ["className", "onClick", "fill"];
+var _excluded$1r = ["className", "onClick", "fill"];
 var BackupIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1q);
+    props = _objectWithoutProperties$1(_ref, _excluded$1r);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34067,13 +34067,13 @@ var BackupIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 BackupIcon.displayName = 'BackupIcon';
 
-var _excluded$1p = ["className", "onClick", "fill"];
+var _excluded$1q = ["className", "onClick", "fill"];
 var CheckCircleOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1p);
+    props = _objectWithoutProperties$1(_ref, _excluded$1q);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34092,13 +34092,13 @@ var CheckCircleOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref)
 });
 CheckCircleOutlineRoundedIcon.displayName = 'CheckCircleOutlineRoundedIcon';
 
-var _excluded$1o = ["className", "onClick", "fill"];
+var _excluded$1p = ["className", "onClick", "fill"];
 var ClosedCaptionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1o);
+    props = _objectWithoutProperties$1(_ref, _excluded$1p);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34117,13 +34117,13 @@ var ClosedCaptionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ClosedCaptionIcon.displayName = 'ClosedCaptionIcon';
 
-var _excluded$1n = ["className", "onClick", "fill"];
+var _excluded$1o = ["className", "onClick", "fill"];
 var CloudDownloadIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1n);
+    props = _objectWithoutProperties$1(_ref, _excluded$1o);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34142,13 +34142,13 @@ var CloudDownloadIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 CloudDownloadIcon.displayName = 'CloudDownloadIcon';
 
-var _excluded$1m = ["className", "onClick", "fill"];
+var _excluded$1n = ["className", "onClick", "fill"];
 var ContactSupportOutlinedIcon$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1m);
+    props = _objectWithoutProperties$1(_ref, _excluded$1n);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
@@ -34169,13 +34169,13 @@ var ContactSupportOutlinedIcon$1 = /*#__PURE__*/forwardRef(function (_ref, ref)
 });
 ContactSupportOutlinedIcon$1.displayName = 'ContactSupportOutlinedIcon';
 
-var _excluded$1l = ["className", "onClick", "fill"];
+var _excluded$1m = ["className", "onClick", "fill"];
 var ErrorOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1l);
+    props = _objectWithoutProperties$1(_ref, _excluded$1m);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34194,13 +34194,13 @@ var ErrorOutlineRoundedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 ErrorOutlineRoundedIcon.displayName = 'ErrorOutlineRoundedIcon';
 
-var _excluded$1k = ["className", "onClick", "fill"];
+var _excluded$1l = ["className", "onClick", "fill"];
 var FileCopyIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#06C68F' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1k);
+    props = _objectWithoutProperties$1(_ref, _excluded$1l);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34219,13 +34219,13 @@ var FileCopyIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 FileCopyIcon.displayName = 'FileCopyIcon';
 
-var _excluded$1j = ["className", "onClick", "fill"];
+var _excluded$1k = ["className", "onClick", "fill"];
 var HeadsetIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? 'secondary' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1j);
+    props = _objectWithoutProperties$1(_ref, _excluded$1k);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34244,13 +34244,13 @@ var HeadsetIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 HeadsetIcon.displayName = 'HeadsetIcon';
 
-var _excluded$1i = ["className", "onClick", "fill"];
+var _excluded$1j = ["className", "onClick", "fill"];
 var LockIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1i);
+    props = _objectWithoutProperties$1(_ref, _excluded$1j);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34269,13 +34269,13 @@ var LockIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 LockIcon.displayName = 'LockIcon';
 
-var _excluded$1h = ["className", "onClick", "fill"];
+var _excluded$1i = ["className", "onClick", "fill"];
 var NotificationsOutlined$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1h);
+    props = _objectWithoutProperties$1(_ref, _excluded$1i);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34294,11 +34294,11 @@ var NotificationsOutlined$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 NotificationsOutlined$1.displayName = 'NotificationsOutlined';
 
-var _excluded$1g = ["className", "onClick"];
+var _excluded$1h = ["className", "onClick"];
 var NotesIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$1g);
+    props = _objectWithoutProperties$1(_ref, _excluded$1h);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34317,13 +34317,13 @@ var NotesIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 NotesIcon.displayName = 'NotesIcon';
 
-var _excluded$1f = ["className", "onClick", "fill"];
+var _excluded$1g = ["className", "onClick", "fill"];
 var PlayCircleOutlineIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1f);
+    props = _objectWithoutProperties$1(_ref, _excluded$1g);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34342,13 +34342,13 @@ var PlayCircleOutlineIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PlayCircleOutlineIcon.displayName = 'PlayCircleOutlineIcon';
 
-var _excluded$1e = ["className", "onClick", "fill"];
+var _excluded$1f = ["className", "onClick", "fill"];
 var PlaylistPlayIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1e);
+    props = _objectWithoutProperties$1(_ref, _excluded$1f);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34367,13 +34367,13 @@ var PlaylistPlayIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 PlaylistPlayIcon.displayName = 'PlaylistPlayIcon';
 
-var _excluded$1d = ["className", "onClick", "fill"];
+var _excluded$1e = ["className", "onClick", "fill"];
 var SchoolOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1d);
+    props = _objectWithoutProperties$1(_ref, _excluded$1e);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34392,13 +34392,13 @@ var SchoolOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 SchoolOutlinedIcon.displayName = 'SchoolOutlinedIcon';
 
-var _excluded$1c = ["className", "onClick", "fill"];
+var _excluded$1d = ["className", "onClick", "fill"];
 var SettingsOutlinedIcon$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1c);
+    props = _objectWithoutProperties$1(_ref, _excluded$1d);
   return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     xmlns: 'http://www.w3.org/2000/svg',
@@ -34420,13 +34420,13 @@ var SettingsOutlinedIcon$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 SettingsOutlinedIcon$1.displayName = 'SettingsOutlinedIcon';
 
-var _excluded$1b = ["className", "onClick", "fill"];
+var _excluded$1c = ["className", "onClick", "fill"];
 var Timeline = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? '#68707A' : _ref$fill,
-    props = _objectWithoutProperties$1(_ref, _excluded$1b);
+    props = _objectWithoutProperties$1(_ref, _excluded$1c);
   return jsx$1("svg", _objectSpread2$1(_objectSpread2$1({
     ref: ref,
     width: '24',
@@ -34445,6 +34445,40 @@ var Timeline = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Timeline.displayName = 'Timeline';
 
+var _excluded$1b = ["className", "onClick", "fill"];
+var TimeIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    onClick = _ref.onClick,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '#718096' : _ref$fill,
+    props = _objectWithoutProperties$1(_ref, _excluded$1b);
+  return jsxs("svg", _objectSpread2$1(_objectSpread2$1({
+    ref: ref,
+    width: '16',
+    height: '16',
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    className: className,
+    onClick: onClick
+  }, props), {}, {
+    children: [jsx$1("circle", {
+      cx: '12',
+      cy: '12',
+      r: '10',
+      stroke: fill,
+      strokeWidth: '1.5'
+    }), jsx$1("path", {
+      d: 'M12 6v6l4 2',
+      stroke: fill,
+      strokeWidth: '1.5',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
+    })]
+  }));
+});
+TimeIcon.displayName = 'TimeIcon';
+
 var _excluded$1a = ["className", "onClick", "fill"];
 var TrendingUpOutlinedIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -40622,7 +40656,7 @@ function requireCancel () {
 var CancelExports = /*@__PURE__*/ requireCancel();
 var CancelIcon = /*@__PURE__*/getDefaultExportFromCjs(CancelExports);
 
-var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$4, _templateObject8$4, _templateObject9$3, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$8, _templateObject5$7, _templateObject6$6, _templateObject7$4, _templateObject8$4, _templateObject9$3, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 dt.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral$1(["\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  padding: 10px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  height: 100%;\n  transition: border 0.2s ease;\n\n  .image_wrapper {\n    position: relative;\n    padding-top: 10px;\n    width: 100px;\n    height: 100px;\n    border-radius: 4px;\n    svg {\n      position: absolute;\n      right: -11px;\n      top: 0px;\n    }\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  .video_wrapper {\n    padding: 5px 10px;\n    background: #eee;\n    margin-top: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    svg {\n      color: red;\n    }\n  }\n\n  .file_wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    svg {\n      font-size: 20px;\n      color: red;\n      margin-left: 10px;\n    }\n  }\n\n  label {\n    cursor: pointer;\n    display: flex;\n    .MuiSvgIcon-fontSizeLarge {\n      font-size: 5.1875rem;\n    }\n\n    svg {\n      transform: scale(0.8);\n      transition: transform 0.2s ease;\n    }\n  }\n  input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &.full {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    header {\n      margin-right: 15px;\n    }\n\n    label {\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n\n  &.uploaded {\n    border: 1px solid rgba(0, 0, 0, 0.3);\n\n    header {\n      color: rgba(0, 0, 0, 0.74);\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n"])));
 dt.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral$1(["\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: #fff;\n  border-radius: 4px;\n"])));
 dt.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral$1(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 30px;\n  > div {\n    width: 100%;\n    text-align: center;\n  }\n"])));
@@ -40633,15 +40667,15 @@ dt.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral$1(["\n
 // Uploader
 var Container$3 = dt.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 14px 10px;\n  border: 1px solid rgba(0, 0, 0, 0.23);\n  display: grid;\n  grid-template-columns: 86px auto;\n  align-items: center;\n  position: relative;\n"])));
 var ItemContainer = dt.div(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral$1([""])));
-dt.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral$1(["\n  width: 390px;\n"])));
-var CancelButton = dt.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_ref) {
+dt.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral$1(["\n  width: 390px;\n"])));
+var CancelButton = dt.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_ref) {
   var right = _ref.right;
   return right || '-12px';
 }, function (_ref2) {
   var top = _ref2.top;
   return top || '-12px';
 });
-var InputFileContainer = dt.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral$1(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"])));
+var InputFileContainer = dt.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral$1(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"])));
 var UploadInput = dt.input(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral$1(["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"])));
 dt.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"])));
 var ImagePlaceholder = dt.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral$1(["\n  img {\n    position: relative;\n    width: 72px;\n    height: 48px;\n    border-radius: 4px;\n    padding: 4px;\n    top: 2px;\n  }\n"])));
@@ -76914,7 +76948,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-DccRdJSI.esm.js'
+	      './YouTube-CTIpV5AG.esm.js'
 	    ).then(function (n) { return n.Y; }))
 	  },
 	  {
@@ -76923,7 +76957,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-CiDCcxQA.esm.js'
+	      './SoundCloud-BV6RWnff.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -76932,7 +76966,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-CgJhQfQS.esm.js'
+	      './Vimeo-Bw9a-mZV.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -76941,7 +76975,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-zMEGXa6m.esm.js'
+	      './Mux-DCaO3v-b.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -76950,7 +76984,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-CyJ6hBKd.esm.js'
+	      './Facebook-B8rPiBrt.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  },
 	  {
@@ -76959,7 +76993,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-CcU_5Rdf.esm.js'
+	      './Streamable-15YPx5UU.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -76968,7 +77002,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-DBl99mQP.esm.js'
+	      './Wistia-C2qlv_g2.esm.js'
 	    ).then(function (n) { return n.W; }))
 	  },
 	  {
@@ -76977,7 +77011,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-C4L1pOoE.esm.js'
+	      './Twitch-CSktBjB6.esm.js'
 	    ).then(function (n) { return n.T; }))
 	  },
 	  {
@@ -76986,7 +77020,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-DJJDIwue.esm.js'
+	      './DailyMotion-CSxUOAVy.esm.js'
 	    ).then(function (n) { return n.D; }))
 	  },
 	  {
@@ -76995,7 +77029,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-CH17IE7T.esm.js'
+	      './Mixcloud-B5_VsWpk.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -77004,7 +77038,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-U_U3RL0f.esm.js'
+	      './Vidyard-fi6XxlC9.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -77013,7 +77047,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-DIRYnFwH.esm.js'
+	      './Kaltura-Cj2Y9MQx.esm.js'
 	    ).then(function (n) { return n.K; }))
 	  },
 	  {
@@ -77025,7 +77059,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-C9KWJuif.esm.js'
+	      './FilePlayer-DLPyrWI_.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  }
 	];
@@ -77846,7 +77880,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => import(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-CCvhiQdh.esm.js'
+	  './Preview-DRU0_HOV.esm.js'
 	).then(function (n) { return n.P; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -78055,7 +78089,7 @@ function requireLib () {
 var libExports = /*@__PURE__*/ requireLib();
 var ReactPlayer = /*@__PURE__*/getDefaultExportFromCjs(libExports);
 
-var _templateObject$a, _templateObject2$8, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1;
+var _templateObject$a, _templateObject2$8, _templateObject3$5, _templateObject4$3, _templateObject5$3, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$1, _templateObject14$1;
 var StyledVideoPlayerWrapper = dt.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral$1(["\n  cursor: pointer;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & > .react-player {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    border-radius: 8px;\n    height: 50%;\n\n    & > video {\n      height: fit-content;\n      width: 100%;\n      object-fit: contain;\n      border-radius: 8px;\n      background-color: var(--neutral-colors-dark);\n    }\n  }\n"])));
 var StyledWrapper = dt.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral$1(["\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n\n  &::before {\n    content: '';\n    display: block;\n    padding-top: 56.25%;\n  }\n\n  & > ", " {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n"])), StyledVideoPlayerWrapper);
 var StyledPlayerLoader = dt.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  background: #e7e9ed;\n  display: flex;\n  align-items: center;\n  top: 0;\n  bottom: 0;\n  margin: auto 0;\n  color: var(--neutral-colors-light);\n  justify-content: center;\n  z-index: 5;\n"])));
@@ -78096,7 +78130,7 @@ var StyledNoteMarkersOverlay = dt.div(_templateObject8$2 || (_templateObject8$2
   return !props.$isFullscreen ? "\n    ".concat(StyledWrapper, ":hover & {\n      opacity: 1 !important;\n    }\n  ") : '';
 });
 var noteMarkerPulse = mt(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral$1(["\n  0% {\n    transform: translate(-50%, -50%) scale(1);\n    opacity: 0.4;\n  }\n  50% {\n    transform: translate(-50%, -50%) scale(1.1);\n    opacity: 0.2;\n  }\n  100% {\n    transform: translate(-50%, -50%) scale(1);\n    opacity: 0.4;\n  }\n"])));
-var StyledNoteMarker = dt.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  ", "\n  left: ", ";\n  width: ", ";\n  height: ", ";\n  background-color: #ffd700;\n  border-radius: 50%;\n  cursor: pointer;\n  pointer-events: auto;\n  border: 2px solid #fff;\n  box-shadow: ", ";\n  transition: all 0.2s ease;\n  z-index: ", ";\n\n  &:hover {\n    transform: translateX(-50%) scale(1.2);\n    background-color: #ffed4e;\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: #ffd700;\n    transform: translate(-50%, -50%);\n    opacity: 0.4;\n    animation: ", " 3s infinite;\n  }\n"])), function (props) {
+var StyledNoteMarker = dt.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  ", "\n  left: ", ";\n  width: ", ";\n  height: ", ";\n  background-color: #ffd700;\n  border-radius: 50%;\n  cursor: pointer;\n  pointer-events: auto;\n  border: 2px solid #fff;\n  box-shadow: ", ";\n  transition: all 0.2s ease;\n  z-index: ", ";\n\n  &:hover {\n    transform: translateX(-50%) scale(1.2);\n    background-color: #ffed4e;\n    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    background-color: #ffd700;\n    transform: translate(-50%, -50%);\n    opacity: 0.4;\n    animation: ", " 3s infinite;\n  }\n"])), function (props) {
   return props.$isFullscreen ? "top: auto; bottom: 0; transform: translateX(-50%);" : "bottom: -2px; transform: translateX(-50%);";
 }, function (props) {
   return "".concat(props.$position, "%");
@@ -78109,8 +78143,8 @@ var StyledNoteMarker = dt.div(_templateObject10$1 || (_templateObject10$1 = _tag
 }, function (props) {
   return props.$isFullscreen ? 2147483647 : 20;
 }, noteMarkerPulse);
-var StyledNoteTooltip = dt.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(0, 0, 0, 0.9);\n  color: white;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  white-space: nowrap;\n  max-width: 200px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: 2147483647;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border: 4px solid transparent;\n    border-top-color: rgba(0, 0, 0, 0.9);\n  }\n"])));
-var StyledNoteTime = dt.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral$1(["\n  font-size: 10px;\n  opacity: 0.8;\n  margin-top: 2px;\n"])));
+var StyledNoteTooltip = dt.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  bottom: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: rgba(0, 0, 0, 0.9);\n  color: white;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  white-space: nowrap;\n  max-width: 200px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: 2147483647;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border: 4px solid transparent;\n    border-top-color: rgba(0, 0, 0, 0.9);\n  }\n"])));
+var StyledNoteTime = dt.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral$1(["\n  font-size: 10px;\n  opacity: 0.8;\n  margin-top: 2px;\n"])));
 dt.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral$1(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ", ";\n  pointer-events: none;\n"])), function (props) {
   return props.$isFullscreen ? 2147483646 : 999;
 });
@@ -78129,7 +78163,7 @@ var StyledNoteModal = dt.div(_templateObject14$1 || (_templateObject14$1 = _tagg
   }
 });
 
-var _templateObject$9, _templateObject2$7, _templateObject3$4, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject$9, _templateObject2$7, _templateObject3$4, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 var StyledControls = dt.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral$1(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n  border-radius: 0px 0px 8px 8px;\n  background: rgba(86, 90, 98, 0.6);\n  backdrop-filter: blur(4px);\n  padding: 12px 16px;\n  position: relative;\n  opacity: 0.8;\n\n  /* Responsive padding adjustments */\n  @media screen and (max-width: 768px) {\n    padding: 8px 12px;\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 6px 8px;\n    gap: 8px;\n  }\n\n  svg {\n    cursor: pointer;\n    transition: transform 0.2s ease, fill 0.2s ease;\n\n    /* Desktop and large screens */\n    @media screen and (min-width: 1501px) {\n      width: 24px;\n      height: 24px;\n    }\n\n    /* Medium to large screens */\n    @media screen and (max-width: 1500px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Small to medium screens */\n    @media screen and (max-width: 1000px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Tablet screens */\n    @media screen and (max-width: 768px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Mobile screens */\n    @media screen and (max-width: 480px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Very small mobile screens */\n    @media screen and (max-width: 320px) {\n      width: 16px;\n      height: 16px;\n    }\n\n    &:hover {\n      transform: scale(1.1);\n      \n      path {\n        fill: ", " !important;\n      }\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n  }\n\n  & > p {\n    color: var(--neutral-colors-light);\n    font-family: 'Poppins', sans-serif;\n    ", "\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   var _a, _b;
@@ -78234,9 +78268,9 @@ var BaseIconContainer = dt.div(_templateObject8$1 || (_templateObject8$1 = _tagg
   return 'var(--video-player-primary-color, #08C694)'; // fallback
 });
 var StyledHeartIconContainer = dt(BaseIconContainer)(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
-var StyledDownloadIconContainer = dt(BaseIconContainer)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral$1(["\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    @media screen and (max-width: 768px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 480px) {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n"])));
-var StyledSubtitlesIconContainer = dt(BaseIconContainer)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
-var StyledFullscreenIconContainer = dt(BaseIconContainer)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
+var StyledDownloadIconContainer = dt(BaseIconContainer)(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral$1(["\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    @media screen and (max-width: 768px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 480px) {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n"])));
+var StyledSubtitlesIconContainer = dt(BaseIconContainer)(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
+var StyledFullscreenIconContainer = dt(BaseIconContainer)(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral$1(["\n  /* Additional specific styles if needed */\n"])));
 var StyledPictureInPictureIconContainer = dt(BaseIconContainer)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral$1(["\n  &.pip-active {\n    background-color: ", ";\n    \n    & > svg > path {\n      fill: ", " !important;\n    }\n  }\n"])), function (_ref9) {
   var theme = _ref9.theme;
   var _a, _b;
@@ -85232,15 +85266,18 @@ var useHLSSubtitles = function useHLSSubtitles(_ref) {
   };
 };
 
-var _templateObject$7, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9;
-var StyledModalHeader = dt.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral$1(["\n  padding: 16px 20px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid #e2e8f0;\n  margin-bottom: 16px;\n"])));
-var StyledModalTitle = dt.h3(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral$1(["\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n  color: #1a202c;\n"])));
-var StyledCloseButton = dt.button(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral$1(["\n  background: none;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: #718096;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    color: #2d3748;\n  }\n"])));
-var StyledModalContent = dt.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral$1(["\n  padding: 0 20px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
-var StyledInput = dt.input(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
-var StyledTextarea = dt.textarea(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n  resize: vertical;\n  min-height: 80px;\n  flex: 1;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
-var StyledModalFooter = dt.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral$1(["\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid #e2e8f0;\n  margin-top: auto;\n"])));
-var StyledButton = dt.button(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral$1(["\n  padding: 8px 16px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n\n  ", "\n"])), function (props) {
+var _templateObject$7, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var StyledModalHeader = dt.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral$1(["\n  padding: 16px 20px 0;\n  border-bottom: 1px solid #e2e8f0;\n  margin-bottom: 16px;\n"])));
+var StyledModalHeaderTop = dt.div(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral$1(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 8px;\n"])));
+var StyledNoteHeaderContainer = dt.div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral$1(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n"])));
+var StyledModalTitle = dt.h3(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral$1(["\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n  color: #1a202c;\n"])));
+var StyledTimestamp = dt.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral$1(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: #718096;\n  font-weight: 500;\n  background: #f7fafc;\n  padding: 4px 8px;\n  border-radius: 4px;\n  \n  svg {\n    width: 14px;\n    height: 14px;\n  }\n"])));
+var StyledCloseButton = dt.button(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral$1(["\n  background: none;\n  border: none;\n  font-size: 20px;\n  cursor: pointer;\n  color: #718096;\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    color: #2d3748;\n  }\n"])));
+var StyledModalContent = dt.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral$1(["\n  padding: 0 20px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
+var StyledInput = dt.input(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
+var StyledTextarea = dt.textarea(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral$1(["\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  font-size: 14px;\n  outline: none;\n  resize: vertical;\n  min-height: 80px;\n  flex: 1;\n\n  &:focus {\n    border-color: #3182ce;\n    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);\n  }\n"])));
+var StyledModalFooter = dt.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral$1(["\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid #e2e8f0;\n  margin-top: auto;\n"])));
+var StyledButton = dt.button(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral$1(["\n  padding: 8px 16px;\n  border: none;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s;\n\n  ", "\n"])), function (props) {
   switch (props.$variant) {
     case 'primary':
       return "\n          background-color: #3182ce;\n          color: white;\n          &:hover { background-color: #2c5aa0; }\n        ";
@@ -85250,23 +85287,36 @@ var StyledButton = dt.button(_templateObject8 || (_templateObject8 = _taggedTemp
       return "\n          background-color: #f7fafc;\n          color: #2d3748;\n          border: 1px solid #e2e8f0;\n          &:hover { background-color: #edf2f7; }\n        ";
   }
 });
-var StyledButtonGroup = dt.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral$1(["\n  display: flex;\n  gap: 8px;\n"])));
+var StyledButtonGroup = dt.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral$1(["\n  display: flex;\n  gap: 8px;\n"])));
 var NoteEditModal = function NoteEditModal(_ref) {
-  var editingTitle = _ref.editingTitle,
+  var note = _ref.note,
+    editingTitle = _ref.editingTitle,
     editingContent = _ref.editingContent,
     onTitleChange = _ref.onTitleChange,
     onContentChange = _ref.onContentChange,
     onCancel = _ref.onCancel,
     onDelete = _ref.onDelete,
     onSave = _ref.onSave;
+    _ref.isNewNote;
+  var isEmptyNote = !note.id || note.id.startsWith('note_');
+  var modalTitle = isEmptyNote ? 'Add Note' : 'Edit Note';
+  var timestamp = FormatSecondsToTimeString(note.moment);
   return jsxs(Fragment, {
-    children: [jsxs(StyledModalHeader, {
-      children: [jsx$1(StyledModalTitle, {
-        children: "Edit Note"
-      }), jsx$1(StyledCloseButton, {
-        onClick: onCancel,
-        children: "\xD7"
-      })]
+    children: [jsx$1(StyledModalHeader, {
+      children: jsxs(StyledModalHeaderTop, {
+        children: [jsx$1(StyledModalTitle, {
+          children: modalTitle
+        }), jsxs(StyledNoteHeaderContainer, {
+          children: [jsxs(StyledTimestamp, {
+            children: [jsx$1(TimeIcon, {}), jsxs("span", {
+              children: ["at ", timestamp]
+            })]
+          }), jsx$1(StyledCloseButton, {
+            onClick: onCancel,
+            children: "\xD7"
+          })]
+        })]
+      })
     }), jsxs(StyledModalContent, {
       children: [jsx$1(StyledInput, {
         type: "text",
@@ -85279,18 +85329,27 @@ var NoteEditModal = function NoteEditModal(_ref) {
         onChange: onContentChange
       })]
     }), jsxs(StyledModalFooter, {
-      children: [jsx$1(StyledButton, {
+      children: [!isEmptyNote && jsxs(StyledButton, {
         onClick: onDelete,
         "$variant": "danger",
-        children: "Delete"
+        children: [jsx$1(TrashCanRed, {
+          style: {
+            width: '16px',
+            height: '16px',
+            marginRight: '6px'
+          }
+        }), "Delete"]
       }), jsxs(StyledButtonGroup, {
+        style: {
+          marginLeft: isEmptyNote ? 'auto' : 'initial'
+        },
         children: [jsx$1(StyledButton, {
           onClick: onCancel,
           children: "Cancel"
         }), jsx$1(StyledButton, {
           onClick: onSave,
           "$variant": "primary",
-          children: "Save"
+          children: isEmptyNote ? 'Add Note' : 'Save'
         })]
       })]
     })]
@@ -85419,10 +85478,13 @@ var VideoPlayer = function VideoPlayer(_ref) {
   // Handle adding new notes
   var handleAddNote = useCallback(function () {
     var _a;
+    // Stop the video when adding a note
+    setIsPlaying(false);
     if (onAddNote) {
+      // If external handler is provided, use it (e.g., Notes tab modal)
       onAddNote();
     } else {
-      // Create a new note at current time if no external handler
+      // Only create internal modal if no external handler
       var currentTime = ((_a = videoPlayerRef.current) === null || _a === void 0 ? void 0 : _a.getCurrentTime()) || 0;
       var newNote = {
         id: "note_".concat(Date.now()),
@@ -85434,7 +85496,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
       setEditingTitle('');
       setEditingContent('');
     }
-  }, [onAddNote]);
+  }, [onAddNote, setIsPlaying]);
   var _useHLSSubtitles = useHLSSubtitles({
       videoPlayerRef: videoPlayerRef,
       isSubtitlesChecked: isSubtitlesChecked,
@@ -85540,6 +85602,13 @@ var VideoPlayer = function VideoPlayer(_ref) {
       return _ref4.apply(this, arguments);
     };
   }();
+  // Sync editing state when external editing note changes
+  useEffect(function () {
+    if (editingNote) {
+      setEditingTitle(editingNote.title);
+      setEditingContent(editingNote.description || '');
+    }
+  }, [editingNote]);
   var renderNoteEditModal = function renderNoteEditModal() {
     if (!currentEditingNote) return null;
     var noteMarker = noteMarkers === null || noteMarkers === void 0 ? void 0 : noteMarkers.find(function (marker) {
@@ -85561,8 +85630,8 @@ var VideoPlayer = function VideoPlayer(_ref) {
         note: currentEditingNote,
         notePosition: notePosition,
         alignment: modalAlignment,
-        editingTitle: editingNote ? currentEditingNote.title : editingTitle,
-        editingContent: editingNote ? currentEditingNote.description || '' : editingContent,
+        editingTitle: editingTitle,
+        editingContent: editingContent,
         onTitleChange: function onTitleChange(e) {
           return setEditingTitle(e.target.value);
         },