gsintegrations 0.0.492 → 0.0.493

package/dist/bundle.cjs.js

@@ -1879,13 +1879,13 @@ function blend(background, overlay, opacity, gamma = 1.0) {
   });
 }
 
-const _excluded$2w = ["value"];
+const _excluded$2y = ["value"];
 const RtlContext = /*#__PURE__*/React__namespace.createContext();
 function RtlProvider(_ref) {
   let {
       value
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   return /*#__PURE__*/require$$2$1.jsx(RtlContext.Provider, _extends$1({
     value: value != null ? value : true
   }, props));
@@ -4501,7 +4501,7 @@ var deepmerge = /*#__PURE__*/Object.freeze({
     isPlainObject: isPlainObject
 });
 
-const _excluded$2v = ["values", "unit", "step"];
+const _excluded$2x = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -4535,7 +4535,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$2v);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$2x);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -5706,7 +5706,7 @@ function applyStyles$2(key, styles) {
   return {};
 }
 
-const _excluded$2u = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$2w = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$2(options = {}, ...args) {
   const {
       breakpoints: breakpointsInput = {},
@@ -5714,7 +5714,7 @@ function createTheme$2(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$2u);
+    other = _objectWithoutPropertiesLoose(options, _excluded$2w);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge$1({
@@ -5814,7 +5814,7 @@ process.env.NODE_ENV !== "production" ? GlobalStyles$1.propTypes /* remove-propt
   themeId: PropTypes.string
 } : void 0;
 
-const _excluded$2t = ["sx"];
+const _excluded$2v = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -5835,7 +5835,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2t);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2v);
   const {
     systemProps,
     otherProps
@@ -5885,7 +5885,7 @@ const createClassNameGenerator$1 = () => {
 const ClassNameGenerator$2 = createClassNameGenerator$1();
 var ClassNameGenerator$3 = ClassNameGenerator$2;
 
-const _excluded$2s = ["className", "component"];
+const _excluded$2u = ["className", "component"];
 function createBox(options = {}) {
   const {
     themeId,
@@ -5903,7 +5903,7 @@ function createBox(options = {}) {
         className,
         component = 'div'
       } = _extendSxProp,
-      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$2s);
+      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$2u);
     return /*#__PURE__*/require$$2$1.jsx(BoxRoot, _extends$1({
       as: component,
       ref: ref,
@@ -6282,7 +6282,7 @@ var getDisplayName = /*#__PURE__*/Object.freeze({
     getFunctionName: getFunctionName
 });
 
-const _excluded$2r = ["ownerState"],
+const _excluded$2t = ["ownerState"],
   _excluded2$i = ["variants"],
   _excluded3$6 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty$3(obj) {
@@ -6333,7 +6333,7 @@ function processStyleArg$1(callableStyle, _ref, layerName) {
   let {
       ownerState
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   const resolvedStylesArg = typeof callableStyle === 'function' ? callableStyle(_extends$1({
     ownerState
   }, props)) : callableStyle;
@@ -7559,7 +7559,7 @@ function resolveComponentProps$1(componentProps, ownerState, slotState) {
   return componentProps;
 }
 
-const _excluded$2q = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
+const _excluded$2s = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
 /**
  * @ignore - do not document.
  * Builds the props to be passed into the slot of an unstyled component.
@@ -7576,7 +7576,7 @@ function useSlotProps$1(parameters) {
       ownerState,
       skipResolvingSlotProps = false
     } = parameters,
-    rest = _objectWithoutPropertiesLoose(parameters, _excluded$2q);
+    rest = _objectWithoutPropertiesLoose(parameters, _excluded$2s);
   const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps$1(externalSlotProps, ownerState);
   const {
     props: mergedProps,
@@ -7874,7 +7874,7 @@ function toPropertyKey$3(t) {
   return "symbol" == _typeof$1(i) ? i : i + "";
 }
 
-const _excluded$2p = ["className", "component", "disableGutters", "fixed", "maxWidth", "classes"];
+const _excluded$2r = ["className", "component", "disableGutters", "fixed", "maxWidth", "classes"];
 const defaultTheme$4 = createTheme$2();
 const defaultCreateStyledComponent$1 = systemStyled('div', {
   name: 'MuiContainer',
@@ -7891,7 +7891,7 @@ const useThemePropsDefault$1 = inProps => useThemeProps$1({
   name: 'MuiContainer',
   defaultTheme: defaultTheme$4
 });
-const useUtilityClasses$1W = (ownerState, componentName) => {
+const useUtilityClasses$1Y = (ownerState, componentName) => {
   const getContainerUtilityClass = slot => {
     return generateUtilityClass$1(componentName, slot);
   };
@@ -7970,7 +7970,7 @@ function createContainer$1(options = {}) {
         fixed = false,
         maxWidth = 'lg'
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$2p);
+      other = _objectWithoutPropertiesLoose(props, _excluded$2r);
     const ownerState = _extends$1({}, props, {
       component,
       disableGutters,
@@ -7979,7 +7979,7 @@ function createContainer$1(options = {}) {
     });
 
     // @ts-ignore module augmentation fails if custom breakpoints are used
-    const classes = useUtilityClasses$1W(ownerState, componentName);
+    const classes = useUtilityClasses$1Y(ownerState, componentName);
     return (
       /*#__PURE__*/
       // @ts-ignore theme is injected by the styled util
@@ -8006,7 +8006,7 @@ function createContainer$1(options = {}) {
   return Container;
 }
 
-const _excluded$2o = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const _excluded$2q = ["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 = systemStyled('div', {
@@ -8139,7 +8139,7 @@ function createStack(options = {}) {
         className,
         useFlexGap = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$2o);
+      other = _objectWithoutPropertiesLoose(props, _excluded$2q);
     const ownerState = {
       direction,
       spacing,
@@ -8313,7 +8313,7 @@ const green = {
 };
 var green$1 = green;
 
-const _excluded$2n = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$2p = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   // The colors used to style the text.
   text: {
@@ -8482,7 +8482,7 @@ function createPalette(palette) {
       contrastThreshold = 3,
       tonalOffset = 0.2
     } = palette,
-    other = _objectWithoutPropertiesLoose(palette, _excluded$2n);
+    other = _objectWithoutPropertiesLoose(palette, _excluded$2p);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -8606,7 +8606,7 @@ const theme2 = createTheme({ palette: {
   return paletteOutput;
 }
 
-const _excluded$2m = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$2o = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round$3(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -8637,7 +8637,7 @@ function createTypography(palette, typography) {
       allVariants,
       pxToRem: pxToRem2
     } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
+    other = _objectWithoutPropertiesLoose(_ref, _excluded$2o);
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
       console.error('MUI: `fontSize` is required to be a number.');
@@ -8705,7 +8705,7 @@ function createShadow(...px) {
 const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 var shadows$1 = shadows;
 
-const _excluded$2l = ["duration", "easing", "delay"];
+const _excluded$2n = ["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 = {
@@ -8756,7 +8756,7 @@ function createTransitions(inputTransitions) {
         easing: easingOption = mergedEasing.easeInOut,
         delay = 0
       } = options,
-      other = _objectWithoutPropertiesLoose(options, _excluded$2l);
+      other = _objectWithoutPropertiesLoose(options, _excluded$2n);
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string';
       // IE11 support, replace with Number.isNaN
@@ -8806,7 +8806,7 @@ const zIndex$1 = {
 };
 var zIndex$2 = zIndex$1;
 
-const _excluded$2k = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$2m = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
       mixins: mixinsInput = {},
@@ -8814,7 +8814,7 @@ function createTheme(options = {}, ...args) {
       transitions: transitionsInput = {},
       typography: typographyInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$2k);
+    other = _objectWithoutPropertiesLoose(options, _excluded$2m);
   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.
@@ -8984,7 +8984,7 @@ var _capitalize = _interopRequireDefault$1H(require$$5);
 var _getDisplayName = _interopRequireDefault$1H(require$$6);
 var _createTheme = _interopRequireDefault$1H(require$$7);
 var _styleFunctionSx = _interopRequireDefault$1H(require$$8);
-const _excluded$2j = ["ownerState"],
+const _excluded$2l = ["ownerState"],
   _excluded2$h = ["variants"],
   _excluded3$5 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 /* eslint-disable no-underscore-dangle */
@@ -9038,7 +9038,7 @@ function processStyleArg(callableStyle, _ref, layerName) {
   let {
       ownerState
     } = _ref,
-    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$2j);
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$2l);
   const resolvedStylesArg = typeof callableStyle === 'function' ? callableStyle((0, _extends2.default)({
     ownerState
   }, props)) : callableStyle;
@@ -9246,12 +9246,12 @@ const styled = _default({
 });
 var styled$1 = styled;
 
-const _excluded$2i = ["theme"];
+const _excluded$2k = ["theme"];
 function ThemeProvider$1(_ref) {
   let {
       theme: themeInput
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
   const scopedTheme = themeInput[THEME_ID];
   let finalTheme = scopedTheme || themeInput;
   if (typeof themeInput !== 'function') {
@@ -10752,7 +10752,7 @@ function getTransitionProps(props, options) {
   };
 }
 
-const _excluded$2h = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$2j = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
 }
@@ -10796,7 +10796,7 @@ const Grow = /*#__PURE__*/React__namespace.forwardRef(function Grow(props, ref)
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2h);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2j);
   const timer = useTimeout$1();
   const autoTimeout = React__namespace.useRef();
   const theme = useTheme$1();
@@ -12895,7 +12895,7 @@ function getPopperUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiPopper', ['root']);
 
-const _excluded$2g = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
+const _excluded$2i = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
   _excluded2$g = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
 function flipPlacement(placement, direction) {
   if (direction === 'ltr') {
@@ -12923,7 +12923,7 @@ function isHTMLElement$2(element) {
 function isVirtualElement(element) {
   return !isHTMLElement$2(element);
 }
-const useUtilityClasses$1V = ownerState => {
+const useUtilityClasses$1X = ownerState => {
   const {
     classes
   } = ownerState;
@@ -12951,7 +12951,7 @@ const PopperTooltip = /*#__PURE__*/React__namespace.forwardRef(function PopperTo
       // @ts-ignore internal logic
       // prevent from spreading to DOM, it can come from the parent component e.g. Select.
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2g);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2i);
   const tooltipRef = React__namespace.useRef(null);
   const ownRef = useForkRef$1(tooltipRef, forwardedRef);
   const popperRef = React__namespace.useRef(null);
@@ -13036,7 +13036,7 @@ const PopperTooltip = /*#__PURE__*/React__namespace.forwardRef(function PopperTo
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses$1V(props);
+  const classes = useUtilityClasses$1X(props);
   const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
   const rootProps = useSlotProps$1({
     elementType: Root,
@@ -13255,7 +13255,7 @@ process.env.NODE_ENV !== "production" ? Popper$1.propTypes /* remove-proptypes *
 } : void 0;
 var BasePopper = Popper$1;
 
-const _excluded$2f = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
+const _excluded$2h = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 const PopperRoot = styled$1(BasePopper, {
   name: 'MuiPopper',
   slot: 'Root',
@@ -13298,7 +13298,7 @@ const Popper = /*#__PURE__*/React__namespace.forwardRef(function Popper(inProps,
       slots,
       slotProps
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2f);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2h);
   const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
   const otherProps = _extends$1({
     anchorEl,
@@ -13458,11 +13458,11 @@ function getTooltipUtilityClass(slot) {
 const tooltipClasses = generateUtilityClasses$1('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
 var tooltipClasses$1 = tooltipClasses;
 
-const _excluded$2e = ["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$2g = ["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;
 }
-const useUtilityClasses$1U = ownerState => {
+const useUtilityClasses$1W = ownerState => {
   const {
     classes,
     disableInteractive,
@@ -13680,7 +13680,7 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(function Tooltip(inProp
       TransitionComponent: TransitionComponentProp = Grow$1,
       TransitionProps
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2e);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2g);
 
   // to prevent runtime errors, developers will need to provide a child as a React element anyway.
   const children = /*#__PURE__*/React__namespace.isValidElement(childrenProp) ? childrenProp : /*#__PURE__*/require$$2$1.jsx("span", {
@@ -13956,7 +13956,7 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(function Tooltip(inProp
     PopperComponentProp,
     touch: ignoreNonTouchEvents.current
   });
-  const classes = useUtilityClasses$1U(ownerState);
+  const classes = useUtilityClasses$1W(ownerState);
   const PopperComponent = (_ref = (_slots$popper = slots.popper) != null ? _slots$popper : components.Popper) != null ? _ref : TooltipPopper;
   const TransitionComponent = (_ref2 = (_ref3 = (_slots$transition = slots.transition) != null ? _slots$transition : components.Transition) != null ? _ref3 : TransitionComponentProp) != null ? _ref2 : Grow$1;
   const TooltipComponent = (_ref4 = (_slots$tooltip = slots.tooltip) != null ? _slots$tooltip : components.Tooltip) != null ? _ref4 : TooltipTooltip;
@@ -14221,8 +14221,8 @@ function getSvgIconUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 
-const _excluded$2d = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$1T = ownerState => {
+const _excluded$2f = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses$1V = ownerState => {
   const {
     color,
     fontSize,
@@ -14289,7 +14289,7 @@ const SvgIcon = /*#__PURE__*/React__namespace.forwardRef(function SvgIcon(inProp
       titleAccess,
       viewBox = '0 0 24 24'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2d);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2f);
   const hasSvgAsChild = /*#__PURE__*/React__namespace.isValidElement(children) && children.type === 'svg';
   const ownerState = _extends$1({}, props, {
     color,
@@ -14304,7 +14304,7 @@ const SvgIcon = /*#__PURE__*/React__namespace.forwardRef(function SvgIcon(inProp
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$1T(ownerState);
+  const classes = useUtilityClasses$1V(ownerState);
   return /*#__PURE__*/require$$2$1.jsxs(SvgIconRoot, _extends$1({
     as: component,
     className: clsx(classes.root, className),
@@ -14486,8 +14486,8 @@ function getCollapseUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiCollapse', ['root', 'horizontal', 'vertical', 'entered', 'hidden', 'wrapper', 'wrapperInner']);
 
-const _excluded$2c = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
-const useUtilityClasses$1S = ownerState => {
+const _excluded$2e = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
+const useUtilityClasses$1U = ownerState => {
   const {
     orientation,
     classes
@@ -14586,12 +14586,12 @@ const Collapse = /*#__PURE__*/React__namespace.forwardRef(function Collapse(inPr
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2c);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2e);
   const ownerState = _extends$1({}, props, {
     orientation,
     collapsedSize: collapsedSizeProp
   });
-  const classes = useUtilityClasses$1S(ownerState);
+  const classes = useUtilityClasses$1U(ownerState);
   const theme = useTheme$1();
   const timer = useTimeout$1();
   const wrapperRef = React__namespace.useRef(null);
@@ -14850,8 +14850,8 @@ 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$2b = ["className", "component", "elevation", "square", "variant"];
-const useUtilityClasses$1R = ownerState => {
+const _excluded$2d = ["className", "component", "elevation", "square", "variant"];
+const useUtilityClasses$1T = ownerState => {
   const {
     square,
     elevation,
@@ -14905,14 +14905,14 @@ const Paper = /*#__PURE__*/React__namespace.forwardRef(function Paper(inProps, r
       square = false,
       variant = 'elevation'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2b);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2d);
   const ownerState = _extends$1({}, props, {
     component,
     elevation,
     square,
     variant
   });
-  const classes = useUtilityClasses$1R(ownerState);
+  const classes = useUtilityClasses$1T(ownerState);
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const theme = useTheme$1();
@@ -14991,7 +14991,7 @@ if (process.env.NODE_ENV !== 'production') {
 }
 var AccordionContext$1 = AccordionContext;
 
-const _excluded$2a = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"],
+const _excluded$2c = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"],
   _excluded2$f = ["component", "slots", "slotProps"],
   _excluded3$4 = ["component"];
 /**
@@ -15024,7 +15024,7 @@ name, parameters) {
       getSlotOwnerState,
       internalForwardedProps
     } = parameters,
-    useSlotPropsParams = _objectWithoutPropertiesLoose(parameters, _excluded$2a);
+    useSlotPropsParams = _objectWithoutPropertiesLoose(parameters, _excluded$2c);
   const {
       component: rootComponent,
       slots = {
@@ -15074,8 +15074,8 @@ function getAccordionUtilityClass(slot) {
 const accordionClasses = generateUtilityClasses$1('MuiAccordion', ['root', 'rounded', 'expanded', 'disabled', 'gutters', 'region']);
 var accordionClasses$1 = accordionClasses;
 
-const _excluded$29 = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
-const useUtilityClasses$1Q = ownerState => {
+const _excluded$2b = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
+const useUtilityClasses$1S = ownerState => {
   const {
     classes,
     square,
@@ -15196,7 +15196,7 @@ const Accordion = /*#__PURE__*/React__namespace.forwardRef(function Accordion(in
       TransitionComponent: TransitionComponentProp,
       TransitionProps: TransitionPropsProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$29);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2b);
   const [expanded, setExpandedState] = useControlled$1({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -15222,7 +15222,7 @@ const Accordion = /*#__PURE__*/React__namespace.forwardRef(function Accordion(in
     disableGutters,
     expanded
   });
-  const classes = useUtilityClasses$1Q(ownerState);
+  const classes = useUtilityClasses$1S(ownerState);
   const backwardCompatibleSlots = _extends$1({
     transition: TransitionComponentProp
   }, slots);
@@ -15356,8 +15356,8 @@ function getAccordionDetailsUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiAccordionDetails', ['root']);
 
-const _excluded$28 = ["className"];
-const useUtilityClasses$1P = ownerState => {
+const _excluded$2a = ["className"];
+const useUtilityClasses$1R = ownerState => {
   const {
     classes
   } = ownerState;
@@ -15383,9 +15383,9 @@ const AccordionDetails = /*#__PURE__*/React__namespace.forwardRef(function Accor
   const {
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$28);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2a);
   const ownerState = props;
-  const classes = useUtilityClasses$1P(ownerState);
+  const classes = useUtilityClasses$1R(ownerState);
   return /*#__PURE__*/require$$2$1.jsx(AccordionDetailsRoot, _extends$1({
     className: clsx(classes.root, className),
     ref: ref,
@@ -15497,7 +15497,7 @@ process.env.NODE_ENV !== "production" ? Ripple.propTypes = {
 const touchRippleClasses = generateUtilityClasses$1('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);
 var touchRippleClasses$1 = touchRippleClasses;
 
-const _excluded$27 = ["center", "classes", "className"];
+const _excluded$29 = ["center", "classes", "className"];
 let _$6 = t => t,
   _t$3,
   _t2$3,
@@ -15626,7 +15626,7 @@ const TouchRipple = /*#__PURE__*/React__namespace.forwardRef(function TouchRippl
       classes = {},
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$27);
+    other = _objectWithoutPropertiesLoose(props, _excluded$29);
   const [ripples, setRipples] = React__namespace.useState([]);
   const nextKey = React__namespace.useRef(0);
   const rippleCallback = React__namespace.useRef(null);
@@ -15822,8 +15822,8 @@ function getButtonBaseUtilityClass(slot) {
 const buttonBaseClasses = generateUtilityClasses$1('MuiButtonBase', ['root', 'disabled', 'focusVisible']);
 var buttonBaseClasses$1 = buttonBaseClasses;
 
-const _excluded$26 = ["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$1O = ownerState => {
+const _excluded$28 = ["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$1Q = ownerState => {
   const {
     disabled,
     focusVisible,
@@ -15923,7 +15923,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
       touchRippleRef,
       type
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$26);
+    other = _objectWithoutPropertiesLoose(props, _excluded$28);
   const buttonRef = React__namespace.useRef(null);
   const rippleRef = React__namespace.useRef(null);
   const handleRippleRef = useForkRef$1(rippleRef, touchRippleRef);
@@ -16090,7 +16090,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
     tabIndex,
     focusVisible
   });
-  const classes = useUtilityClasses$1O(ownerState);
+  const classes = useUtilityClasses$1Q(ownerState);
   return /*#__PURE__*/require$$2$1.jsxs(ButtonBaseRoot, _extends$1({
     as: ComponentProp,
     className: clsx(classes.root, className),
@@ -16287,8 +16287,8 @@ function getAccordionSummaryUtilityClass(slot) {
 const accordionSummaryClasses = generateUtilityClasses$1('MuiAccordionSummary', ['root', 'expanded', 'focusVisible', 'disabled', 'gutters', 'contentGutters', 'content', 'expandIconWrapper']);
 var accordionSummaryClasses$1 = accordionSummaryClasses;
 
-const _excluded$25 = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
-const useUtilityClasses$1N = ownerState => {
+const _excluded$27 = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
+const useUtilityClasses$1P = ownerState => {
   const {
     classes,
     expanded,
@@ -16388,7 +16388,7 @@ const AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function Accor
       focusVisibleClassName,
       onClick
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$25);
+    other = _objectWithoutPropertiesLoose(props, _excluded$27);
   const {
     disabled = false,
     disableGutters,
@@ -16408,7 +16408,7 @@ const AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function Accor
     disabled,
     disableGutters
   });
-  const classes = useUtilityClasses$1N(ownerState);
+  const classes = useUtilityClasses$1P(ownerState);
   return /*#__PURE__*/require$$2$1.jsxs(AccordionSummaryRoot, _extends$1({
     focusRipple: false,
     disableRipple: true,
@@ -16485,8 +16485,8 @@ function getIconButtonUtilityClass(slot) {
 const iconButtonClasses = generateUtilityClasses$1('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var iconButtonClasses$1 = iconButtonClasses;
 
-const _excluded$24 = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
-const useUtilityClasses$1M = ownerState => {
+const _excluded$26 = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
+const useUtilityClasses$1O = ownerState => {
   const {
     classes,
     disabled,
@@ -16586,7 +16586,7 @@ const IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(
       disableFocusRipple = false,
       size = 'medium'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$24);
+    other = _objectWithoutPropertiesLoose(props, _excluded$26);
   const ownerState = _extends$1({}, props, {
     edge,
     color,
@@ -16594,7 +16594,7 @@ const IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(
     disableFocusRipple,
     size
   });
-  const classes = useUtilityClasses$1M(ownerState);
+  const classes = useUtilityClasses$1O(ownerState);
   return /*#__PURE__*/require$$2$1.jsx(IconButtonRoot, _extends$1({
     className: clsx(classes.root, className),
     centerRipple: true,
@@ -16695,8 +16695,8 @@ var ClearIcon$1 = createSvgIcon( /*#__PURE__*/require$$2$1.jsx("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), 'Close');
 
-const _excluded$23 = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
-const useUtilityClasses$1L = ownerState => {
+const _excluded$25 = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
+const useUtilityClasses$1N = ownerState => {
   const {
     variant,
     color,
@@ -16841,14 +16841,14 @@ const Alert = /*#__PURE__*/React__namespace.forwardRef(function Alert(inProps, r
       slots = {},
       variant = 'standard'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$23);
+    other = _objectWithoutPropertiesLoose(props, _excluded$25);
   const ownerState = _extends$1({}, props, {
     color,
     severity,
     variant,
     colorSeverity: color || severity
   });
-  const classes = useUtilityClasses$1L(ownerState);
+  const classes = useUtilityClasses$1N(ownerState);
   const externalForwardedProps = {
     slots: _extends$1({
       closeButton: components.CloseButton,
@@ -17026,8 +17026,8 @@ 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$22 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$1K = ownerState => {
+const _excluded$24 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const useUtilityClasses$1M = ownerState => {
   const {
     align,
     gutterBottom,
@@ -17113,7 +17113,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
       variant = 'body1',
       variantMapping = defaultVariantMapping
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$22);
+    other = _objectWithoutPropertiesLoose(props, _excluded$24);
   const ownerState = _extends$1({}, props, {
     align,
     color,
@@ -17126,7 +17126,7 @@ const Typography = /*#__PURE__*/React__namespace.forwardRef(function Typography(
     variantMapping
   });
   const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
-  const classes = useUtilityClasses$1K(ownerState);
+  const classes = useUtilityClasses$1M(ownerState);
   return /*#__PURE__*/require$$2$1.jsx(TypographyRoot, _extends$1({
     as: Component,
     ref: ref,
@@ -17216,8 +17216,8 @@ function getAlertTitleUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiAlertTitle', ['root']);
 
-const _excluded$21 = ["className"];
-const useUtilityClasses$1J = ownerState => {
+const _excluded$23 = ["className"];
+const useUtilityClasses$1L = ownerState => {
   const {
     classes
   } = ownerState;
@@ -17246,9 +17246,9 @@ const AlertTitle = /*#__PURE__*/React__namespace.forwardRef(function AlertTitle(
   const {
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$21);
+    other = _objectWithoutPropertiesLoose(props, _excluded$23);
   const ownerState = props;
-  const classes = useUtilityClasses$1J(ownerState);
+  const classes = useUtilityClasses$1L(ownerState);
   return /*#__PURE__*/require$$2$1.jsx(AlertTitleRoot, _extends$1({
     gutterBottom: true,
     component: "div",
@@ -17286,8 +17286,8 @@ function getAppBarUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiAppBar', ['root', 'positionFixed', 'positionAbsolute', 'positionSticky', 'positionStatic', 'positionRelative', 'colorDefault', 'colorPrimary', 'colorSecondary', 'colorInherit', 'colorTransparent', 'colorError', 'colorInfo', 'colorSuccess', 'colorWarning']);
 
-const _excluded$20 = ["className", "color", "enableColorOnDark", "position"];
-const useUtilityClasses$1I = ownerState => {
+const _excluded$22 = ["className", "color", "enableColorOnDark", "position"];
+const useUtilityClasses$1K = ownerState => {
   const {
     color,
     position,
@@ -17393,13 +17393,13 @@ const AppBar = /*#__PURE__*/React__namespace.forwardRef(function AppBar(inProps,
       enableColorOnDark = false,
       position = 'fixed'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$20);
+    other = _objectWithoutPropertiesLoose(props, _excluded$22);
   const ownerState = _extends$1({}, props, {
     color,
     position,
     enableColorOnDark
   });
-  const classes = useUtilityClasses$1I(ownerState);
+  const classes = useUtilityClasses$1K(ownerState);
   return /*#__PURE__*/require$$2$1.jsx(AppBarRoot, _extends$1({
     square: true,
     component: "header",
@@ -18446,8 +18446,8 @@ function getListSubheaderUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiListSubheader', ['root', 'colorPrimary', 'colorInherit', 'gutters', 'inset', 'sticky']);
 
-const _excluded$1$ = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
-const useUtilityClasses$1H = ownerState => {
+const _excluded$21 = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
+const useUtilityClasses$1J = ownerState => {
   const {
     classes,
     color,
@@ -18508,7 +18508,7 @@ const ListSubheader = /*#__PURE__*/React__namespace.forwardRef(function ListSubh
       disableSticky = false,
       inset = false
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1$);
+    other = _objectWithoutPropertiesLoose(props, _excluded$21);
   const ownerState = _extends$1({}, props, {
     color,
     component,
@@ -18516,7 +18516,7 @@ const ListSubheader = /*#__PURE__*/React__namespace.forwardRef(function ListSubh
     disableSticky,
     inset
   });
-  const classes = useUtilityClasses$1H(ownerState);
+  const classes = useUtilityClasses$1J(ownerState);
   return /*#__PURE__*/require$$2$1.jsx(ListSubheaderRoot, _extends$1({
     as: component,
     className: clsx(classes.root, className),
@@ -18584,8 +18584,8 @@ 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']);
 var chipClasses$1 = chipClasses;
 
-const _excluded$1_ = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
-const useUtilityClasses$1G = ownerState => {
+const _excluded$20 = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
+const useUtilityClasses$1I = ownerState => {
   const {
     classes,
     disabled,
@@ -18870,7 +18870,7 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
       tabIndex,
       skipFocusWhenDisabled = false // TODO v6: Rename to `focusableWhenDisabled`.
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1_);
+    other = _objectWithoutPropertiesLoose(props, _excluded$20);
   const chipRef = React__namespace.useRef(null);
   const handleRef = useForkRef$1(chipRef, ref);
   const handleDeleteIconClick = event => {
@@ -18916,7 +18916,7 @@ const Chip = /*#__PURE__*/React__namespace.forwardRef(function Chip(inProps, ref
     clickable,
     variant
   });
-  const classes = useUtilityClasses$1G(ownerState);
+  const classes = useUtilityClasses$1I(ownerState);
   const moreProps = component === ButtonBase$1 ? _extends$1({
     component: ComponentProp || 'div',
     focusVisibleClassName: classes.focusVisible
@@ -19072,7 +19072,7 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
 } : void 0;
 var Chip$1 = Chip;
 
-const _excluded$1Z = ["onChange", "maxRows", "minRows", "style", "value"];
+const _excluded$1$ = ["onChange", "maxRows", "minRows", "style", "value"];
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
 }
@@ -19120,7 +19120,7 @@ const TextareaAutosize = /*#__PURE__*/React__namespace.forwardRef(function Texta
       style,
       value
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1Z);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1$);
   const {
     current: isControlled
   } = React__namespace.useRef(value != null);
@@ -19391,7 +19391,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']);
 var inputBaseClasses$1 = inputBaseClasses;
 
-const _excluded$1Y = ["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$1_ = ["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
@@ -19404,7 +19404,7 @@ const inputOverridesResolver = (props, styles) => {
   } = props;
   return [styles.input, ownerState.size === 'small' && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === 'search' && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];
 };
-const useUtilityClasses$1F = ownerState => {
+const useUtilityClasses$1H = ownerState => {
   const {
     classes,
     color,
@@ -19620,7 +19620,7 @@ const InputBase = /*#__PURE__*/React__namespace.forwardRef(function InputBase(in
       type = 'text',
       value: valueProp
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1Y);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1_);
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -19794,7 +19794,7 @@ const InputBase = /*#__PURE__*/React__namespace.forwardRef(function InputBase(in
     startAdornment,
     type
   });
-  const classes = useUtilityClasses$1F(ownerState);
+  const classes = useUtilityClasses$1H(ownerState);
   const Root = slots.root || components.Root || InputBaseRoot;
   const rootProps = slotProps.root || componentsProps.root || {};
   const Input = slots.input || components.Input || InputBaseComponent;
@@ -20105,11 +20105,11 @@ const autocompleteClasses = generateUtilityClasses$1('MuiAutocomplete', ['root',
 var autocompleteClasses$1 = autocompleteClasses;
 
 var _ClearIcon, _ArrowDropDownIcon;
-const _excluded$1X = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"],
+const _excluded$1Z = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"],
   _excluded2$e = ["ref"],
   _excluded3$3 = ["key"],
   _excluded4$1 = ["key"];
-const useUtilityClasses$1E = ownerState => {
+const useUtilityClasses$1G = ownerState => {
   const {
     classes,
     disablePortal,
@@ -20540,7 +20540,7 @@ const Autocomplete = /*#__PURE__*/React__namespace.forwardRef(function Autocompl
       size = 'medium',
       slotProps = {}
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1X);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1Z);
   /* eslint-enable @typescript-eslint/no-unused-vars */
 
   const {
@@ -20599,7 +20599,7 @@ const Autocomplete = /*#__PURE__*/React__namespace.forwardRef(function Autocompl
     popupOpen,
     size
   });
-  const classes = useUtilityClasses$1E(ownerState);
+  const classes = useUtilityClasses$1G(ownerState);
   let startAdornment;
   if (multiple && value.length > 0) {
     const getCustomizedTagProps = params => _extends$1({
@@ -21214,8 +21214,8 @@ function getAvatarUtilityClass(slot) {
 const avatarClasses = generateUtilityClasses$1('MuiAvatar', ['root', 'colorDefault', 'circular', 'rounded', 'square', 'img', 'fallback']);
 var avatarClasses$1 = avatarClasses;
 
-const _excluded$1W = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
-const useUtilityClasses$1D = ownerState => {
+const _excluded$1Y = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
+const useUtilityClasses$1F = ownerState => {
   const {
     classes,
     variant,
@@ -21361,7 +21361,7 @@ const Avatar = /*#__PURE__*/React__namespace.forwardRef(function Avatar(inProps,
       srcSet,
       variant = 'circular'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1W);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1Y);
   let children = null;
 
   // Use a hook instead of onError on the img element to support server-side rendering.
@@ -21376,7 +21376,7 @@ const Avatar = /*#__PURE__*/React__namespace.forwardRef(function Avatar(inProps,
     component,
     variant
   });
-  const classes = useUtilityClasses$1D(ownerState);
+  const classes = useUtilityClasses$1F(ownerState);
   const [ImgSlot, imgSlotProps] = useSlot('img', {
     className: classes.img,
     elementType: AvatarImg,
@@ -21496,12 +21496,12 @@ function getAvatarGroupUtilityClass(slot) {
 const avatarGroupClasses = generateUtilityClasses$1('MuiAvatarGroup', ['root', 'avatar']);
 var avatarGroupClasses$1 = avatarGroupClasses;
 
-const _excluded$1V = ["children", "className", "component", "componentsProps", "max", "renderSurplus", "slotProps", "spacing", "total", "variant"];
+const _excluded$1X = ["children", "className", "component", "componentsProps", "max", "renderSurplus", "slotProps", "spacing", "total", "variant"];
 const SPACINGS$1 = {
   small: -16,
   medium: null
 };
-const useUtilityClasses$1C = ownerState => {
+const useUtilityClasses$1E = ownerState => {
   const {
     classes
   } = ownerState;
@@ -21553,7 +21553,7 @@ const AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function AvatarGrou
       total,
       variant = 'circular'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1V);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1X);
   let clampedMax = max < 2 ? 2 : max;
   const ownerState = _extends$1({}, props, {
     max,
@@ -21561,7 +21561,7 @@ const AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function AvatarGrou
     component,
     variant
   });
-  const classes = useUtilityClasses$1C(ownerState);
+  const classes = useUtilityClasses$1E(ownerState);
   const children = React__namespace.Children.toArray(childrenProp).filter(child => {
     if (process.env.NODE_ENV !== 'production') {
       if (reactIsExports.isFragment(child)) {
@@ -21681,7 +21681,7 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes /* remove-proptype
 } : void 0;
 var AvatarGroup$1 = AvatarGroup;
 
-const _excluded$1U = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$1W = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
 const styles$3 = {
   entering: {
     opacity: 1
@@ -21718,7 +21718,7 @@ const Fade = /*#__PURE__*/React__namespace.forwardRef(function Fade(props, ref)
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1U);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1W);
   const nodeRef = React__namespace.useRef(null);
   const handleRef = useForkRef$1(nodeRef, getReactElementRef(children), ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
@@ -21879,8 +21879,8 @@ function getBackdropUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiBackdrop', ['root', 'invisible']);
 
-const _excluded$1T = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
-const useUtilityClasses$1B = ownerState => {
+const _excluded$1V = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
+const useUtilityClasses$1D = ownerState => {
   const {
     classes,
     invisible
@@ -21934,12 +21934,12 @@ const Backdrop = /*#__PURE__*/React__namespace.forwardRef(function Backdrop(inPr
       TransitionComponent = Fade$1,
       transitionDuration
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1T);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1V);
   const ownerState = _extends$1({}, props, {
     component,
     invisible
   });
-  const classes = useUtilityClasses$1B(ownerState);
+  const classes = useUtilityClasses$1D(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
   return /*#__PURE__*/require$$2$1.jsx(TransitionComponent, _extends$1({
     in: open,
@@ -22101,10 +22101,10 @@ const badgeClasses = generateUtilityClasses$1('MuiBadge', ['root', 'badge', 'dot
 'anchorOriginTopLeftCircular', 'anchorOriginTopLeftRectangular', 'anchorOriginTopRightCircular', 'anchorOriginTopRightRectangular', 'anchorOriginBottomLeftCircular', 'anchorOriginBottomLeftRectangular', 'anchorOriginBottomRightCircular', 'anchorOriginBottomRightRectangular']);
 var badgeClasses$1 = badgeClasses;
 
-const _excluded$1S = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
+const _excluded$1U = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;
-const useUtilityClasses$1A = ownerState => {
+const useUtilityClasses$1C = ownerState => {
   const {
     color,
     anchorOrigin,
@@ -22330,7 +22330,7 @@ const Badge = /*#__PURE__*/React__namespace.forwardRef(function Badge(inProps, r
       showZero = false,
       variant: variantProp = 'standard'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1S);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1U);
   const {
     badgeContent,
     invisible: invisibleFromHook,
@@ -22368,7 +22368,7 @@ const Badge = /*#__PURE__*/React__namespace.forwardRef(function Badge(inProps, r
     overlap,
     variant
   });
-  const classes = useUtilityClasses$1A(ownerState);
+  const classes = useUtilityClasses$1C(ownerState);
 
   // support both `slots` and `components` for backward compatibility
   const RootSlot = (_ref = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components.Root) != null ? _ref : BadgeRoot;
@@ -22516,6 +22516,288 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes /* remove-proptypes */ =
 } : void 0;
 var Badge$1 = Badge;
 
+function getBottomNavigationUtilityClass(slot) {
+  return generateUtilityClass$1('MuiBottomNavigation', slot);
+}
+generateUtilityClasses$1('MuiBottomNavigation', ['root']);
+
+const _excluded$1T = ["children", "className", "component", "onChange", "showLabels", "value"];
+const useUtilityClasses$1B = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses$1(slots, getBottomNavigationUtilityClass, classes);
+};
+const BottomNavigationRoot = styled$1('div', {
+  name: 'MuiBottomNavigation',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})(({
+  theme
+}) => ({
+  display: 'flex',
+  justifyContent: 'center',
+  height: 56,
+  backgroundColor: (theme.vars || theme).palette.background.paper
+}));
+const BottomNavigation = /*#__PURE__*/React__namespace.forwardRef(function BottomNavigation(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiBottomNavigation'
+  });
+  const {
+      children,
+      className,
+      component = 'div',
+      onChange,
+      showLabels = false,
+      value
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded$1T);
+  const ownerState = _extends$1({}, props, {
+    component,
+    showLabels
+  });
+  const classes = useUtilityClasses$1B(ownerState);
+  return /*#__PURE__*/require$$2$1.jsx(BottomNavigationRoot, _extends$1({
+    as: component,
+    className: clsx(classes.root, className),
+    ref: ref,
+    ownerState: ownerState
+  }, other, {
+    children: React__namespace.Children.map(children, (child, childIndex) => {
+      if (! /*#__PURE__*/React__namespace.isValidElement(child)) {
+        return null;
+      }
+      if (process.env.NODE_ENV !== 'production') {
+        if (reactIsExports.isFragment(child)) {
+          console.error(["MUI: The BottomNavigation component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
+        }
+      }
+      const childValue = child.props.value === undefined ? childIndex : child.props.value;
+      return /*#__PURE__*/React__namespace.cloneElement(child, {
+        selected: childValue === value,
+        showLabel: child.props.showLabel !== undefined ? child.props.showLabel : showLabels,
+        value: childValue,
+        onChange
+      });
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" ? BottomNavigation.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+   * @param {any} value We default to the index of the child.
+   */
+  onChange: PropTypes.func,
+  /**
+   * If `true`, all `BottomNavigationAction`s will show their labels.
+   * By default, only the selected `BottomNavigationAction` will show its label.
+   * @default false
+   */
+  showLabels: PropTypes.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * The value of the currently selected `BottomNavigationAction`.
+   */
+  value: PropTypes.any
+} : void 0;
+var BottomNavigation$1 = BottomNavigation;
+
+function getBottomNavigationActionUtilityClass(slot) {
+  return generateUtilityClass$1('MuiBottomNavigationAction', slot);
+}
+const bottomNavigationActionClasses = generateUtilityClasses$1('MuiBottomNavigationAction', ['root', 'iconOnly', 'selected', 'label']);
+var bottomNavigationActionClasses$1 = bottomNavigationActionClasses;
+
+const _excluded$1S = ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"];
+const useUtilityClasses$1A = ownerState => {
+  const {
+    classes,
+    showLabel,
+    selected
+  } = ownerState;
+  const slots = {
+    root: ['root', !showLabel && !selected && 'iconOnly', selected && 'selected'],
+    label: ['label', !showLabel && !selected && 'iconOnly', selected && 'selected']
+  };
+  return composeClasses$1(slots, getBottomNavigationActionUtilityClass, classes);
+};
+const BottomNavigationActionRoot = styled$1(ButtonBase$1, {
+  name: 'MuiBottomNavigationAction',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, !ownerState.showLabel && !ownerState.selected && styles.iconOnly];
+  }
+})(({
+  theme,
+  ownerState
+}) => _extends$1({
+  transition: theme.transitions.create(['color', 'padding-top'], {
+    duration: theme.transitions.duration.short
+  }),
+  padding: '0px 12px',
+  minWidth: 80,
+  maxWidth: 168,
+  color: (theme.vars || theme).palette.text.secondary,
+  flexDirection: 'column',
+  flex: '1'
+}, !ownerState.showLabel && !ownerState.selected && {
+  paddingTop: 14
+}, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
+  paddingTop: 0
+}, {
+  [`&.${bottomNavigationActionClasses$1.selected}`]: {
+    color: (theme.vars || theme).palette.primary.main
+  }
+}));
+const BottomNavigationActionLabel = styled$1('span', {
+  name: 'MuiBottomNavigationAction',
+  slot: 'Label',
+  overridesResolver: (props, styles) => styles.label
+})(({
+  theme,
+  ownerState
+}) => _extends$1({
+  fontFamily: theme.typography.fontFamily,
+  fontSize: theme.typography.pxToRem(12),
+  opacity: 1,
+  transition: 'font-size 0.2s, opacity 0.2s',
+  transitionDelay: '0.1s'
+}, !ownerState.showLabel && !ownerState.selected && {
+  opacity: 0,
+  transitionDelay: '0s'
+}, {
+  [`&.${bottomNavigationActionClasses$1.selected}`]: {
+    fontSize: theme.typography.pxToRem(14)
+  }
+}));
+const BottomNavigationAction = /*#__PURE__*/React__namespace.forwardRef(function BottomNavigationAction(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiBottomNavigationAction'
+  });
+  const {
+      className,
+      icon,
+      label,
+      onChange,
+      onClick
+      // eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
+      ,
+
+      value
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded$1S);
+  const ownerState = props;
+  const classes = useUtilityClasses$1A(ownerState);
+  const handleChange = event => {
+    if (onChange) {
+      onChange(event, value);
+    }
+    if (onClick) {
+      onClick(event);
+    }
+  };
+  return /*#__PURE__*/require$$2$1.jsxs(BottomNavigationActionRoot, _extends$1({
+    ref: ref,
+    className: clsx(classes.root, className),
+    focusRipple: true,
+    onClick: handleChange,
+    ownerState: ownerState
+  }, other, {
+    children: [icon, /*#__PURE__*/require$$2$1.jsx(BottomNavigationActionLabel, {
+      className: classes.label,
+      ownerState: ownerState,
+      children: label
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children: unsupportedProp,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The icon to display.
+   */
+  icon: PropTypes.node,
+  /**
+   * The label element.
+   */
+  label: PropTypes.node,
+  /**
+   * @ignore
+   */
+  onChange: PropTypes.func,
+  /**
+   * @ignore
+   */
+  onClick: PropTypes.func,
+  /**
+   * If `true`, the `BottomNavigationAction` will show its label.
+   * By default, only the selected `BottomNavigationAction`
+   * inside `BottomNavigation` will show its label.
+   *
+   * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
+   */
+  showLabel: PropTypes.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value: PropTypes.any
+} : void 0;
+var BottomNavigationAction$1 = BottomNavigationAction;
+
 const boxClasses = generateUtilityClasses$1('MuiBox', ['root']);
 var boxClasses$1 = boxClasses;
 
@@ -123598,427 +123880,6 @@ const PermissionSelector = (props) => {
         }))));
 };
 
-/**
- * Shared TopBar stack heights and content-offset helpers.
- *
- * Use these to clear a fixed TopBar from page content, accounting for
- * expanded/collapsed chrome and whether Acesso Rápido (QuickActions) is shown.
- *
- * @remarks
- * For fixed-chrome pages (e.g. HomePage), prefer **measured** clearance via
- * `MeasuredLayoutProvider` + `useContentClearance` so padding tracks live
- * TopBar/BottomNav height (Acesso Rápido hide/show, grid vs horizontal, scroll
- * collapse). Keep these helpers as **fallback** before the first ResizeObserver
- * paint and for non-measured callers.
- */
-/**
- * Canonical TopBar-related heights (px) used for layout clearance.
- *
- * @remarks
- * - `collapsed` — TopBar chrome when the greeting section is collapsed
- * - `expanded` — legacy aggregate expanded height (prefer {@link getTopBarExpandedHeight})
- * - `quickActionsCompact` — compact Acesso Rápido strip while collapsed
- * - `primaryOnly` — greeting/avatar row when QuickActions are hidden
- *   (avatar 40px + CARD_PADDING vertical: xs 32 / sm+ 48, stepped for md)
- */
-const TOP_BAR_HEIGHTS = {
-    collapsed: { xs: 56, sm: 64, md: 72 },
-    expanded: { xs: 180, sm: 200, md: 220 },
-    quickActionsCompact: { xs: 60, sm: 64 },
-    primaryOnly: { xs: 72, sm: 88, md: 104 },
-};
-const addOffset = (heights, additionalOffset) => ({
-    xs: heights.xs + additionalOffset,
-    sm: heights.sm + additionalOffset,
-    md: heights.md + additionalOffset,
-});
-/**
- * Expanded TopBar height including full QuickActions, by layout.
- *
- * @param layout - QuickActionsBar layout (`grid` needs more xs height than `horizontal`)
- */
-const getTopBarExpandedHeight = (layout = "horizontal") => ({
-    xs: layout === "grid" ? 170 : 120,
-    sm: TOP_BAR_HEIGHTS.expanded.sm,
-    md: TOP_BAR_HEIGHTS.expanded.md,
-});
-/**
- * TopBar height for simple expanded/collapsed toggles (ignores QuickActions layout).
- *
- * @param isExpanded - Whether the TopBar is expanded
- */
-const getTopBarHeight = (isExpanded) => isExpanded ? TOP_BAR_HEIGHTS.expanded : TOP_BAR_HEIGHTS.collapsed;
-/**
- * Fixed TopBar stack height that page content must clear.
- *
- * - QuickActions hidden → primary greeting only
- * - Expanded + QuickActions → layout-aware expanded height
- * - Collapsed + QuickActions → collapsed chrome + compact QuickActions
- */
-const getTopBarStackHeight = ({ isExpanded, showQuickActions = true, layout = "horizontal", }) => {
-    if (!showQuickActions) {
-        return Object.assign({}, TOP_BAR_HEIGHTS.primaryOnly);
-    }
-    if (isExpanded) {
-        return getTopBarExpandedHeight(layout);
-    }
-    const base = TOP_BAR_HEIGHTS.collapsed;
-    const compact = TOP_BAR_HEIGHTS.quickActionsCompact;
-    return {
-        xs: base.xs + compact.xs,
-        sm: base.sm + compact.sm,
-        md: base.md + compact.sm,
-    };
-};
-/**
- * `padding-top` for page content under a fixed TopBar.
- *
- * @example
- * ```ts
- * getContentPaddingTop({
- *   isExpanded: true,
- *   showQuickActions: false,
- *   additionalOffset: 8,
- * })
- * ```
- */
-const getContentPaddingTop = ({ isExpanded, showQuickActions = true, layout = "horizontal", additionalOffset = 0, }) => addOffset(getTopBarStackHeight({ isExpanded, showQuickActions, layout }), additionalOffset);
-/**
- * Companion `margin-top` for content under a fixed TopBar.
- *
- * Uses full padding when expanded or when QuickActions are hidden
- * (TopBar does not collapse without QuickActions). Halves when collapsed
- * with QuickActions visible for a tighter scroll layout.
- */
-const getContentMarginTop = ({ isExpanded, showQuickActions = true, layout = "horizontal", additionalOffset = 0, }) => {
-    const padding = getContentPaddingTop({
-        isExpanded,
-        showQuickActions,
-        layout,
-        additionalOffset,
-    });
-    const useFullMargin = !showQuickActions || isExpanded;
-    return {
-        xs: useFullMargin ? padding.xs : padding.xs / 2,
-        sm: useFullMargin ? padding.sm : padding.sm / 2,
-        md: useFullMargin ? padding.md : padding.md / 2,
-    };
-};
-
-/**
- * HomePage Design System Constants
- *
- * This file defines the design tokens for consistent spacing, animations,
- * and component dimensions across the HomePage and its child components.
- *
- * Following Material Design principles and mobile-first responsive design.
- *
- * TopBar content-offset helpers live in `theme/topBarLayout` and are
- * re-exported here for HomePage callers. Prefer measured clearance
- * (`MeasuredLayoutProvider` + `useContentClearance`) for fixed chrome pages;
- * these constants remain useful as fallbacks and for non-measured callers.
- */
-/** Max unread notifications shown in the home bell quick panel. */
-const HOME_BELL_NOTIFICATION_LIMIT = 3;
-/**
- * Animation Durations (in milliseconds)
- * Based on Material Design motion guidelines
- */
-const ANIMATION_DURATION = {
-    fast: 150, // Quick feedback interactions
-    normal: 300, // Standard transitions
-    slow: 500, // Emphasis animations
-    enter: 225, // Material entrance timing
-    exit: 195, // Material exit timing
-};
-/**
- * Animation Easing Functions
- * Material Design standard easing curves
- */
-const ANIMATION_EASING = {
-    standard: "cubic-bezier(0.4, 0, 0.2, 1)", // Standard curve
-    decelerate: "cubic-bezier(0.0, 0, 0.2, 1)", // Deceleration curve
-    accelerate: "cubic-bezier(0.4, 0, 1, 1)", // Acceleration curve
-    sharp: "cubic-bezier(0.4, 0, 0.6, 1)", // Sharp curve
-    spring: "cubic-bezier(0.34, 1.56, 0.64, 1)", // Spring-like bounce
-};
-/**
- * Component Heights
- * Responsive heights for major UI components
- */
-/**
- * Defines standard heights for various UI components on the HomePage, supporting responsive design.
- *
- * @remarks
- * The `COMPONENT_HEIGHTS` object provides pixel or viewport-based height values for different components,
- * with breakpoints for extra-small (`xs`), small (`sm`), and medium (`md`) screens where applicable.
- * This ensures consistent layout and spacing across devices.
- *
- * @property topBar - Heights (in pixels) for the TopBar component in its collapsed state.
- *   - Example: On a small screen (`sm`), the TopBar height is 64px.
- * @property topBarExpanded - Heights (in pixels) for the TopBar when expanded (e.g., showing QuickActions).
- *   - Example: On a medium screen (`md`), the expanded TopBar height is 220px.
- * @property quickActionsCompact - Heights (in pixels) for the QuickActionsBar in compact mode.
- *   - Example: On an extra-small screen (`xs`), the QuickActionsBar height is 60px.
- * @property bottomNav - Content clearance for the floating Home bottom nav pill
- *   (notch protrusion 24 + inner height 56 + float margin 16). Keep in sync with
- *   `HOME_BOTTOM_NAV_CLEARANCE` in `HomeBottomNav.tsx`.
- * @property featuredCard - Minimum heights (in pixels) for the featured event card.
- *   - Example: On a small screen (`sm`), the featured card has a minimum height of 220px.
- */
-const COMPONENT_HEIGHTS = {
-    // TopBar heights in collapsed state
-    topBar: TOP_BAR_HEIGHTS.collapsed,
-    // TopBar heights in expanded state (with QuickActions)
-    topBarExpanded: TOP_BAR_HEIGHTS.expanded, // xs: 120 when on horizontal and 170 when on grid
-    // QuickActionsBar height in compact mode
-    quickActionsCompact: TOP_BAR_HEIGHTS.quickActionsCompact,
-    // Primary greeting only (QuickActions hidden)
-    topBarPrimary: TOP_BAR_HEIGHTS.primaryOnly,
-    // Floating pill clearance (24 + 56 + 16); matches HOME_BOTTOM_NAV_CLEARANCE
-    bottomNav: 96,
-    // Featured event card minimum height (fixed pixels for uniform cards)
-    featuredCard: { xs: 200, sm: 220, md: 240 },
-};
-/**
- * Scroll Behavior Constants
- */
-const SCROLL_CONFIG = {
-    // Threshold in pixels before collapsing TopBar
-    collapseThreshold: 100,
-    // Threshold in pixels before showing scroll-to-top button
-    scrollToTopThreshold: 300,
-    // Debounce delay for scroll events (ms)
-    scrollDebounce: 16, // ~60fps
-};
-/**
- * Touch Interaction Constants
- */
-const TOUCH_CONFIG = {
-    // Minimum touch target size (accessibility)
-    minTouchTarget: 48,
-    // Long press duration (ms)
-    longPressDuration: 400,
-    // Swipe threshold distance (px)
-    swipeThreshold: 50,
-    // Swipe velocity threshold (px/ms)
-    swipeVelocity: 0.3,
-};
-/**
- * HomePage Section Configurations
- *
- * Defines the structure and metadata for each major section of the HomePage.
- * Used with SectionHeader component to provide consistent section labeling.
- */
-const HOME_SECTIONS = {
-    WELCOME: {
-        id: "welcome",
-        title: "Bem-vindo",
-        icon: "Waving Hand",
-        showDivider: false,
-    },
-    WEEKLY_TASKS: {
-        id: "weekly-tasks",
-        title: "Tarefas da semana",
-        subtitle: "Pequenas ações para usar o que a casa já tem no sistema",
-        icon: "TaskAlt",
-        showDivider: false,
-    },
-    PROFILE_COMPLETENESS: {
-        id: "profile-completeness",
-        title: "Completude do perfil",
-        subtitle: "Acompanhe o que ainda falta para deixar seu perfil completo",
-        icon: "Person",
-        showDivider: false,
-    },
-    TERREIRO_COMPLETENESS: {
-        id: "terreiro-completeness",
-        title: "Perfil do Terreiro",
-        subtitle: "Acompanhe o que ainda falta no perfil da casa (avatar, contato e endereço)",
-        icon: "Home",
-        showDivider: false,
-    },
-    PROGRESS: {
-        id: "progress",
-        title: "Seu Progresso",
-        subtitle: "Acompanhe seu desenvolvimento e conquistas",
-        icon: "TrendingUp",
-        actionLabel: "Ver Tudo",
-        showDivider: false,
-    },
-    ATTENDANCE: {
-        id: "attendance",
-        title: "Presença do Período",
-        subtitle: "Confirmação e presença real dos médiuns",
-        icon: "TrendingUp",
-        actionLabel: "Ver médiuns",
-        showDivider: false,
-    },
-    SUPPLY_PLAN: {
-        id: "supply-plan",
-        title: "Planejamento de Insumos",
-        subtitle: "Resumo do que comprar e missões de insumos da casa",
-        icon: "Inventory2",
-        showDivider: false,
-    },
-    CALENDAR: {
-        id: "calendar",
-        title: "Próximas Atividades",
-        subtitle: "Seus eventos e compromissos",
-        icon: "CalendarMonth",
-        actionLabel: "Ver Calendário",
-        showDivider: false,
-    },
-    SPIRITUALITY: {
-        id: "spirituality",
-        title: "Espiritualidade",
-        subtitle: "Fase lunar e rituais recomendados",
-        icon: "AutoAwesome",
-        showDivider: false,
-    },
-    HIGHLIGHTS: {
-        id: "highlights",
-        title: "Em Destaque",
-        subtitle: "Próximos eventos do terreiro",
-        icon: "Star",
-        showDivider: false,
-    },
-};
-
-/** Pill body height. */
-const NOTCHED_BAR_HEIGHT = 56;
-/** Page-colored circle diameter. */
-const NOTCHED_CIRCLE = 48;
-/** How far the circle rises above the pill. */
-const NOTCHED_BAR_PROTRUSION = 24;
-/** Icon travel so its center meets the circle center (pill midline → bar top). */
-const NOTCHED_ICON_LIFT = NOTCHED_BAR_HEIGHT / 2;
-const NOTCH_TRANSITION = `transform ${ANIMATION_DURATION.slow}ms ${ANIMATION_EASING.spring}`;
-const NotchedSlotContext = React$1.createContext({ active: false });
-/** True while this slot is the one sitting in the traveling cutout. */
-const useNotchedSlotActive = () => React$1.useContext(NotchedSlotContext).active;
-const NotchedBottomBarItem = React$1.forwardRef(function NotchedBottomBarItem(_a, ref) {
-    var { label, active = false, children, type = "button" } = _a, rest = __rest(_a, ["label", "active", "children", "type"]);
-    const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-    return (React$1.createElement(NotchedSlotContext.Provider, { value: { active } },
-        React$1.createElement(Box$1, Object.assign({ component: "button", ref: ref, type: type, "aria-label": label, "aria-current": active ? "page" : undefined }, rest, { sx: {
-                flex: "1 1 0",
-                minWidth: 0,
-                minHeight: 44,
-                height: "100%",
-                m: 0,
-                p: 0,
-                border: 0,
-                bgcolor: "transparent",
-                color: active ? "text.primary" : (theme) => { var _a, _b; return (_b = (_a = theme.brand) === null || _a === void 0 ? void 0 : _a.cream) !== null && _b !== void 0 ? _b : "#F3E2B3"; },
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                position: "relative",
-                zIndex: 2,
-                cursor: "pointer",
-                WebkitTapHighlightColor: "transparent",
-                "&:focus-visible": {
-                    outline: (theme) => `2px solid ${theme.palette.primary.main}`,
-                    outlineOffset: -4,
-                    borderRadius: 1,
-                },
-            } }),
-            React$1.createElement(Box$1, { sx: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    transform: active
-                        ? `translateY(-${NOTCHED_ICON_LIFT}px)`
-                        : "translateY(0)",
-                    transition: reduceMotion ? "none" : NOTCH_TRANSITION,
-                    "& .MuiSvgIcon-root": { fontSize: 22 },
-                } }, children))));
-});
-const clampIndex = (index, count) => {
-    if (count <= 0)
-        return 0;
-    return Math.min(Math.max(index, 0), count - 1);
-};
-/**
- * Coal pill with one page-colored cutout. The cutout slides to the active slot
- * and that slot's icon lifts into the circle.
- */
-const NotchedBottomBar = ({ activeIndex, "aria-label": ariaLabel, children, }) => {
-    const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-    const items = React$1.useMemo(() => React$1.Children.toArray(children).filter(React$1.isValidElement), [children]);
-    const count = Math.max(items.length, 1);
-    const clampedIndex = clampIndex(activeIndex, items.length);
-    return (React$1.createElement(Box$1, { sx: { pt: `${NOTCHED_BAR_PROTRUSION}px` } },
-        React$1.createElement(Box$1, { sx: {
-                position: "relative",
-                height: NOTCHED_BAR_HEIGHT,
-                borderRadius: 999,
-                bgcolor: (theme) => { var _a, _b; return (_b = (_a = theme.brand) === null || _a === void 0 ? void 0 : _a.coal) !== null && _b !== void 0 ? _b : "#201C10"; },
-                boxShadow: (theme) => theme.palette.mode === "dark"
-                    ? "0 8px 28px rgba(0,0,0,0.45)"
-                    : "0 8px 28px rgba(0,0,0,0.18)",
-                border: (theme) => theme.palette.mode === "dark"
-                    ? "1px solid rgba(243,226,179,0.16)"
-                    : "1px solid transparent",
-            } },
-            React$1.createElement(Box$1, { "aria-hidden": true, "data-testid": "notched-bottom-bar-notch", "data-active-index": clampedIndex, style: {
-                    transform: `translateX(${clampedIndex * 100}%)`,
-                    transition: reduceMotion ? "none" : NOTCH_TRANSITION,
-                }, sx: {
-                    position: "absolute",
-                    zIndex: 1,
-                    top: -NOTCHED_BAR_PROTRUSION,
-                    left: 0,
-                    width: `${100 / count}%`,
-                    height: NOTCHED_CIRCLE,
-                    display: "flex",
-                    justifyContent: "center",
-                    pointerEvents: "none",
-                    "@media (prefers-reduced-motion: reduce)": {
-                        transition: "none",
-                    },
-                } },
-                React$1.createElement(Box$1, { sx: {
-                        width: NOTCHED_CIRCLE,
-                        height: NOTCHED_CIRCLE,
-                        borderRadius: "50%",
-                        bgcolor: "background.default",
-                        position: "relative",
-                        "&::before, &::after": {
-                            content: '""',
-                            position: "absolute",
-                            top: "50%",
-                            width: 18,
-                            height: 18,
-                            background: "transparent",
-                        },
-                        "&::before": {
-                            left: -16,
-                            borderTopRightRadius: 18,
-                            boxShadow: (theme) => { var _a, _b; return `0 -10px 0 0 ${(_b = (_a = theme.brand) === null || _a === void 0 ? void 0 : _a.coal) !== null && _b !== void 0 ? _b : "#201C10"}`; },
-                        },
-                        "&::after": {
-                            right: -16,
-                            borderTopLeftRadius: 18,
-                            boxShadow: (theme) => { var _a, _b; return `0 -10px 0 0 ${(_b = (_a = theme.brand) === null || _a === void 0 ? void 0 : _a.coal) !== null && _b !== void 0 ? _b : "#201C10"}`; },
-                        },
-                    } })),
-            React$1.createElement(Box$1, { role: "group", "aria-label": ariaLabel, sx: {
-                    position: "relative",
-                    zIndex: 2,
-                    display: "flex",
-                    alignItems: "stretch",
-                    height: "100%",
-                } }, items.map((child, index) => {
-                var _a;
-                return React$1.cloneElement(child, {
-                    key: (_a = child.key) !== null && _a !== void 0 ? _a : index,
-                    active: index === clampedIndex,
-                });
-            })))));
-};
-
 const installPromptPropsSchema = objectType({
     appName: stringType().min(1).default("App"),
     // iconSrc removed, now using logo from assets
@@ -130969,6 +130830,293 @@ const BlockDialog = ({ open, displayName, onClose, onConfirm, submitting = false
         React$1.createElement(Button$1, { onClick: onClose, disabled: submitting }, "Cancelar"),
         React$1.createElement(Button$1, { color: "error", variant: "contained", onClick: onConfirm, disabled: submitting }, "Bloquear"))));
 
+/**
+ * Shared TopBar stack heights and content-offset helpers.
+ *
+ * Use these to clear a fixed TopBar from page content, accounting for
+ * expanded/collapsed chrome and whether Acesso Rápido (QuickActions) is shown.
+ *
+ * @remarks
+ * For fixed-chrome pages (e.g. HomePage), prefer **measured** clearance via
+ * `MeasuredLayoutProvider` + `useContentClearance` so padding tracks live
+ * TopBar/BottomNav height (Acesso Rápido hide/show, grid vs horizontal, scroll
+ * collapse). Keep these helpers as **fallback** before the first ResizeObserver
+ * paint and for non-measured callers.
+ */
+/**
+ * Canonical TopBar-related heights (px) used for layout clearance.
+ *
+ * @remarks
+ * - `collapsed` — TopBar chrome when the greeting section is collapsed
+ * - `expanded` — legacy aggregate expanded height (prefer {@link getTopBarExpandedHeight})
+ * - `quickActionsCompact` — compact Acesso Rápido strip while collapsed
+ * - `primaryOnly` — greeting/avatar row when QuickActions are hidden
+ *   (avatar 40px + CARD_PADDING vertical: xs 32 / sm+ 48, stepped for md)
+ */
+const TOP_BAR_HEIGHTS = {
+    collapsed: { xs: 56, sm: 64, md: 72 },
+    expanded: { xs: 180, sm: 200, md: 220 },
+    quickActionsCompact: { xs: 60, sm: 64 },
+    primaryOnly: { xs: 72, sm: 88, md: 104 },
+};
+const addOffset = (heights, additionalOffset) => ({
+    xs: heights.xs + additionalOffset,
+    sm: heights.sm + additionalOffset,
+    md: heights.md + additionalOffset,
+});
+/**
+ * Expanded TopBar height including full QuickActions, by layout.
+ *
+ * @param layout - QuickActionsBar layout (`grid` needs more xs height than `horizontal`)
+ */
+const getTopBarExpandedHeight = (layout = "horizontal") => ({
+    xs: layout === "grid" ? 170 : 120,
+    sm: TOP_BAR_HEIGHTS.expanded.sm,
+    md: TOP_BAR_HEIGHTS.expanded.md,
+});
+/**
+ * TopBar height for simple expanded/collapsed toggles (ignores QuickActions layout).
+ *
+ * @param isExpanded - Whether the TopBar is expanded
+ */
+const getTopBarHeight = (isExpanded) => isExpanded ? TOP_BAR_HEIGHTS.expanded : TOP_BAR_HEIGHTS.collapsed;
+/**
+ * Fixed TopBar stack height that page content must clear.
+ *
+ * - QuickActions hidden → primary greeting only
+ * - Expanded + QuickActions → layout-aware expanded height
+ * - Collapsed + QuickActions → collapsed chrome + compact QuickActions
+ */
+const getTopBarStackHeight = ({ isExpanded, showQuickActions = true, layout = "horizontal", }) => {
+    if (!showQuickActions) {
+        return Object.assign({}, TOP_BAR_HEIGHTS.primaryOnly);
+    }
+    if (isExpanded) {
+        return getTopBarExpandedHeight(layout);
+    }
+    const base = TOP_BAR_HEIGHTS.collapsed;
+    const compact = TOP_BAR_HEIGHTS.quickActionsCompact;
+    return {
+        xs: base.xs + compact.xs,
+        sm: base.sm + compact.sm,
+        md: base.md + compact.sm,
+    };
+};
+/**
+ * `padding-top` for page content under a fixed TopBar.
+ *
+ * @example
+ * ```ts
+ * getContentPaddingTop({
+ *   isExpanded: true,
+ *   showQuickActions: false,
+ *   additionalOffset: 8,
+ * })
+ * ```
+ */
+const getContentPaddingTop = ({ isExpanded, showQuickActions = true, layout = "horizontal", additionalOffset = 0, }) => addOffset(getTopBarStackHeight({ isExpanded, showQuickActions, layout }), additionalOffset);
+/**
+ * Companion `margin-top` for content under a fixed TopBar.
+ *
+ * Uses full padding when expanded or when QuickActions are hidden
+ * (TopBar does not collapse without QuickActions). Halves when collapsed
+ * with QuickActions visible for a tighter scroll layout.
+ */
+const getContentMarginTop = ({ isExpanded, showQuickActions = true, layout = "horizontal", additionalOffset = 0, }) => {
+    const padding = getContentPaddingTop({
+        isExpanded,
+        showQuickActions,
+        layout,
+        additionalOffset,
+    });
+    const useFullMargin = !showQuickActions || isExpanded;
+    return {
+        xs: useFullMargin ? padding.xs : padding.xs / 2,
+        sm: useFullMargin ? padding.sm : padding.sm / 2,
+        md: useFullMargin ? padding.md : padding.md / 2,
+    };
+};
+
+/**
+ * HomePage Design System Constants
+ *
+ * This file defines the design tokens for consistent spacing, animations,
+ * and component dimensions across the HomePage and its child components.
+ *
+ * Following Material Design principles and mobile-first responsive design.
+ *
+ * TopBar content-offset helpers live in `theme/topBarLayout` and are
+ * re-exported here for HomePage callers. Prefer measured clearance
+ * (`MeasuredLayoutProvider` + `useContentClearance`) for fixed chrome pages;
+ * these constants remain useful as fallbacks and for non-measured callers.
+ */
+/** Max unread notifications shown in the home bell quick panel. */
+const HOME_BELL_NOTIFICATION_LIMIT = 3;
+/**
+ * Animation Durations (in milliseconds)
+ * Based on Material Design motion guidelines
+ */
+const ANIMATION_DURATION = {
+    fast: 150, // Quick feedback interactions
+    normal: 300, // Standard transitions
+    slow: 500, // Emphasis animations
+    enter: 225, // Material entrance timing
+    exit: 195, // Material exit timing
+};
+/**
+ * Animation Easing Functions
+ * Material Design standard easing curves
+ */
+const ANIMATION_EASING = {
+    standard: "cubic-bezier(0.4, 0, 0.2, 1)", // Standard curve
+    decelerate: "cubic-bezier(0.0, 0, 0.2, 1)", // Deceleration curve
+    accelerate: "cubic-bezier(0.4, 0, 1, 1)", // Acceleration curve
+    sharp: "cubic-bezier(0.4, 0, 0.6, 1)", // Sharp curve
+    spring: "cubic-bezier(0.34, 1.56, 0.64, 1)", // Spring-like bounce
+};
+/**
+ * Component Heights
+ * Responsive heights for major UI components
+ */
+/**
+ * Defines standard heights for various UI components on the HomePage, supporting responsive design.
+ *
+ * @remarks
+ * The `COMPONENT_HEIGHTS` object provides pixel or viewport-based height values for different components,
+ * with breakpoints for extra-small (`xs`), small (`sm`), and medium (`md`) screens where applicable.
+ * This ensures consistent layout and spacing across devices.
+ *
+ * @property topBar - Heights (in pixels) for the TopBar component in its collapsed state.
+ *   - Example: On a small screen (`sm`), the TopBar height is 64px.
+ * @property topBarExpanded - Heights (in pixels) for the TopBar when expanded (e.g., showing QuickActions).
+ *   - Example: On a medium screen (`md`), the expanded TopBar height is 220px.
+ * @property quickActionsCompact - Heights (in pixels) for the QuickActionsBar in compact mode.
+ *   - Example: On an extra-small screen (`xs`), the QuickActionsBar height is 60px.
+ * @property bottomNav - Content clearance for the floating Home bottom nav pill
+ *   (inner height 52 + float margin 16). Keep in sync with
+ *   `HOME_BOTTOM_NAV_CLEARANCE` in `HomeBottomNav.tsx`.
+ * @property featuredCard - Minimum heights (in pixels) for the featured event card.
+ *   - Example: On a small screen (`sm`), the featured card has a minimum height of 220px.
+ */
+const COMPONENT_HEIGHTS = {
+    // TopBar heights in collapsed state
+    topBar: TOP_BAR_HEIGHTS.collapsed,
+    // TopBar heights in expanded state (with QuickActions)
+    topBarExpanded: TOP_BAR_HEIGHTS.expanded, // xs: 120 when on horizontal and 170 when on grid
+    // QuickActionsBar height in compact mode
+    quickActionsCompact: TOP_BAR_HEIGHTS.quickActionsCompact,
+    // Primary greeting only (QuickActions hidden)
+    topBarPrimary: TOP_BAR_HEIGHTS.primaryOnly,
+    // Floating pill clearance (52 + 16); matches HOME_BOTTOM_NAV_CLEARANCE
+    bottomNav: 68,
+    // Featured event card minimum height (fixed pixels for uniform cards)
+    featuredCard: { xs: 200, sm: 220, md: 240 },
+};
+/**
+ * Scroll Behavior Constants
+ */
+const SCROLL_CONFIG = {
+    // Threshold in pixels before collapsing TopBar
+    collapseThreshold: 100,
+    // Threshold in pixels before showing scroll-to-top button
+    scrollToTopThreshold: 300,
+    // Debounce delay for scroll events (ms)
+    scrollDebounce: 16, // ~60fps
+};
+/**
+ * Touch Interaction Constants
+ */
+const TOUCH_CONFIG = {
+    // Minimum touch target size (accessibility)
+    minTouchTarget: 48,
+    // Long press duration (ms)
+    longPressDuration: 400,
+    // Swipe threshold distance (px)
+    swipeThreshold: 50,
+    // Swipe velocity threshold (px/ms)
+    swipeVelocity: 0.3,
+};
+/**
+ * HomePage Section Configurations
+ *
+ * Defines the structure and metadata for each major section of the HomePage.
+ * Used with SectionHeader component to provide consistent section labeling.
+ */
+const HOME_SECTIONS = {
+    WELCOME: {
+        id: "welcome",
+        title: "Bem-vindo",
+        icon: "Waving Hand",
+        showDivider: false,
+    },
+    WEEKLY_TASKS: {
+        id: "weekly-tasks",
+        title: "Tarefas da semana",
+        subtitle: "Pequenas ações para usar o que a casa já tem no sistema",
+        icon: "TaskAlt",
+        showDivider: false,
+    },
+    PROFILE_COMPLETENESS: {
+        id: "profile-completeness",
+        title: "Completude do perfil",
+        subtitle: "Acompanhe o que ainda falta para deixar seu perfil completo",
+        icon: "Person",
+        showDivider: false,
+    },
+    TERREIRO_COMPLETENESS: {
+        id: "terreiro-completeness",
+        title: "Perfil do Terreiro",
+        subtitle: "Acompanhe o que ainda falta no perfil da casa (avatar, contato e endereço)",
+        icon: "Home",
+        showDivider: false,
+    },
+    PROGRESS: {
+        id: "progress",
+        title: "Seu Progresso",
+        subtitle: "Acompanhe seu desenvolvimento e conquistas",
+        icon: "TrendingUp",
+        actionLabel: "Ver Tudo",
+        showDivider: false,
+    },
+    ATTENDANCE: {
+        id: "attendance",
+        title: "Presença do Período",
+        subtitle: "Confirmação e presença real dos médiuns",
+        icon: "TrendingUp",
+        actionLabel: "Ver médiuns",
+        showDivider: false,
+    },
+    SUPPLY_PLAN: {
+        id: "supply-plan",
+        title: "Planejamento de Insumos",
+        subtitle: "Resumo do que comprar e missões de insumos da casa",
+        icon: "Inventory2",
+        showDivider: false,
+    },
+    CALENDAR: {
+        id: "calendar",
+        title: "Próximas Atividades",
+        subtitle: "Seus eventos e compromissos",
+        icon: "CalendarMonth",
+        actionLabel: "Ver Calendário",
+        showDivider: false,
+    },
+    SPIRITUALITY: {
+        id: "spirituality",
+        title: "Espiritualidade",
+        subtitle: "Fase lunar e rituais recomendados",
+        icon: "AutoAwesome",
+        showDivider: false,
+    },
+    HIGHLIGHTS: {
+        id: "highlights",
+        title: "Em Destaque",
+        subtitle: "Próximos eventos do terreiro",
+        icon: "Star",
+        showDivider: false,
+    },
+};
+
 const SOCIAL_HOME_HEADER_HEIGHT = 53;
 const SocialHomeHeader = ({ avatarUrl, displayName = "Você", fixed = true, isScrolling = false, onOpenDrawer, onOpenFollow, }) => (React$1.createElement(Box$1, { component: "header", "data-testid": "social-home-header", sx: Object.assign({}, (fixed
         ? {
@@ -131305,16 +131453,12 @@ function useHideOnScroll(options = {}) {
     return { isScrolling };
 }
 
-/** Inner pill height (actions row), excluding the notch that rises above it. */
-const SOCIAL_HOME_BOTTOM_NAV_HEIGHT = NOTCHED_BAR_HEIGHT;
-/** Circle that rises above the pill. Included in measured clearance. */
-const SOCIAL_HOME_BOTTOM_NAV_PROTRUSION = NOTCHED_BAR_PROTRUSION;
+/** Inner pill height (actions row). */
+const SOCIAL_HOME_BOTTOM_NAV_HEIGHT = 52;
 /** Float margin below the pill. */
 const SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB = 16;
-/** Total clearance for feed padding (circle + pill + float margin). */
-const SOCIAL_HOME_BOTTOM_NAV_CLEARANCE = SOCIAL_HOME_BOTTOM_NAV_PROTRUSION +
-    SOCIAL_HOME_BOTTOM_NAV_HEIGHT +
-    SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB;
+/** Total clearance for feed padding (pill + float margin). */
+const SOCIAL_HOME_BOTTOM_NAV_CLEARANCE = SOCIAL_HOME_BOTTOM_NAV_HEIGHT + SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB;
 const SocialHomeBottomNav = ({ active = "home", messagesUnreadCount = 0, notificationsUnreadCount = 0, onNavigateHome, onOpenMessages, onOpenNotifications, onOpenSearch, isScrolling: isScrollingProp, }) => {
     const { isScrolling: internalScrolling } = useHideOnScroll();
     const isScrolling = isScrollingProp !== null && isScrollingProp !== void 0 ? isScrollingProp : internalScrolling;
@@ -131348,22 +131492,52 @@ const SocialHomeBottomNav = ({ active = "home", messagesUnreadCount = 0, notific
                 px: 2,
                 mb: `${SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB}px`,
             } },
-            React$1.createElement(Box$1, { sx: { width: 292, maxWidth: "100%" } },
-                React$1.createElement(NotchedBottomBar, { activeIndex: value, "aria-label": "Navega\u00E7\u00E3o social" },
-                    React$1.createElement(NotchedBottomBarItem, { label: "Home", onClick: onNavigateHome },
-                        React$1.createElement(Home$1, null)),
-                    React$1.createElement(NotchedBottomBarItem, { label: messagesUnreadCount > 0
+            React$1.createElement(Box$1, { sx: {
+                    width: "fit-content",
+                    maxWidth: 320,
+                    borderRadius: 999,
+                    overflow: "hidden",
+                    bgcolor: (theme) => alpha(theme.palette.background.default, 0.92),
+                    backdropFilter: "blur(16px)",
+                    boxShadow: (theme) => theme.palette.mode === "dark"
+                        ? "0 8px 28px rgba(0,0,0,0.45)"
+                        : "0 8px 28px rgba(0,0,0,0.12)",
+                    border: 1,
+                    borderColor: (theme) => theme.palette.mode === "dark"
+                        ? "rgba(255,255,255,0.08)"
+                        : "rgba(0,0,0,0.06)",
+                } },
+                React$1.createElement(BottomNavigation$1, { showLabels: true, value: value, sx: {
+                        height: SOCIAL_HOME_BOTTOM_NAV_HEIGHT,
+                        width: 292,
+                        bgcolor: "transparent",
+                        "& .MuiBottomNavigationAction-root": {
+                            color: "text.secondary",
+                            minWidth: 0,
+                            flex: 1,
+                            px: 0.25,
+                            py: 0.5,
+                            "&.Mui-selected": { color: "primary.main" },
+                        },
+                        "& .MuiBottomNavigationAction-label": {
+                            fontSize: "0.6rem",
+                            mt: 0.15,
+                            "&.Mui-selected": { fontSize: "0.6rem" },
+                        },
+                        "& .MuiSvgIcon-root": {
+                            fontSize: 20,
+                        },
+                    } },
+                    React$1.createElement(BottomNavigationAction$1, { label: "Home", icon: React$1.createElement(Home$1, null), onClick: onNavigateHome }),
+                    React$1.createElement(BottomNavigationAction$1, { label: "Mensagens", "aria-label": messagesUnreadCount > 0
                             ? `Mensagens, ${messagesUnreadCount} não lidas`
-                            : "Mensagens", onClick: onOpenMessages },
-                        React$1.createElement(Badge$1, { color: "primary", badgeContent: messagesUnreadCount, max: 99, invisible: !messagesUnreadCount, "data-testid": "social-nav-messages-badge" },
-                            React$1.createElement(MailOutline$1, null))),
-                    React$1.createElement(NotchedBottomBarItem, { label: notificationsUnreadCount > 0
+                            : "Mensagens", icon: React$1.createElement(Badge$1, { color: "primary", badgeContent: messagesUnreadCount, max: 99, invisible: !messagesUnreadCount, "data-testid": "social-nav-messages-badge" },
+                            React$1.createElement(MailOutline$1, null)), onClick: onOpenMessages }),
+                    React$1.createElement(BottomNavigationAction$1, { label: "Notifica\u00E7\u00F5es", "aria-label": notificationsUnreadCount > 0
                             ? `Notificações, ${notificationsUnreadCount} não lidas`
-                            : "Notificações", onClick: onOpenNotifications },
-                        React$1.createElement(Badge$1, { color: "primary", badgeContent: notificationsUnreadCount, max: 99, invisible: !notificationsUnreadCount, "data-testid": "social-nav-notifications-badge" },
-                            React$1.createElement(NotificationsNone, null))),
-                    React$1.createElement(NotchedBottomBarItem, { label: "Buscar", onClick: onOpenSearch },
-                        React$1.createElement(Search$1, null)))))));
+                            : "Notificações", icon: React$1.createElement(Badge$1, { color: "primary", badgeContent: notificationsUnreadCount, max: 99, invisible: !notificationsUnreadCount, "data-testid": "social-nav-notifications-badge" },
+                            React$1.createElement(NotificationsNone, null)), onClick: onOpenNotifications }),
+                    React$1.createElement(BottomNavigationAction$1, { label: "Buscar", icon: React$1.createElement(Search$1, null), onClick: onOpenSearch }))))));
 };
 
 const SocialUnreadIndicator = ({ count, label = "Novas mensagens", compact = false, }) => {
@@ -153984,6 +154158,8 @@ const SupplyPlanCard = ({ supplyPlanData, isLoadingSupplyPlan = false, onSupplyP
                     showCostMissionsTeaser && onSupplyPlanMissions && (React$1.createElement(Button$1, { variant: "text", size: "small", onClick: onSupplyPlanMissions }, "Completar custos")))))));
 };
 
+/** Inner pill height (actions row). */
+const HOME_BOTTOM_NAV_HEIGHT = 52;
 /** Float margin below the pill (before safe-area). */
 const HOME_BOTTOM_NAV_FLOAT_MB = 16;
 const shortcutBadgeContent = (badge) => {
@@ -153991,28 +154167,18 @@ const shortcutBadgeContent = (badge) => {
         return undefined;
     return badge;
 };
-const ShortcutTab = ({ action, onQuickAction }) => {
+const ShortcutTab = ({ action, onQuickAction, showLabel = true, selected, value, onChange, }) => {
     const badge = shortcutBadgeContent(action.badge);
     const isSocial = action.id === "social";
     const icon = resolveActionIcon(action.icon);
-    const label = isSocial
-        ? badge != null
+    return (React$1.createElement(BottomNavigationAction$1, { showLabel: showLabel, value: value, className: selected ? "Mui-selected" : undefined, label: isSocial ? "Social" : action.label, "aria-label": isSocial && badge != null
             ? `Social, ${badge} notificações não lidas`
-            : "Social"
-        : action.label;
-    return (React$1.createElement(NotchedBottomBarItem, { label: label, onClick: () => onQuickAction(action.route), "data-testid": isSocial ? "home-bottom-nav-social" : `home-bottom-nav-${action.id}` }, isSocial ? (React$1.createElement(Badge$1, { badgeContent: badge, color: "error", invisible: badge == null, max: 99, "data-testid": "home-bottom-nav-social-badge" }, icon)) : (icon)));
-};
-const ProfileLogo = () => {
-    const active = useNotchedSlotActive();
-    return (React$1.createElement(Box$1, { component: "img", src: LogoImg, alt: "", sx: {
-            width: active ? 40 : 22,
-            height: active ? 40 : 22,
-            borderRadius: RADIUS.circle,
-            objectFit: "cover",
-            transition: `width ${ANIMATION_DURATION.slow}ms ${ANIMATION_EASING.spring}, height ${ANIMATION_DURATION.slow}ms ${ANIMATION_EASING.spring}, transform ${ANIMATION_DURATION.fast}ms ${ANIMATION_EASING.spring}`,
-            "&:hover": { transform: "scale(1.04)" },
-            "&:active": { transform: "scale(0.96)" },
-        } }));
+            : undefined, icon: isSocial ? (React$1.createElement(Badge$1, { badgeContent: badge, color: "error", invisible: badge == null, max: 99, "data-testid": "home-bottom-nav-social-badge" }, icon)) : (icon), onClick: () => {
+            if (value !== undefined) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({}, value);
+            }
+            onQuickAction(action.route);
+        }, "data-testid": isSocial ? "home-bottom-nav-social" : `home-bottom-nav-${action.id}` }));
 };
 const HomeBottomNav = React$1.memo(function HomeBottomNav({ value, onChange, onQuickAction, onMenu, menuOpen = false, onOpenProfileSelector, hasTerreiroContext = true, canUseSocial = false, socialNotificationsUnreadCount = 0, leadingAction, trailingAction, }) {
     const measureRef = useMeasureSlot(HOME_MEASURE_SLOTS.bottomNav);
@@ -154045,50 +154211,65 @@ const HomeBottomNav = React$1.memo(function HomeBottomNav({ value, onChange, onQ
                 px: 2,
                 mb: `calc(${HOME_BOTTOM_NAV_FLOAT_MB}px + env(safe-area-inset-bottom, 0px))`,
             } },
-            React$1.createElement(Box$1, { sx: { width: "100%", maxWidth: 400 } },
-                React$1.createElement(NotchedBottomBar, { activeIndex: value, "aria-label": "Navega\u00E7\u00E3o principal" },
-                    React$1.createElement(NotchedBottomBarItem, { label: "Home", onClick: () => {
-                            onChange(0);
-                            onQuickAction("/");
-                        } },
-                        React$1.createElement(Home$1, null)),
-                    leadingAction ? (React$1.createElement(ShortcutTab, { action: leadingAction, onQuickAction: (route) => {
-                            onChange(1);
-                            onQuickAction(route);
-                        } })) : hasTerreiroContext ? (React$1.createElement(NotchedBottomBarItem, { label: "Eventos", onClick: () => {
-                            onChange(1);
-                            onQuickAction("/events");
-                        } },
-                        React$1.createElement(CalendarToday, null))) : canUseSocial ? (React$1.createElement(NotchedBottomBarItem, { label: socialBadge != null
+            React$1.createElement(Box$1, { sx: {
+                    width: "100%",
+                    maxWidth: 400,
+                    borderRadius: RADIUS.pill,
+                    overflow: "visible",
+                    bgcolor: (theme) => alpha(theme.palette.background.default, 0.92),
+                    backdropFilter: "blur(16px)",
+                    boxShadow: (theme) => theme.palette.mode === "dark"
+                        ? "0 8px 28px rgba(0,0,0,0.45)"
+                        : "0 8px 28px rgba(0,0,0,0.12)",
+                    border: 1,
+                    borderColor: (theme) => theme.palette.mode === "dark"
+                        ? "rgba(255,255,255,0.08)"
+                        : "rgba(0,0,0,0.06)",
+                } },
+                React$1.createElement(BottomNavigation$1, { showLabels: true, value: value, onChange: (_ev, newValue) => onChange(newValue), "aria-label": "Navega\u00E7\u00E3o principal", sx: {
+                        height: HOME_BOTTOM_NAV_HEIGHT,
+                        width: "100%",
+                        bgcolor: "transparent",
+                        overflow: "visible",
+                        "& .MuiBottomNavigationAction-root": {
+                            color: "text.secondary",
+                            minWidth: 0,
+                            flex: 1,
+                            px: 0.25,
+                            py: 0.5,
+                            "&.Mui-selected": { color: "primary.main" },
+                        },
+                        "& .MuiBottomNavigationAction-label": {
+                            fontSize: "0.6rem",
+                            mt: 0.15,
+                            "&.Mui-selected": { fontSize: "0.6rem" },
+                        },
+                        "& .MuiSvgIcon-root": {
+                            fontSize: 20,
+                        },
+                    } },
+                    React$1.createElement(BottomNavigationAction$1, { label: "Home", icon: React$1.createElement(Home$1, null), onClick: () => onQuickAction("/") }),
+                    leadingAction ? (React$1.createElement(ShortcutTab, { action: leadingAction, onQuickAction: onQuickAction })) : hasTerreiroContext ? (React$1.createElement(BottomNavigationAction$1, { label: "Eventos", icon: React$1.createElement(CalendarToday, null), onClick: () => onQuickAction("/events") })) : canUseSocial ? (React$1.createElement(BottomNavigationAction$1, { label: "Social", icon: React$1.createElement(Badge$1, { badgeContent: socialBadge, color: "error", invisible: socialBadge == null, max: 99, "data-testid": "home-bottom-nav-social-badge" },
+                            React$1.createElement(Public, null)), onClick: () => onQuickAction("/social"), "data-testid": "home-bottom-nav-social", "aria-label": socialBadge != null
                             ? `Social, ${socialBadge} notificações não lidas`
-                            : "Social", onClick: () => {
-                            onChange(1);
-                            onQuickAction("/social");
-                        }, "data-testid": "home-bottom-nav-social" },
-                        React$1.createElement(Badge$1, { badgeContent: socialBadge, color: "error", invisible: socialBadge == null, max: 99, "data-testid": "home-bottom-nav-social-badge" },
-                            React$1.createElement(Public, null)))) : (React$1.createElement(NotchedBottomBarItem, { label: "Banhos", onClick: () => {
-                            onChange(1);
-                            onQuickAction("/ritual-baths");
-                        } },
-                        React$1.createElement(Spa, null))),
-                    React$1.createElement(NotchedBottomBarItem, { label: "Selecione um perfil", onClick: () => {
-                            onChange(2);
-                            onOpenProfileSelector();
-                        } },
-                        React$1.createElement(ProfileLogo, null)),
-                    trailingAction ? (React$1.createElement(ShortcutTab, { action: trailingAction, onQuickAction: (route) => {
-                            onChange(3);
-                            onQuickAction(route);
-                        } })) : (React$1.createElement(NotchedBottomBarItem, { label: "Atividades", onClick: () => {
-                            onChange(3);
-                            onQuickAction("/activities");
-                        } },
-                        React$1.createElement(EventIcon, null))),
-                    React$1.createElement(NotchedBottomBarItem, { label: "Menu", onClick: () => {
-                            onChange(4);
-                            onMenu();
-                        }, "aria-expanded": menuOpen },
-                        React$1.createElement(Menu, null)))))));
+                            : "Social" })) : (React$1.createElement(BottomNavigationAction$1, { label: "Banhos", icon: React$1.createElement(Spa, null), onClick: () => onQuickAction("/ritual-baths") })),
+                    React$1.createElement(BottomNavigationAction$1, { label: "", "aria-label": "Selecione um perfil", sx: { overflow: "visible" }, icon: React$1.createElement(Box$1, { component: "img", src: LogoImg, alt: "Logo", sx: {
+                                width: 52,
+                                height: 52,
+                                borderRadius: RADIUS.circle,
+                                objectFit: "cover",
+                                boxShadow: (theme) => `0 4px 12px ${theme.palette.primary.main}40`,
+                                transition: `transform ${ANIMATION_DURATION.fast}ms ${ANIMATION_EASING.spring}, box-shadow ${ANIMATION_DURATION.fast}ms ${ANIMATION_EASING.spring}`,
+                                "&:hover": {
+                                    transform: "translateY(-8px) scale(1.04)",
+                                    boxShadow: (theme) => `0 6px 16px ${theme.palette.primary.main}50`,
+                                },
+                                "&:active": {
+                                    transform: "translateY(-4px) scale(0.96)",
+                                },
+                            } }), onClick: onOpenProfileSelector }),
+                    trailingAction ? (React$1.createElement(ShortcutTab, { action: trailingAction, onQuickAction: onQuickAction })) : (React$1.createElement(BottomNavigationAction$1, { label: "Atividades", icon: React$1.createElement(EventIcon, null), onClick: () => onQuickAction("/activities") })),
+                    React$1.createElement(BottomNavigationAction$1, { label: "Menu", icon: React$1.createElement(Menu, null), onClick: onMenu, "aria-expanded": menuOpen }))))));
 });
 
 const ProfileSelectorDrawer = ({ open, onClose, terreiros, selectedTerreiroIdx, onTerreiroSelect, inviteShareUrl, snackbarOpen, snackbarMsg, onSnackbarClose, }) => {
@@ -196169,13 +196350,8 @@ exports.MoonZodiacSchema = MoonZodiacSchema;
 exports.MyPermissionsDetailedSchema = MyPermissionsDetailedSchema;
 exports.MyPermissionsPage = MyPermissionsPage;
 exports.MyPermissionsPagePropsSchema = MyPermissionsPagePropsSchema;
-exports.NOTCHED_BAR_HEIGHT = NOTCHED_BAR_HEIGHT;
-exports.NOTCHED_BAR_PROTRUSION = NOTCHED_BAR_PROTRUSION;
-exports.NOTCHED_CIRCLE = NOTCHED_CIRCLE;
-exports.NOTCHED_ICON_LIFT = NOTCHED_ICON_LIFT;
 exports.NearbyTerreiroSearchPage = NearbyTerreiroSearchPage;
 exports.NotFoundPage = NotFoundPage;
-exports.NotchedBottomBarItem = NotchedBottomBarItem;
 exports.NotificationSettingsPage = NotificationSettingsPage;
 exports.NotificationSettingsPagePropsSchema = NotificationSettingsPagePropsSchema;
 exports.NotificationsPage = NotificationsPage;
@@ -196313,7 +196489,6 @@ exports.SOCIAL_DISPLAY_NAME_MAX_LENGTH = SOCIAL_DISPLAY_NAME_MAX_LENGTH;
 exports.SOCIAL_HOME_BOTTOM_NAV_CLEARANCE = SOCIAL_HOME_BOTTOM_NAV_CLEARANCE;
 exports.SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB = SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB;
 exports.SOCIAL_HOME_BOTTOM_NAV_HEIGHT = SOCIAL_HOME_BOTTOM_NAV_HEIGHT;
-exports.SOCIAL_HOME_BOTTOM_NAV_PROTRUSION = SOCIAL_HOME_BOTTOM_NAV_PROTRUSION;
 exports.SOCIAL_HOME_HEADER_HEIGHT = SOCIAL_HOME_HEADER_HEIGHT;
 exports.SOCIAL_ONBOARDING_INTRO_STEPS = SOCIAL_ONBOARDING_INTRO_STEPS;
 exports.SOCIAL_ONBOARDING_STEP_LABELS = SOCIAL_ONBOARDING_STEP_LABELS;
@@ -196556,7 +196731,6 @@ exports.useMonthlyFeePaymentsManagementPage = useMonthlyFeePaymentsManagementPag
 exports.useMoonCard = useMoonCard;
 exports.useMyPermissionsPage = useMyPermissionsPage;
 exports.useNotFoundPage = useNotFoundPage;
-exports.useNotchedSlotActive = useNotchedSlotActive;
 exports.useNotificationSettingsPage = useNotificationSettingsPage;
 exports.useOnboardingIntroModal = useOnboardingIntroModal;
 exports.useOnboardingMedium = useOnboardingMedium;