gsintegrations 0.0.490 → 0.0.492

package/dist/bundle.cjs.js

@@ -1879,13 +1879,13 @@ function blend(background, overlay, opacity, gamma = 1.0) {
   });
 }
 
-const _excluded$2y = ["value"];
+const _excluded$2w = ["value"];
 const RtlContext = /*#__PURE__*/React__namespace.createContext();
 function RtlProvider(_ref) {
   let {
       value
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   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$2x = ["values", "unit", "step"];
+const _excluded$2v = ["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$2x);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$2v);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -5706,7 +5706,7 @@ function applyStyles$2(key, styles) {
   return {};
 }
 
-const _excluded$2w = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$2u = ["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$2w);
+    other = _objectWithoutPropertiesLoose(options, _excluded$2u);
   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$2v = ["sx"];
+const _excluded$2t = ["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$2v);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2t);
   const {
     systemProps,
     otherProps
@@ -5885,7 +5885,7 @@ const createClassNameGenerator$1 = () => {
 const ClassNameGenerator$2 = createClassNameGenerator$1();
 var ClassNameGenerator$3 = ClassNameGenerator$2;
 
-const _excluded$2u = ["className", "component"];
+const _excluded$2s = ["className", "component"];
 function createBox(options = {}) {
   const {
     themeId,
@@ -5903,7 +5903,7 @@ function createBox(options = {}) {
         className,
         component = 'div'
       } = _extendSxProp,
-      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$2u);
+      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$2s);
     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$2t = ["ownerState"],
+const _excluded$2r = ["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$2t);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   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$2s = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
+const _excluded$2q = ["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$2s);
+    rest = _objectWithoutPropertiesLoose(parameters, _excluded$2q);
   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$2r = ["className", "component", "disableGutters", "fixed", "maxWidth", "classes"];
+const _excluded$2p = ["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$1Y = (ownerState, componentName) => {
+const useUtilityClasses$1W = (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$2r);
+      other = _objectWithoutPropertiesLoose(props, _excluded$2p);
     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$1Y(ownerState, componentName);
+    const classes = useUtilityClasses$1W(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$2q = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const _excluded$2o = ["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$2q);
+      other = _objectWithoutPropertiesLoose(props, _excluded$2o);
     const ownerState = {
       direction,
       spacing,
@@ -8313,7 +8313,7 @@ const green = {
 };
 var green$1 = green;
 
-const _excluded$2p = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$2n = ["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$2p);
+    other = _objectWithoutPropertiesLoose(palette, _excluded$2n);
   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$2o = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$2m = ["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$2o);
+    other = _objectWithoutPropertiesLoose(_ref, _excluded$2m);
   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$2n = ["duration", "easing", "delay"];
+const _excluded$2l = ["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$2n);
+      other = _objectWithoutPropertiesLoose(options, _excluded$2l);
     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$2m = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$2k = ["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$2m);
+    other = _objectWithoutPropertiesLoose(options, _excluded$2k);
   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$2l = ["ownerState"],
+const _excluded$2j = ["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$2l);
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded$2j);
   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$2k = ["theme"];
+const _excluded$2i = ["theme"];
 function ThemeProvider$1(_ref) {
   let {
       theme: themeInput
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2i);
   const scopedTheme = themeInput[THEME_ID];
   let finalTheme = scopedTheme || themeInput;
   if (typeof themeInput !== 'function') {
@@ -10752,7 +10752,7 @@ function getTransitionProps(props, options) {
   };
 }
 
-const _excluded$2j = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$2h = ["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$2j);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2h);
   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$2i = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
+const _excluded$2g = ["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$1X = ownerState => {
+const useUtilityClasses$1V = 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$2i);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2g);
   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$1X(props);
+  const classes = useUtilityClasses$1V(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$2h = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
+const _excluded$2f = ["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$2h);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2f);
   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$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"];
+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"];
 function round$1(value) {
   return Math.round(value * 1e5) / 1e5;
 }
-const useUtilityClasses$1W = ownerState => {
+const useUtilityClasses$1U = 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$2g);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2e);
 
   // 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$1W(ownerState);
+  const classes = useUtilityClasses$1U(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$2f = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$1V = ownerState => {
+const _excluded$2d = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses$1T = 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$2f);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2d);
   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$1V(ownerState);
+  const classes = useUtilityClasses$1T(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$2e = ["addEndListener", "children", "className", "collapsedSize", "component", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "orientation", "style", "timeout", "TransitionComponent"];
-const useUtilityClasses$1U = ownerState => {
+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 {
     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$2e);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2c);
   const ownerState = _extends$1({}, props, {
     orientation,
     collapsedSize: collapsedSizeProp
   });
-  const classes = useUtilityClasses$1U(ownerState);
+  const classes = useUtilityClasses$1S(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$2d = ["className", "component", "elevation", "square", "variant"];
-const useUtilityClasses$1T = ownerState => {
+const _excluded$2b = ["className", "component", "elevation", "square", "variant"];
+const useUtilityClasses$1R = 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$2d);
+    other = _objectWithoutPropertiesLoose(props, _excluded$2b);
   const ownerState = _extends$1({}, props, {
     component,
     elevation,
     square,
     variant
   });
-  const classes = useUtilityClasses$1T(ownerState);
+  const classes = useUtilityClasses$1R(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$2c = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"],
+const _excluded$2a = ["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$2c);
+    useSlotPropsParams = _objectWithoutPropertiesLoose(parameters, _excluded$2a);
   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$2b = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
-const useUtilityClasses$1S = ownerState => {
+const _excluded$29 = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
+const useUtilityClasses$1Q = 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$2b);
+    other = _objectWithoutPropertiesLoose(props, _excluded$29);
   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$1S(ownerState);
+  const classes = useUtilityClasses$1Q(ownerState);
   const backwardCompatibleSlots = _extends$1({
     transition: TransitionComponentProp
   }, slots);
@@ -15356,8 +15356,8 @@ function getAccordionDetailsUtilityClass(slot) {
 }
 generateUtilityClasses$1('MuiAccordionDetails', ['root']);
 
-const _excluded$2a = ["className"];
-const useUtilityClasses$1R = ownerState => {
+const _excluded$28 = ["className"];
+const useUtilityClasses$1P = ownerState => {
   const {
     classes
   } = ownerState;
@@ -15383,9 +15383,9 @@ const AccordionDetails = /*#__PURE__*/React__namespace.forwardRef(function Accor
   const {
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2a);
+    other = _objectWithoutPropertiesLoose(props, _excluded$28);
   const ownerState = props;
-  const classes = useUtilityClasses$1R(ownerState);
+  const classes = useUtilityClasses$1P(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$29 = ["center", "classes", "className"];
+const _excluded$27 = ["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$29);
+    other = _objectWithoutPropertiesLoose(props, _excluded$27);
   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$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 _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 {
     disabled,
     focusVisible,
@@ -15923,7 +15923,7 @@ const ButtonBase = /*#__PURE__*/React__namespace.forwardRef(function ButtonBase(
       touchRippleRef,
       type
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$28);
+    other = _objectWithoutPropertiesLoose(props, _excluded$26);
   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$1Q(ownerState);
+  const classes = useUtilityClasses$1O(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$27 = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
-const useUtilityClasses$1P = ownerState => {
+const _excluded$25 = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
+const useUtilityClasses$1N = ownerState => {
   const {
     classes,
     expanded,
@@ -16388,7 +16388,7 @@ const AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function Accor
       focusVisibleClassName,
       onClick
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$27);
+    other = _objectWithoutPropertiesLoose(props, _excluded$25);
   const {
     disabled = false,
     disableGutters,
@@ -16408,7 +16408,7 @@ const AccordionSummary = /*#__PURE__*/React__namespace.forwardRef(function Accor
     disabled,
     disableGutters
   });
-  const classes = useUtilityClasses$1P(ownerState);
+  const classes = useUtilityClasses$1N(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$26 = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
-const useUtilityClasses$1O = ownerState => {
+const _excluded$24 = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"];
+const useUtilityClasses$1M = 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$26);
+    other = _objectWithoutPropertiesLoose(props, _excluded$24);
   const ownerState = _extends$1({}, props, {
     edge,
     color,
@@ -16594,7 +16594,7 @@ const IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(
     disableFocusRipple,
     size
   });
-  const classes = useUtilityClasses$1O(ownerState);
+  const classes = useUtilityClasses$1M(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$25 = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
-const useUtilityClasses$1N = ownerState => {
+const _excluded$23 = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
+const useUtilityClasses$1L = 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$25);
+    other = _objectWithoutPropertiesLoose(props, _excluded$23);
   const ownerState = _extends$1({}, props, {
     color,
     severity,
     variant,
     colorSeverity: color || severity
   });
-  const classes = useUtilityClasses$1N(ownerState);
+  const classes = useUtilityClasses$1L(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$24 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$1M = ownerState => {
+const _excluded$22 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
+const useUtilityClasses$1K = 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$24);
+    other = _objectWithoutPropertiesLoose(props, _excluded$22);
   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$1M(ownerState);
+  const classes = useUtilityClasses$1K(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$23 = ["className"];
-const useUtilityClasses$1L = ownerState => {
+const _excluded$21 = ["className"];
+const useUtilityClasses$1J = ownerState => {
   const {
     classes
   } = ownerState;
@@ -17246,9 +17246,9 @@ const AlertTitle = /*#__PURE__*/React__namespace.forwardRef(function AlertTitle(
   const {
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$23);
+    other = _objectWithoutPropertiesLoose(props, _excluded$21);
   const ownerState = props;
-  const classes = useUtilityClasses$1L(ownerState);
+  const classes = useUtilityClasses$1J(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$22 = ["className", "color", "enableColorOnDark", "position"];
-const useUtilityClasses$1K = ownerState => {
+const _excluded$20 = ["className", "color", "enableColorOnDark", "position"];
+const useUtilityClasses$1I = 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$22);
+    other = _objectWithoutPropertiesLoose(props, _excluded$20);
   const ownerState = _extends$1({}, props, {
     color,
     position,
     enableColorOnDark
   });
-  const classes = useUtilityClasses$1K(ownerState);
+  const classes = useUtilityClasses$1I(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$21 = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
-const useUtilityClasses$1J = ownerState => {
+const _excluded$1$ = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
+const useUtilityClasses$1H = 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$21);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1$);
   const ownerState = _extends$1({}, props, {
     color,
     component,
@@ -18516,7 +18516,7 @@ const ListSubheader = /*#__PURE__*/React__namespace.forwardRef(function ListSubh
     disableSticky,
     inset
   });
-  const classes = useUtilityClasses$1J(ownerState);
+  const classes = useUtilityClasses$1H(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$20 = ["avatar", "className", "clickable", "color", "component", "deleteIcon", "disabled", "icon", "label", "onClick", "onDelete", "onKeyDown", "onKeyUp", "size", "variant", "tabIndex", "skipFocusWhenDisabled"];
-const useUtilityClasses$1I = ownerState => {
+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 {
     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$20);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1_);
   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$1I(ownerState);
+  const classes = useUtilityClasses$1G(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$1$ = ["onChange", "maxRows", "minRows", "style", "value"];
+const _excluded$1Z = ["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$1$);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1Z);
   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$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 _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 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$1H = ownerState => {
+const useUtilityClasses$1F = 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$1_);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1Y);
   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$1H(ownerState);
+  const classes = useUtilityClasses$1F(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$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"],
+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"],
   _excluded2$e = ["ref"],
   _excluded3$3 = ["key"],
   _excluded4$1 = ["key"];
-const useUtilityClasses$1G = ownerState => {
+const useUtilityClasses$1E = ownerState => {
   const {
     classes,
     disablePortal,
@@ -20540,7 +20540,7 @@ const Autocomplete = /*#__PURE__*/React__namespace.forwardRef(function Autocompl
       size = 'medium',
       slotProps = {}
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1Z);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1X);
   /* 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$1G(ownerState);
+  const classes = useUtilityClasses$1E(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$1Y = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
-const useUtilityClasses$1F = ownerState => {
+const _excluded$1W = ["alt", "children", "className", "component", "slots", "slotProps", "imgProps", "sizes", "src", "srcSet", "variant"];
+const useUtilityClasses$1D = 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$1Y);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1W);
   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$1F(ownerState);
+  const classes = useUtilityClasses$1D(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$1X = ["children", "className", "component", "componentsProps", "max", "renderSurplus", "slotProps", "spacing", "total", "variant"];
+const _excluded$1V = ["children", "className", "component", "componentsProps", "max", "renderSurplus", "slotProps", "spacing", "total", "variant"];
 const SPACINGS$1 = {
   small: -16,
   medium: null
 };
-const useUtilityClasses$1E = ownerState => {
+const useUtilityClasses$1C = ownerState => {
   const {
     classes
   } = ownerState;
@@ -21553,7 +21553,7 @@ const AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function AvatarGrou
       total,
       variant = 'circular'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1X);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1V);
   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$1E(ownerState);
+  const classes = useUtilityClasses$1C(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$1W = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
+const _excluded$1U = ["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$1W);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1U);
   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$1V = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
-const useUtilityClasses$1D = ownerState => {
+const _excluded$1T = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"];
+const useUtilityClasses$1B = 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$1V);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1T);
   const ownerState = _extends$1({}, props, {
     component,
     invisible
   });
-  const classes = useUtilityClasses$1D(ownerState);
+  const classes = useUtilityClasses$1B(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$1U = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
+const _excluded$1S = ["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$1C = ownerState => {
+const useUtilityClasses$1A = 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$1U);
+    other = _objectWithoutPropertiesLoose(props, _excluded$1S);
   const {
     badgeContent,
     invisible: invisibleFromHook,
@@ -22368,7 +22368,7 @@ const Badge = /*#__PURE__*/React__namespace.forwardRef(function Badge(inProps, r
     overlap,
     variant
   });
-  const classes = useUtilityClasses$1C(ownerState);
+  const classes = useUtilityClasses$1A(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,288 +22516,6 @@ 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;
 
@@ -123880,6 +123598,427 @@ 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
@@ -130830,293 +130969,6 @@ 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
         ? {
@@ -131453,12 +131305,16 @@ function useHideOnScroll(options = {}) {
     return { isScrolling };
 }
 
-/** Inner pill height (actions row). */
-const SOCIAL_HOME_BOTTOM_NAV_HEIGHT = 52;
+/** 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;
 /** Float margin below the pill. */
 const SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB = 16;
-/** 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;
+/** 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;
 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;
@@ -131492,52 +131348,22 @@ const SocialHomeBottomNav = ({ active = "home", messagesUnreadCount = 0, notific
                 px: 2,
                 mb: `${SOCIAL_HOME_BOTTOM_NAV_FLOAT_MB}px`,
             } },
-            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
+            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
                             ? `Mensagens, ${messagesUnreadCount} não lidas`
-                            : "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
+                            : "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
                             ? `Notificações, ${notificationsUnreadCount} não lidas`
-                            : "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 }))))));
+                            : "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)))))));
 };
 
 const SocialUnreadIndicator = ({ count, label = "Novas mensagens", compact = false, }) => {
@@ -143948,7 +143774,9 @@ const MonthlyFeeCard = React$1.memo(({ formatCurrency, monthlyFee, dueDay, payme
     };
     return (React$1.createElement(Card$1, { "data-testid": "monthly-fee-action-card", sx: {
             borderRadius: RADIUS.default,
-            boxShadow: theme.shadows[2],
+            boxShadow: "none",
+            border: 1,
+            borderColor: "divider",
             overflow: "hidden",
         } },
         React$1.createElement(CardHeader$1, { title: React$1.createElement(Stack$1, { direction: "row", alignItems: "center", justifyContent: "space-between", spacing: LIST_GAP },
@@ -143982,13 +143810,17 @@ const MonthlyFeeCard = React$1.memo(({ formatCurrency, monthlyFee, dueDay, payme
                     cursor: isSelectable ? "pointer" : "default",
                     borderRadius: RADIUS.default,
                     outline: "none",
-                    transition: "background-color 0.2s ease, box-shadow 0.2s ease",
+                    transition: "background-color 0.2s ease",
                     "&:hover": isSelectable
                         ? {
                             bgcolor: theme.palette.action.hover,
-                            boxShadow: `inset 0 0 0 1px ${alpha(theme.palette.info.main, 0.24)}`,
                         }
                         : undefined,
+                    "&:focus-visible": {
+                        outline: "2px solid",
+                        outlineColor: theme.palette.primary.main,
+                        outlineOffset: 2,
+                    },
                 } },
                 React$1.createElement(Stack$1, { spacing: 0.5, sx: { mb: 1.5 } },
                     React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { letterSpacing: 0.2 } }, "Valor da mensalidade"),
@@ -144056,7 +143888,7 @@ const MetricItem = React$1.memo(({ icon, label, value, color, isLoading, }) => {
 });
 MetricItem.displayName = "MetricItem";
 // Member payments progress component
-const MemberPaymentsSection = React$1.memo(({ data, isLoading }) => {
+const MemberPaymentsSection = React$1.memo(({ data, isLoading, collectedLabel, expectedLabel, }) => {
     const theme = useTheme$1();
     if (isLoading) {
         return (React$1.createElement(Box$1, { sx: {
@@ -144099,7 +143931,11 @@ const MemberPaymentsSection = React$1.memo(({ data, isLoading }) => {
                     bgcolor: progressColor,
                     borderRadius: RADIUS.default,
                 },
-            } })));
+            } }),
+        collectedLabel && expectedLabel ? (React$1.createElement(Typography$1, { variant: "caption", color: "text.secondary", sx: { mt: 0.75 } },
+            collectedLabel,
+            " recebidos de ",
+            expectedLabel)) : null));
 });
 MemberPaymentsSection.displayName = "MemberPaymentsSection";
 // Category breakdown list component
@@ -144148,7 +143984,7 @@ const CategoryBreakdownSection = React$1.memo(({ title, categories, color, isLoa
 });
 CategoryBreakdownSection.displayName = "CategoryBreakdownSection";
 const FinancialOverviewCard = React$1.memo(({ data, isLoading = false, formatCurrency, onClick, defaultExpanded = false, showMemberPayments = true, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     const theme = useTheme$1();
     const [isExpandedManually, setIsExpandedManually] = React$1.useState(defaultExpanded);
     // Helper to format values
@@ -144162,66 +143998,47 @@ const FinancialOverviewCard = React$1.memo(({ data, isLoading = false, formatCur
             currency: "BRL",
         }).format(value);
     };
-    // Get the current month name in Portuguese
-    const getCurrentMonthName = () => {
-        var _a, _b;
-        if ((_b = (_a = data === null || data === void 0 ? void 0 : data.overview) === null || _a === void 0 ? void 0 : _a.period) === null || _b === void 0 ? void 0 : _b.start) {
-            const date = new Date(data.overview.period.start);
-            // Use UTC methods to avoid timezone conversion issues
-            const year = date.getUTCFullYear();
-            const month = date.getUTCMonth();
-            // Create a date in the local timezone with the correct year/month
-            const localDate = new Date(year, month, 1);
-            return localDate.toLocaleDateString("pt-BR", {
-                month: "long",
-                year: "numeric",
-            });
-        }
-        return new Date().toLocaleDateString("pt-BR", {
-            month: "long",
-            year: "numeric",
-        });
-    };
     // Determine if net flow is positive or negative
-    const netFlowColor = ((_b = (_a = data === null || data === void 0 ? void 0 : data.overview) === null || _a === void 0 ? void 0 : _a.netFlow) !== null && _b !== void 0 ? _b : 0) >= 0
+    const balanceColor = ((_b = (_a = data === null || data === void 0 ? void 0 : data.overview) === null || _a === void 0 ? void 0 : _a.totalBalance) !== null && _b !== void 0 ? _b : 0) < 0
+        ? theme.palette.error.main
+        : theme.palette.success.main;
+    const netFlowColor = ((_d = (_c = data === null || data === void 0 ? void 0 : data.overview) === null || _c === void 0 ? void 0 : _c.netFlow) !== null && _d !== void 0 ? _d : 0) >= 0
         ? theme.palette.success.main
         : theme.palette.error.main;
-    const hasCorrections = ((_d = (_c = data === null || data === void 0 ? void 0 : data.corrections) === null || _c === void 0 ? void 0 : _c.totalCorrections) !== null && _d !== void 0 ? _d : 0) > 0;
+    const hasCorrections = ((_f = (_e = data === null || data === void 0 ? void 0 : data.corrections) === null || _e === void 0 ? void 0 : _e.totalCorrections) !== null && _f !== void 0 ? _f : 0) > 0;
     const hasMemberPayments = showMemberPayments &&
         (data === null || data === void 0 ? void 0 : data.memberPayments) &&
         data.memberPayments.totalMembers > 0;
     const hasCategories = ((data === null || data === void 0 ? void 0 : data.incomeByCategory) && data.incomeByCategory.length > 0) ||
         ((data === null || data === void 0 ? void 0 : data.outcomeByCategory) && data.outcomeByCategory.length > 0);
-    const hasMultipleCategories = ((_f = (_e = data === null || data === void 0 ? void 0 : data.incomeByCategory) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) > 1 ||
-        ((_h = (_g = data === null || data === void 0 ? void 0 : data.outcomeByCategory) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) > 1;
-    const expanded = hasMultipleCategories ? true : isExpandedManually;
+    const expanded = isExpandedManually;
     React$1.useEffect(() => {
         setIsExpandedManually(defaultExpanded);
     }, [defaultExpanded]);
     const handleToggleExpand = (e) => {
-        if (hasMultipleCategories)
-            return;
         e.stopPropagation();
         setIsExpandedManually((current) => !current);
     };
     return (React$1.createElement(Card$1, { onClick: onClick, sx: {
             borderRadius: RADIUS.default,
-            boxShadow: theme.shadows[2],
+            boxShadow: "none",
+            border: 1,
+            borderColor: "divider",
             overflow: "hidden",
             cursor: onClick ? "pointer" : "default",
-            "&:hover": onClick ? { boxShadow: theme.shadows[4] } : undefined,
-            transition: "box-shadow 0.2s ease",
+            outline: "none",
+            "&:hover": onClick
+                ? { borderColor: "primary.main", boxShadow: "none" }
+                : undefined,
+            "&:focus-visible": {
+                outline: "2px solid",
+                outlineColor: "primary.main",
+                outlineOffset: 2,
+            },
         } },
         React$1.createElement(CardHeader$1, { title: React$1.createElement(Stack$1, { direction: "row", alignItems: "center", justifyContent: "space-between", spacing: LIST_GAP },
-                React$1.createElement(Stack$1, { direction: "row", alignItems: "center", spacing: 1 },
-                    React$1.createElement(Typography$1, { variant: "subtitle1", sx: { fontWeight: 700, color: "text.primary" } }, "Resumo Financeiro"),
-                    React$1.createElement(Chip$1, { size: "small", label: getCurrentMonthName(), color: "primary", variant: "outlined", sx: {
-                            bgcolor: alpha(theme.palette.primary.main, 0.08),
-                            borderColor: alpha(theme.palette.primary.main, 0.3),
-                            fontWeight: 500,
-                            textTransform: "capitalize",
-                        } })),
-                hasCorrections && (React$1.createElement(Chip$1, { size: "small", icon: React$1.createElement(BuildIcon, { sx: { fontSize: 14 } }), label: `${(_j = data === null || data === void 0 ? void 0 : data.corrections) === null || _j === void 0 ? void 0 : _j.totalCorrections} correções`, color: "warning", variant: "outlined", sx: {
+                React$1.createElement(Typography$1, { variant: "subtitle1", sx: { fontWeight: 700, color: "text.primary" } }, "Resumo Financeiro"),
+                hasCorrections && (React$1.createElement(Chip$1, { size: "small", icon: React$1.createElement(BuildIcon, { sx: { fontSize: 14 } }), label: `${(_g = data === null || data === void 0 ? void 0 : data.corrections) === null || _g === void 0 ? void 0 : _g.totalCorrections} correções`, color: "warning", variant: "outlined", sx: {
                         bgcolor: alpha(theme.palette.warning.main, 0.08),
                         borderColor: alpha(theme.palette.warning.main, 0.3),
                         fontWeight: 500,
@@ -144235,28 +144052,18 @@ const FinancialOverviewCard = React$1.memo(({ data, isLoading = false, formatCur
                     React$1.createElement(Box$1, { sx: {
                             p: CARD_PADDING,
                             borderRadius: RADIUS.default,
-                            bgcolor: alpha(((_l = (_k = data === null || data === void 0 ? void 0 : data.overview) === null || _k === void 0 ? void 0 : _k.totalBalance) !== null && _l !== void 0 ? _l : 0) < 0
-                                ? theme.palette.primary.main
-                                : theme.palette.success.main, 0.04),
-                            border: `1px solid ${alpha(((_o = (_m = data === null || data === void 0 ? void 0 : data.overview) === null || _m === void 0 ? void 0 : _m.totalBalance) !== null && _o !== void 0 ? _o : 0) < 0
-                                ? theme.palette.primary.main
-                                : theme.palette.success.main, 0.1)}`,
+                            bgcolor: alpha(balanceColor, 0.04),
+                            border: `1px solid ${alpha(balanceColor, 0.1)}`,
                         } },
                         React$1.createElement(MetricItem, { icon: React$1.createElement(AccountBalanceIcon, { fontSize: "small" }), label: "Saldo Total (todas as contas)", value: isLoading
                                 ? ""
-                                : format((_q = (_p = data === null || data === void 0 ? void 0 : data.overview) === null || _p === void 0 ? void 0 : _p.totalBalance) !== null && _q !== void 0 ? _q : 0, (_r = data === null || data === void 0 ? void 0 : data.formatted) === null || _r === void 0 ? void 0 : _r.totalBalance), color: ((_t = (_s = data === null || data === void 0 ? void 0 : data.overview) === null || _s === void 0 ? void 0 : _s.totalBalance) !== null && _t !== void 0 ? _t : 0) < 0
-                                ? theme.palette.primary.main
-                                : theme.palette.success.main, isLoading: isLoading }))),
+                                : format((_j = (_h = data === null || data === void 0 ? void 0 : data.overview) === null || _h === void 0 ? void 0 : _h.totalBalance) !== null && _j !== void 0 ? _j : 0, (_k = data === null || data === void 0 ? void 0 : data.formatted) === null || _k === void 0 ? void 0 : _k.totalBalance), color: balanceColor, isLoading: isLoading }))),
                 (hasMemberPayments || isLoading) && (React$1.createElement(Grid$1, { item: true, xs: 12 },
-                    React$1.createElement(MemberPaymentsSection, { data: data === null || data === void 0 ? void 0 : data.memberPayments, isLoading: isLoading }))),
-                React$1.createElement(Grid$1, { item: true, xs: 6 },
-                    React$1.createElement(MetricItem, { icon: React$1.createElement(TrendingUp$1, { fontSize: "small" }), label: "Entradas (m\u00EAs)", value: isLoading
-                            ? ""
-                            : format((_v = (_u = data === null || data === void 0 ? void 0 : data.overview) === null || _u === void 0 ? void 0 : _u.totalIncome) !== null && _v !== void 0 ? _v : 0, (_w = data === null || data === void 0 ? void 0 : data.formatted) === null || _w === void 0 ? void 0 : _w.totalIncome), color: theme.palette.success.main, isLoading: isLoading })),
-                React$1.createElement(Grid$1, { item: true, xs: 6 },
-                    React$1.createElement(MetricItem, { icon: React$1.createElement(TrendingDownIcon, { fontSize: "small" }), label: "Sa\u00EDdas (m\u00EAs)", value: isLoading
-                            ? ""
-                            : format((_y = (_x = data === null || data === void 0 ? void 0 : data.overview) === null || _x === void 0 ? void 0 : _x.totalOutcome) !== null && _y !== void 0 ? _y : 0, (_z = data === null || data === void 0 ? void 0 : data.formatted) === null || _z === void 0 ? void 0 : _z.totalOutcome), color: theme.palette.error.main, isLoading: isLoading })),
+                    React$1.createElement(MemberPaymentsSection, { data: data === null || data === void 0 ? void 0 : data.memberPayments, isLoading: isLoading, collectedLabel: isLoading
+                            ? undefined
+                            : format((_m = (_l = data === null || data === void 0 ? void 0 : data.memberPayments) === null || _l === void 0 ? void 0 : _l.collectedAmount) !== null && _m !== void 0 ? _m : 0, (_o = data === null || data === void 0 ? void 0 : data.formatted) === null || _o === void 0 ? void 0 : _o.memberPaymentsCollected), expectedLabel: isLoading
+                            ? undefined
+                            : format((_q = (_p = data === null || data === void 0 ? void 0 : data.memberPayments) === null || _p === void 0 ? void 0 : _p.expectedAmount) !== null && _q !== void 0 ? _q : 0, (_r = data === null || data === void 0 ? void 0 : data.formatted) === null || _r === void 0 ? void 0 : _r.memberPaymentsExpected) }))),
                 React$1.createElement(Grid$1, { item: true, xs: 12 },
                     React$1.createElement(Box$1, { sx: {
                             p: LIST_CARD_CONTENT_PADDING,
@@ -144272,37 +144079,39 @@ const FinancialOverviewCard = React$1.memo(({ data, isLoading = false, formatCur
                                 fontWeight: 700,
                                 color: netFlowColor,
                             } },
-                            ((_1 = (_0 = data === null || data === void 0 ? void 0 : data.overview) === null || _0 === void 0 ? void 0 : _0.netFlow) !== null && _1 !== void 0 ? _1 : 0) >= 0 ? "+" : "",
-                            format((_3 = (_2 = data === null || data === void 0 ? void 0 : data.overview) === null || _2 === void 0 ? void 0 : _2.netFlow) !== null && _3 !== void 0 ? _3 : 0, (_4 = data === null || data === void 0 ? void 0 : data.formatted) === null || _4 === void 0 ? void 0 : _4.netFlow))))),
+                            ((_t = (_s = data === null || data === void 0 ? void 0 : data.overview) === null || _s === void 0 ? void 0 : _s.netFlow) !== null && _t !== void 0 ? _t : 0) >= 0 ? "+" : "",
+                            format((_v = (_u = data === null || data === void 0 ? void 0 : data.overview) === null || _u === void 0 ? void 0 : _u.netFlow) !== null && _v !== void 0 ? _v : 0, (_w = data === null || data === void 0 ? void 0 : data.formatted) === null || _w === void 0 ? void 0 : _w.netFlow))))),
                 (hasCategories || isLoading) && (React$1.createElement(Grid$1, { item: true, xs: 12 },
-                    React$1.createElement(Box$1, { onClick: hasMultipleCategories ? undefined : handleToggleExpand, sx: {
-                            cursor: hasMultipleCategories ? "default" : "pointer",
+                    React$1.createElement(Box$1, { component: "button", type: "button", onClick: handleToggleExpand, sx: {
+                            width: "100%",
+                            cursor: "pointer",
                             display: "flex",
                             alignItems: "center",
                             justifyContent: "center",
                             py: 0.5,
                             color: theme.palette.text.secondary,
+                            background: "none",
+                            border: 0,
                             "&:hover": {
-                                color: hasMultipleCategories
-                                    ? theme.palette.text.secondary
-                                    : theme.palette.primary.main,
+                                color: theme.palette.primary.main,
+                            },
+                            "&:focus-visible": {
+                                outline: "2px solid",
+                                outlineColor: theme.palette.primary.main,
+                                outlineOffset: 2,
                             },
                         } },
                         React$1.createElement(CategoryIcon, { sx: { fontSize: 16, mr: 0.5 } }),
-                        React$1.createElement(Typography$1, { variant: "caption" }, hasMultipleCategories
-                            ? "Categorias detalhadas"
-                            : expanded
-                                ? "Ocultar categorias"
-                                : "Ver por categoria")),
+                        React$1.createElement(Typography$1, { variant: "caption", component: "span" }, expanded ? "Ocultar categorias" : "Ver por categoria")),
                     React$1.createElement(Collapse$1, { in: expanded },
                         React$1.createElement(Divider$1, { sx: { my: 1.5 } }),
                         React$1.createElement(Grid$1, { container: true, spacing: GRID_GAP },
-                            (((_5 = data === null || data === void 0 ? void 0 : data.incomeByCategory) === null || _5 === void 0 ? void 0 : _5.length) || isLoading) && (React$1.createElement(Grid$1, { item: true, xs: 12, sm: 6 },
+                            (((_x = data === null || data === void 0 ? void 0 : data.incomeByCategory) === null || _x === void 0 ? void 0 : _x.length) || isLoading) && (React$1.createElement(Grid$1, { item: true, xs: 12, sm: 6 },
                                 React$1.createElement(CategoryBreakdownSection, { title: "Entradas por Categoria", categories: data === null || data === void 0 ? void 0 : data.incomeByCategory, color: theme.palette.success.main, isLoading: isLoading, icon: React$1.createElement(TrendingUp$1, { sx: {
                                             fontSize: 16,
                                             color: theme.palette.success.main,
                                         } }) }))),
-                            (((_6 = data === null || data === void 0 ? void 0 : data.outcomeByCategory) === null || _6 === void 0 ? void 0 : _6.length) || isLoading) && (React$1.createElement(Grid$1, { item: true, xs: 12, sm: 6 },
+                            (((_y = data === null || data === void 0 ? void 0 : data.outcomeByCategory) === null || _y === void 0 ? void 0 : _y.length) || isLoading) && (React$1.createElement(Grid$1, { item: true, xs: 12, sm: 6 },
                                 React$1.createElement(CategoryBreakdownSection, { title: "Sa\u00EDdas por Categoria", categories: data === null || data === void 0 ? void 0 : data.outcomeByCategory, color: theme.palette.error.main, isLoading: isLoading, icon: React$1.createElement(TrendingDownIcon, { sx: {
                                             fontSize: 16,
                                             color: theme.palette.error.main,
@@ -144412,7 +144221,6 @@ const AccountListItem = React$1.memo(({ account, isLastItem, onSelect, formatCur
     const theme = useTheme$1();
     const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     // Convert string balances to numbers for formatting
-    const initialBalance = parseFloat(account.initialBalance);
     const currentBalance = parseFloat(account.currentBalance);
     return (React$1.createElement(ListItem$1, { "data-testid": `financial-account-list-item-${account.id}`, sx: {
             width: "100%",
@@ -144445,9 +144253,6 @@ const AccountListItem = React$1.memo(({ account, isLastItem, onSelect, formatCur
                     account.agency,
                     " | Conta: ",
                     account.account)),
-                React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontSize: { xs: "0.75rem", sm: "0.875rem" } } },
-                    "Saldo inicial: ",
-                    formatCurrency(initialBalance)),
                 React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontSize: { xs: "0.75rem", sm: "0.875rem" } } },
                     "Saldo atual: ",
                     formatCurrency(currentBalance)),
@@ -144495,8 +144300,7 @@ const EmptyState$2 = React$1.memo(({ onAddAccount, theme }) => {
 });
 EmptyState$2.displayName = "EmptyState";
 // Income/Outcome card component
-const FinanceMetricCard = React$1.memo(({ title, value, month, year, color, icon, formatCurrency, onClick, showAmount = true, ctaLabel, ctaDescription, ariaLabel, testId, }) => {
-    const theme = useTheme$1();
+const FinanceMetricCard = React$1.memo(({ title, value, color, icon, formatCurrency, onClick, ctaLabel = "Ver lista", ariaLabel, testId, }) => {
     const handleKeyDown = (e) => {
         if (!onClick)
             return;
@@ -144507,17 +144311,26 @@ const FinanceMetricCard = React$1.memo(({ title, value, month, year, color, icon
     };
     return (React$1.createElement(Card$1, { "data-testid": testId, onClick: onClick, onKeyDown: handleKeyDown, role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, "aria-label": onClick ? ariaLabel : undefined, sx: {
             borderRadius: RADIUS.default,
-            boxShadow: theme.shadows[2],
+            boxShadow: "none",
+            border: 1,
+            borderColor: "divider",
             height: "100%",
             cursor: onClick ? "pointer" : "default",
-            // subtle hover elevation when clickable
-            "&:hover": onClick ? { boxShadow: theme.shadows[4] } : undefined,
             outline: "none",
+            "&:hover": onClick
+                ? { borderColor: "primary.main", boxShadow: "none" }
+                : undefined,
+            "&:focus-visible": {
+                outline: "2px solid",
+                outlineColor: "primary.main",
+                outlineOffset: 2,
+            },
         } },
         React$1.createElement(CardContent$1, { sx: LIST_CARD_CONTENT_SX },
             React$1.createElement(Box$1, { sx: {
                     display: "flex",
                     justifyContent: "space-between",
+                    alignItems: "flex-start",
                 } },
                 React$1.createElement(Box$1, { sx: { display: "flex", alignItems: "center", mb: 1 } },
                     icon,
@@ -144525,24 +144338,13 @@ const FinanceMetricCard = React$1.memo(({ title, value, month, year, color, icon
                             fontWeight: 600,
                             ml: 1,
                         } }, title)),
-                React$1.createElement(Typography$1, { variant: "body2", sx: {
-                        fontWeight: 100,
-                        ml: 1,
-                    } }, showAmount
-                    ? `${month}/${year}`
-                    : ctaLabel || (onClick ? "Ver lista" : ""))),
-            showAmount ? (React$1.createElement(Typography$1, { variant: "h6", sx: {
+                onClick ? (React$1.createElement(ChevronRight$2, { sx: { color, fontSize: 20 }, "aria-hidden": "true" })) : null),
+            React$1.createElement(Typography$1, { variant: "h6", sx: {
                     color: color,
                     fontWeight: 600,
                     fontSize: { xs: "1rem", sm: "1.25rem" },
-                } }, formatCurrency(value))) : (React$1.createElement(Box$1, { sx: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    mt: 0.5,
-                } },
-                React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontWeight: 500 } }, ctaDescription || "Abrir lista"),
-                React$1.createElement(ChevronRight$2, { sx: { color: color, fontSize: 20 }, "aria-hidden": "true" }))))));
+                } }, formatCurrency(value)),
+            onClick ? (React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontWeight: 500, mt: 0.5 } }, ctaLabel)) : null)));
 });
 FinanceMetricCard.displayName = "FinanceMetricCard";
 const FinancialAccountsList = (props) => {
@@ -144550,7 +144352,6 @@ const FinancialAccountsList = (props) => {
     const theme = useTheme$1();
     const { data, fns } = useFinancialAccountsList(props);
     const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-    const hasOverviewData = Boolean(props.financialOverview) && !props.isOverviewLoading;
     const showPeriodFilter = (_a = props.showPeriodFilter) !== null && _a !== void 0 ? _a : Boolean(props.periodLabel ||
         props.periodInputValue ||
         props.onPeriodInputChange ||
@@ -144568,25 +144369,23 @@ const FinancialAccountsList = (props) => {
         } },
         React$1.createElement(PageHeader$2, { title: "Financeiro", onBack: props.onBack, onAdd: props.onAddAccount, addLabel: "Adicionar", showAddButton: true, hideAddButtonOnMobile: true }),
         React$1.createElement(Container$1, { maxWidth: "md", sx: PAGE_LIST_CONTAINER_SPACING },
-            showPeriodFilter && (React$1.createElement(Stack$1, { direction: { xs: "column", sm: "row" }, spacing: SECTION_GAP, alignItems: { xs: "flex-start", sm: "center" }, justifyContent: "space-between", sx: { pb: LIST_CONTROLS_MARGIN_BOTTOM } },
-                React$1.createElement(Stack$1, { spacing: 0.5 },
-                    React$1.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary" }, "Compet\u00EAncia"),
-                    React$1.createElement(Typography$1, { variant: "body2", sx: { textTransform: "capitalize" } }, props.periodLabel || "-")),
-                React$1.createElement(Stack$1, { direction: "row", spacing: 1, alignItems: "center" },
+            showPeriodFilter && (React$1.createElement(Stack$1, { spacing: 1, sx: { pb: LIST_CONTROLS_MARGIN_BOTTOM } },
+                React$1.createElement(Stack$1, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap" },
                     React$1.createElement(LabeledMonthPicker, { label: "Selecionar m\u00EAs", value: props.periodInputValue || "", onChange: (value) => { var _a; return (_a = props.onPeriodInputChange) === null || _a === void 0 ? void 0 : _a.call(props, value); }, minMonth: props.periodInputMin || "2000-01", maxMonth: props.periodInputMax || "2100-12", "data-testid": "financial-period-input" }),
                     React$1.createElement(Button$1, { variant: "text", onClick: props.onResetToCurrentPeriod, "data-testid": "financial-period-current-month-button" }, "M\u00EAs atual"),
                     props.canExportFinancialReport &&
                         props.onExportFinancialReport && (React$1.createElement(Button$1, { variant: "outlined", onClick: props.onExportFinancialReport, disabled: props.isExportingFinancialReport, "data-testid": "financial-report-export-button" }, props.isExportingFinancialReport
                         ? "Exportando..."
-                        : "Exportar CSV"))))),
+                        : "Exportar CSV"))),
+                props.financialReportExportError ? (React$1.createElement(Alert$1, { severity: "error", "data-testid": "financial-report-export-error" }, props.financialReportExportError)) : null)),
             React$1.createElement(Box$1, { sx: { mb: SECTION_GAP } },
                 (props.financialOverview || props.isOverviewLoading) && (React$1.createElement(Box$1, { sx: { mb: LIST_CONTROLS_MARGIN_BOTTOM } },
                     React$1.createElement(FinancialOverviewCard, { data: props.financialOverview, isLoading: props.isOverviewLoading, formatCurrency: data.formatCurrency, defaultExpanded: props.financialOverviewExpanded, showMemberPayments: Boolean(props.isTerreiro) }))),
                 React$1.createElement(Grid$1, { container: true, spacing: GRID_GAP, sx: { mb: LIST_CONTROLS_MARGIN_BOTTOM } },
                     React$1.createElement(Grid$1, { item: true, xs: 6 },
-                        React$1.createElement(FinanceMetricCard, { title: "Entrada", value: data.income.totalAmount || 0, month: data.income.month, year: data.income.year, color: theme.palette.success.main, icon: React$1.createElement(TrendingUp$1, { sx: { color: theme.palette.success.main } }), formatCurrency: data.formatCurrency, onClick: props.onClickIncome, showAmount: !hasOverviewData, ctaLabel: "Ver lista", ctaDescription: "Ir para lista de entradas", ariaLabel: "Ver lista de entradas", testId: "financial-income-metric-card" })),
+                        React$1.createElement(FinanceMetricCard, { title: "Entrada", value: data.income.totalAmount || 0, color: theme.palette.success.main, icon: React$1.createElement(TrendingUp$1, { sx: { color: theme.palette.success.main } }), formatCurrency: data.formatCurrency, onClick: props.onClickIncome, ctaLabel: "Ver lista", ariaLabel: "Ver lista de entradas", testId: "financial-income-metric-card" })),
                     React$1.createElement(Grid$1, { item: true, xs: 6 },
-                        React$1.createElement(FinanceMetricCard, { title: "Sa\u00EDda", value: data.outcome.totalAmount || 0, month: data.outcome.month, year: data.outcome.year, color: theme.palette.error.main, icon: React$1.createElement(TrendingDownIcon, { sx: { color: theme.palette.error.main } }), formatCurrency: data.formatCurrency, onClick: props.onClickOutcome, showAmount: !hasOverviewData, ctaLabel: "Ver lista", ctaDescription: "Ir para lista de sa\u00EDdas", ariaLabel: "Ver lista de sa\u00EDdas", testId: "financial-outcome-metric-card" }))),
+                        React$1.createElement(FinanceMetricCard, { title: "Sa\u00EDda", value: data.outcome.totalAmount || 0, color: theme.palette.error.main, icon: React$1.createElement(TrendingDownIcon, { sx: { color: theme.palette.error.main } }), formatCurrency: data.formatCurrency, onClick: props.onClickOutcome, ctaLabel: "Ver lista", ariaLabel: "Ver lista de sa\u00EDdas", testId: "financial-outcome-metric-card" }))),
                 props.isTerreiro && (React$1.createElement(MonthlyFeeCard, { formatCurrency: data.formatCurrency, monthlyFee: data.monthlyFee || 0, dueDay: data.monthlyFeeDueDay !== undefined
                         ? String(data.monthlyFeeDueDay)
                         : "-", paymentMethod: data.monthlyFeePaymentMethod !== undefined
@@ -152661,7 +152460,139 @@ const isDefaultHomeWidgetOrder = (order, profile) => {
 };
 const mergeHomeWidgetVisibility = (partial) => (Object.assign(Object.assign({}, DEFAULT_HOME_WIDGET_VISIBILITY), (partial !== null && partial !== void 0 ? partial : {})));
 
-enumType(["root", "visibility", "order"]);
+/** Funcionalidade ids used as the untouched defaults for each profile. */
+const BOTTOM_NAV_ACTION_EVENTS = "events";
+const BOTTOM_NAV_ACTION_ACTIVITIES = "activities";
+const BOTTOM_NAV_ACTION_SOCIAL = "social";
+const BOTTOM_NAV_ACTION_RITUAL_BATHS = "ritual-baths";
+enumType(["leading", "trailing"]);
+const HomeBottomNavShortcutsSchema = objectType({
+    leading: stringType().min(1),
+    trailing: stringType().min(1),
+});
+const HomeBottomNavProfileKindSchema = enumType(["personal", "terreiro"]);
+const ATALHOS_DA_BARRA_TITLE = "Atalhos da barra";
+const ATALHOS_DA_BARRA_ROW_TITLE = "Escolher atalhos";
+const ATALHOS_DA_BARRA_SECTION_DESCRIPTION = "Troque os dois atalhos ao lado do logo por outras Funcionalidades. Home, o logo e Menu não mudam, e a escolha vale só para este perfil.";
+const ATALHOS_DA_BARRA_ONLY_TWO_TEXT = "Somente estes dois atalhos podem ser alterados. Home, o logo (troca de perfil) e Menu permanecem fixos.";
+const ATALHOS_DA_BARRA_FROM_FUNCIONALIDADES_TEXT = "A lista é a de Funcionalidades deste perfil.";
+const ATALHOS_DA_BARRA_PERSONAL_SCOPE_TEXT = "Esta escolha fica só no perfil pessoal. Cada terreiro guarda a sua, separada.";
+const atalhosDaBarraTerreiroScopeText = (terreiroName) => `Esta escolha fica só em ${terreiroName}. O perfil pessoal e os outros terreiros não são alterados.`;
+const ATALHOS_DA_BARRA_LEADING_LABEL = "Esquerda";
+const ATALHOS_DA_BARRA_TRAILING_LABEL = "Direita";
+const ATALHOS_DA_BARRA_USED_ELSEWHERE = "Usado no outro atalho";
+const RESTAURAR_ATALHOS_PADRAO_LABEL = "Restaurar padrão";
+const BOTTOM_NAV_PROFILE_PERSONAL_LABEL = "Perfil pessoal";
+const SYNTHETIC_ACTIONS = {
+    [BOTTOM_NAV_ACTION_EVENTS]: {
+        id: BOTTOM_NAV_ACTION_EVENTS,
+        title: "Eventos",
+        route: "/events",
+        icon: "📅",
+    },
+    [BOTTOM_NAV_ACTION_ACTIVITIES]: {
+        id: BOTTOM_NAV_ACTION_ACTIVITIES,
+        title: "Atividades",
+        route: "/activities",
+        icon: "📋",
+    },
+    [BOTTOM_NAV_ACTION_SOCIAL]: {
+        id: BOTTOM_NAV_ACTION_SOCIAL,
+        title: "Social",
+        route: "/social",
+        icon: "🌐",
+    },
+    [BOTTOM_NAV_ACTION_RITUAL_BATHS]: {
+        id: BOTTOM_NAV_ACTION_RITUAL_BATHS,
+        title: "Banhos",
+        route: "/ritual-baths",
+        icon: "🧘",
+    },
+};
+/**
+ * The events Funcionalidade is titled "Giras" in the menu.
+ * The bar keeps the established short label "Eventos".
+ */
+const bottomNavLabelForAction = (action) => action.id === BOTTOM_NAV_ACTION_EVENTS ? "Eventos" : action.title;
+const getDefaultBottomNavShortcuts = (input) => {
+    if (input.hasTerreiroContext) {
+        return {
+            leading: BOTTOM_NAV_ACTION_EVENTS,
+            trailing: BOTTOM_NAV_ACTION_ACTIVITIES,
+        };
+    }
+    if (input.canUseSocial) {
+        return {
+            leading: BOTTOM_NAV_ACTION_SOCIAL,
+            trailing: BOTTOM_NAV_ACTION_ACTIVITIES,
+        };
+    }
+    return {
+        leading: BOTTOM_NAV_ACTION_RITUAL_BATHS,
+        trailing: BOTTOM_NAV_ACTION_ACTIVITIES,
+    };
+};
+const toShortcutAction = (action) => ({
+    id: action.id,
+    label: bottomNavLabelForAction(action),
+    route: action.route,
+    icon: action.icon,
+    badge: action.badge,
+});
+const findAction = (actions, id) => {
+    if (!id)
+        return undefined;
+    return actions.find((action) => action.id === id);
+};
+/**
+ * Maps stored ids onto the current Funcionalidades.
+ * A missing id falls back to that profile's default. The two slots never share an id.
+ */
+const resolveBottomNavShortcuts = (input) => {
+    var _a, _b, _c;
+    const defaults = getDefaultBottomNavShortcuts(input);
+    const availableIds = input.actions.map((action) => action.id);
+    const available = new Set(availableIds);
+    const pickId = (preferred, fallback, blocked) => {
+        const candidates = [preferred, fallback, ...availableIds];
+        for (const id of candidates) {
+            if (!id || id === blocked)
+                continue;
+            if (available.size === 0 || available.has(id))
+                return id;
+        }
+        return fallback;
+    };
+    const leadingId = pickId((_a = input.shortcuts) === null || _a === void 0 ? void 0 : _a.leading, defaults.leading);
+    let trailingId = pickId((_b = input.shortcuts) === null || _b === void 0 ? void 0 : _b.trailing, defaults.trailing, leadingId);
+    if (trailingId === leadingId) {
+        trailingId = pickId(defaults.trailing === leadingId ? undefined : defaults.trailing, (_c = availableIds.find((id) => id !== leadingId)) !== null && _c !== void 0 ? _c : defaults.trailing, leadingId);
+    }
+    const resolveOne = (id) => {
+        var _a;
+        const match = (_a = findAction(input.actions, id)) !== null && _a !== void 0 ? _a : SYNTHETIC_ACTIONS[id];
+        if (match)
+            return toShortcutAction(match);
+        return {
+            id,
+            label: id,
+            route: "/",
+        };
+    };
+    const leading = resolveOne(leadingId);
+    const trailing = resolveOne(trailingId);
+    const shortcuts = { leading: leading.id, trailing: trailing.id };
+    const isDefault = shortcuts.leading === defaults.leading &&
+        shortcuts.trailing === defaults.trailing;
+    return { leading, trailing, shortcuts, defaults, isDefault };
+};
+
+enumType([
+    "root",
+    "visibility",
+    "order",
+    "shortcuts",
+]);
 objectType({
     open: booleanType(),
     onClose: functionType(tupleType([]), voidType()),
@@ -152697,6 +152628,19 @@ objectType({
      */
     onWidgetsCustomizeViewOpen: functionType(tupleType([HomeWidgetsCustomizeViewSchema]), voidType())
         .optional(),
+    /**
+     * Resolved leading/trailing Funcionalidade ids for the active profile.
+     * Shown in Atalhos da barra. Omitted with onBottomNavShortcutChange hides the section.
+     */
+    bottomNavShortcuts: HomeBottomNavShortcutsSchema.optional(),
+    /** Profile defaults used by Restaurar padrão. */
+    defaultBottomNavShortcuts: HomeBottomNavShortcutsSchema.optional(),
+    onBottomNavShortcutChange: functionType(tupleType([HomeBottomNavShortcutsSchema]), voidType())
+        .optional(),
+    /** personal vs the selected terreiro — copy explains the choice is not shared. */
+    bottomNavProfileKind: HomeBottomNavProfileKindSchema.optional(),
+    /** Terreiro name, or "Perfil pessoal". */
+    bottomNavProfileLabel: stringType().min(1).optional(),
 });
 const FUNCIONALIDADES_SECTION_DESCRIPTION = "Atalhos para as principais áreas e ações do terreiro.";
 const WIDGETS_SECTION_DESCRIPTION = "Personalize quais widgets aparecem na tela inicial e em que ordem.";
@@ -152735,6 +152679,9 @@ const useHomeMenu = (props) => {
         setView("order");
         (_a = props.onWidgetsCustomizeViewOpen) === null || _a === void 0 ? void 0 : _a.call(props, "order");
     }, [props]);
+    const handleOpenShortcuts = React$1.useCallback(() => {
+        setView("shortcuts");
+    }, []);
     const handleActionClick = React$1.useCallback((route) => {
         props.onActionClick(route);
         props.onClose();
@@ -152807,6 +152754,36 @@ const useHomeMenu = (props) => {
         const meta = { method: "reset" };
         props.onWidgetOrderChange([...defaultWidgetOrder], meta);
     }, [props, currentOrder, defaultWidgetOrder]);
+    const bottomNavShortcuts = props.bottomNavShortcuts;
+    const defaultBottomNavShortcuts = props.defaultBottomNavShortcuts;
+    const isDefaultBottomNavShortcuts = React$1.useMemo(() => {
+        if (!bottomNavShortcuts || !defaultBottomNavShortcuts)
+            return true;
+        return (bottomNavShortcuts.leading === defaultBottomNavShortcuts.leading &&
+            bottomNavShortcuts.trailing === defaultBottomNavShortcuts.trailing);
+    }, [bottomNavShortcuts, defaultBottomNavShortcuts]);
+    const handleBottomNavShortcutChange = React$1.useCallback((slot, actionId) => {
+        if (!props.onBottomNavShortcutChange || !bottomNavShortcuts)
+            return;
+        if (bottomNavShortcuts[slot] === actionId)
+            return;
+        const next = Object.assign(Object.assign({}, bottomNavShortcuts), { [slot]: actionId });
+        if (next.leading === next.trailing)
+            return;
+        props.onBottomNavShortcutChange(next);
+    }, [props, bottomNavShortcuts]);
+    const handleBottomNavShortcutReset = React$1.useCallback(() => {
+        if (!props.onBottomNavShortcutChange ||
+            !defaultBottomNavShortcuts ||
+            isDefaultBottomNavShortcuts) {
+            return;
+        }
+        props.onBottomNavShortcutChange(Object.assign({}, defaultBottomNavShortcuts));
+    }, [
+        props,
+        defaultBottomNavShortcuts,
+        isDefaultBottomNavShortcuts,
+    ]);
     const widgets = React$1.useMemo(() => {
         if (props.showQuickActions === undefined) {
             return props.widgets;
@@ -152828,17 +152805,25 @@ const useHomeMenu = (props) => {
         return widgets.filter((widget) => widget.id !== "quickActions");
     }, [props.reorderableWidgets, props.widgetOrder, widgets]);
     const showQuickActions = (_e = (_c = props.showQuickActions) !== null && _c !== void 0 ? _c : (_d = widgets.find((widget) => widget.id === "quickActions")) === null || _d === void 0 ? void 0 : _d.visible) !== null && _e !== void 0 ? _e : true;
-    const data = React$1.useMemo(() => ({
-        open: props.open,
-        actions: props.actions,
-        widgets,
-        reorderableWidgets,
-        showQuickActions,
-        view,
-        canReorder,
-        isDefaultOrder,
-        defaultWidgetOrder,
-    }), [
+    const data = React$1.useMemo(() => {
+        var _a;
+        return ({
+            open: props.open,
+            actions: props.actions,
+            widgets,
+            reorderableWidgets,
+            showQuickActions,
+            view,
+            canReorder,
+            isDefaultOrder,
+            defaultWidgetOrder,
+            canCustomizeBottomNav: props.onBottomNavShortcutChange !== undefined && props.actions.length > 0,
+            bottomNavShortcuts,
+            isDefaultBottomNavShortcuts,
+            bottomNavProfileKind: (_a = props.bottomNavProfileKind) !== null && _a !== void 0 ? _a : "personal",
+            bottomNavProfileLabel: props.bottomNavProfileLabel,
+        });
+    }, [
         props.open,
         props.actions,
         widgets,
@@ -152848,33 +152833,110 @@ const useHomeMenu = (props) => {
         canReorder,
         isDefaultOrder,
         defaultWidgetOrder,
+        props.onBottomNavShortcutChange,
+        bottomNavShortcuts,
+        isDefaultBottomNavShortcuts,
+        props.bottomNavProfileKind,
+        props.bottomNavProfileLabel,
     ]);
     const fns = React$1.useMemo(() => ({
         handleClose,
         handleBack,
         handleOpenVisibility,
         handleOpenOrder,
+        handleOpenShortcuts,
         handleActionClick,
         handleWidgetVisibilityChange,
         handleShowQuickActionsChange,
         handleWidgetOrderMove,
         handleWidgetOrderReorder,
         handleWidgetOrderReset,
+        handleBottomNavShortcutChange,
+        handleBottomNavShortcutReset,
     }), [
         handleClose,
         handleBack,
         handleOpenVisibility,
         handleOpenOrder,
+        handleOpenShortcuts,
         handleActionClick,
         handleWidgetVisibilityChange,
         handleShowQuickActionsChange,
         handleWidgetOrderMove,
         handleWidgetOrderReorder,
         handleWidgetOrderReset,
+        handleBottomNavShortcutChange,
+        handleBottomNavShortcutReset,
     ]);
     return { data, fns };
 };
 
+const sectionDescriptionSx$1 = {
+    fontSize: "0.8125rem",
+    lineHeight: 1.4,
+    mt: 0,
+    mb: 1.5,
+    px: 0.5,
+};
+const ShortcutRadioList = ({ slot, label, value, blockedId, actions, onChange }) => {
+    const theme = useTheme$1();
+    return (React$1.createElement(Box$1, { sx: { mb: 2 } },
+        React$1.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary", component: "h2", sx: { fontWeight: 600, fontSize: "0.8125rem", mb: 1, px: 0.5 } }, label),
+        React$1.createElement(RadioGroup$1, { "aria-label": `Atalho da ${label.toLowerCase()}`, value: value, onChange: (_event, next) => onChange(next), sx: {
+                bgcolor: theme.palette.mode === "dark"
+                    ? alpha(theme.palette.common.white, 0.08)
+                    : alpha(theme.palette.common.black, 0.04),
+                borderRadius: RADIUS.default,
+                overflow: "hidden",
+            } }, actions.map((action, index) => {
+            const usedElsewhere = action.id === blockedId;
+            return (React$1.createElement(React$1.Fragment, { key: action.id },
+                index > 0 && React$1.createElement(Divider$1, { sx: { ml: 2 } }),
+                React$1.createElement(FormControlLabel$1, { value: action.id, disabled: usedElsewhere, "data-testid": `home-bottom-nav-shortcut-${slot}-${action.id}`, control: React$1.createElement(Radio$1, { color: "primary", inputProps: {
+                            "aria-label": usedElsewhere
+                                ? `${action.title}, ${ATALHOS_DA_BARRA_USED_ELSEWHERE}`
+                                : action.title,
+                        } }), label: React$1.createElement(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1.5, py: 0.5 } },
+                        React$1.createElement(Box$1, { sx: {
+                                width: 36,
+                                height: 36,
+                                borderRadius: RADIUS.default,
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center",
+                                bgcolor: alpha(theme.palette.primary.main, 0.12),
+                                color: theme.palette.primary.main,
+                                flexShrink: 0,
+                                "& .MuiSvgIcon-root": { fontSize: 20 },
+                            } }, resolveActionIcon(action.icon)),
+                        React$1.createElement(Box$1, { sx: { minWidth: 0 } },
+                            React$1.createElement(Typography$1, { variant: "body1", sx: { fontWeight: 500 } }, action.title),
+                            usedElsewhere && (React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontSize: "0.8125rem", lineHeight: 1.35 } }, ATALHOS_DA_BARRA_USED_ELSEWHERE)))), sx: {
+                        mx: 0,
+                        px: 1.5,
+                        py: 0.75,
+                        minHeight: 48,
+                        width: "100%",
+                        alignItems: "center",
+                    } })));
+        }))));
+};
+const HomeMenuShortcuts = ({ actions, shortcuts, profileKind, profileLabel, isDefault, onChange, onReset, }) => {
+    const terreiroName = (profileLabel === null || profileLabel === void 0 ? void 0 : profileLabel.trim()) || "este terreiro";
+    const profileHeading = profileKind === "terreiro" ? terreiroName : BOTTOM_NAV_PROFILE_PERSONAL_LABEL;
+    const scopeText = profileKind === "terreiro"
+        ? atalhosDaBarraTerreiroScopeText(terreiroName)
+        : ATALHOS_DA_BARRA_PERSONAL_SCOPE_TEXT;
+    return (React$1.createElement(Box$1, null,
+        React$1.createElement(Typography$1, { variant: "subtitle1", component: "h2", "data-testid": "home-menu-bottom-nav-profile", sx: { fontWeight: 600, mb: 1 } }, profileHeading),
+        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: sectionDescriptionSx$1 }, ATALHOS_DA_BARRA_ONLY_TWO_TEXT),
+        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: Object.assign(Object.assign({}, sectionDescriptionSx$1), { mt: -0.5 }) }, ATALHOS_DA_BARRA_FROM_FUNCIONALIDADES_TEXT),
+        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", "data-testid": "home-menu-bottom-nav-scope", sx: Object.assign(Object.assign({}, sectionDescriptionSx$1), { mt: -0.5 }) }, scopeText),
+        React$1.createElement(Button$1, { fullWidth: true, variant: "outlined", color: "primary", "data-testid": "home-bottom-nav-shortcuts-reset", "aria-label": RESTAURAR_ATALHOS_PADRAO_LABEL, disabled: isDefault, onClick: onReset, sx: { mb: 2, textTransform: "none", fontWeight: 500 } }, RESTAURAR_ATALHOS_PADRAO_LABEL),
+        React$1.createElement(ShortcutRadioList, { slot: "leading", label: ATALHOS_DA_BARRA_LEADING_LABEL, value: shortcuts.leading, blockedId: shortcuts.trailing, actions: actions, onChange: (actionId) => onChange("leading", actionId) }),
+        React$1.createElement(ShortcutRadioList, { slot: "trailing", label: ATALHOS_DA_BARRA_TRAILING_LABEL, value: shortcuts.trailing, blockedId: shortcuts.leading, actions: actions, onChange: (actionId) => onChange("trailing", actionId) })));
+};
+
 /** Below HomeBottomNav (appBar 1100) so the Menu tab stays tappable while open. */
 const HOME_MENU_DRAWER_Z_INDEX = 1050;
 const sectionTitleSx$2 = {
@@ -152997,12 +153059,16 @@ const HomeMenu = (props) => {
         ? EXIBIR_WIDGETS_TITLE
         : data.view === "order"
             ? ORDENAR_WIDGETS_TITLE
-            : "Opções";
+            : data.view === "shortcuts"
+                ? ATALHOS_DA_BARRA_TITLE
+                : "Opções";
     const dialogLabel = data.view === "visibility"
         ? EXIBIR_WIDGETS_TITLE
         : data.view === "order"
             ? ORDENAR_WIDGETS_TITLE
-            : "Menu";
+            : data.view === "shortcuts"
+                ? ATALHOS_DA_BARRA_TITLE
+                : "Menu";
     return (React$1.createElement(GenericDrawer, { open: data.open, onClose: fns.handleClose, fullHeight: true, disableEnforceFocus: true, zIndex: HOME_MENU_DRAWER_Z_INDEX, "aria-label": dialogLabel },
         React$1.createElement(Box$1, { sx: {
                 display: "flex",
@@ -153076,6 +153142,24 @@ const HomeMenu = (props) => {
                                                 fontSize: 20,
                                             } }))));
                             }))))),
+                    data.canCustomizeBottomNav && data.bottomNavShortcuts && (React$1.createElement(Box$1, { sx: { mb: 2 } },
+                        React$1.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary", sx: sectionTitleSx$2 }, ATALHOS_DA_BARRA_TITLE),
+                        React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: sectionDescriptionSx }, ATALHOS_DA_BARRA_SECTION_DESCRIPTION),
+                        React$1.createElement(Box$1, { sx: {
+                                bgcolor: cardBg,
+                                borderRadius: RADIUS.default,
+                                overflow: "hidden",
+                            } },
+                            React$1.createElement(List$1, { disablePadding: true },
+                                React$1.createElement(ListItemButton$1, { onClick: fns.handleOpenShortcuts, "aria-label": ATALHOS_DA_BARRA_TITLE, "data-testid": "home-menu-bottom-nav-shortcuts", sx: { py: 1.5, px: 2 } },
+                                    React$1.createElement(ListItemText$1, { primary: ATALHOS_DA_BARRA_ROW_TITLE, secondary: "Somente os dois atalhos ao lado do logo", primaryTypographyProps: { fontWeight: 500 }, secondaryTypographyProps: {
+                                            fontSize: "0.8125rem",
+                                            lineHeight: 1.35,
+                                        } }),
+                                    React$1.createElement(ChevronRight$2, { sx: {
+                                            color: theme.palette.text.secondary,
+                                            fontSize: 20,
+                                        } })))))),
                     data.widgets.length > 0 && (React$1.createElement(Box$1, null,
                         React$1.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary", sx: sectionTitleSx$2 }, "Widgets"),
                         React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: sectionDescriptionSx }, WIDGETS_SECTION_DESCRIPTION),
@@ -153111,7 +153195,8 @@ const HomeMenu = (props) => {
                 data.view === "order" && (React$1.createElement(Box$1, null,
                     React$1.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: Object.assign(Object.assign({}, sectionDescriptionSx), { mt: 0 }) }, ORDENAR_WIDGETS_DESCRIPTION),
                     React$1.createElement(Button$1, { fullWidth: true, variant: "outlined", color: "primary", "data-testid": "home-widget-order-reset", "aria-label": RESTAURAR_ORDEM_PADRAO_LABEL, disabled: data.isDefaultOrder, onClick: fns.handleWidgetOrderReset, sx: { mb: 1.5, textTransform: "none", fontWeight: 500 } }, RESTAURAR_ORDEM_PADRAO_LABEL),
-                    React$1.createElement(HomeMenuOrderList, { widgets: data.reorderableWidgets, cardBg: cardBg, onMove: fns.handleWidgetOrderMove, onReorder: fns.handleWidgetOrderReorder })))))));
+                    React$1.createElement(HomeMenuOrderList, { widgets: data.reorderableWidgets, cardBg: cardBg, onMove: fns.handleWidgetOrderMove, onReorder: fns.handleWidgetOrderReorder }))),
+                data.view === "shortcuts" && data.bottomNavShortcuts && (React$1.createElement(HomeMenuShortcuts, { actions: data.actions, shortcuts: data.bottomNavShortcuts, profileKind: data.bottomNavProfileKind, profileLabel: data.bottomNavProfileLabel, isDefault: data.isDefaultBottomNavShortcuts, onChange: fns.handleBottomNavShortcutChange, onReset: fns.handleBottomNavShortcutReset }))))));
 };
 var HomeMenu$1 = React$1.memo(HomeMenu);
 
@@ -153899,11 +153984,37 @@ 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 HomeBottomNav = React$1.memo(function HomeBottomNav({ value, onChange, onQuickAction, onMenu, menuOpen = false, onOpenProfileSelector, hasTerreiroContext = true, canUseSocial = false, socialNotificationsUnreadCount = 0, }) {
+const shortcutBadgeContent = (badge) => {
+    if (badge == null || badge === 0 || badge === "0")
+        return undefined;
+    return badge;
+};
+const ShortcutTab = ({ action, onQuickAction }) => {
+    const badge = shortcutBadgeContent(action.badge);
+    const isSocial = action.id === "social";
+    const icon = resolveActionIcon(action.icon);
+    const 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)" },
+        } }));
+};
+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);
     const { isScrolling } = useHideOnScroll();
     const [entered, setEntered] = React$1.useState(false);
@@ -153934,66 +154045,50 @@ 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,
-                    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("/") }),
-                    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
+            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
                             ? `Social, ${socialBadge} notificações não lidas`
-                            : "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: 48,
-                                height: 48,
-                                borderRadius: RADIUS.circle,
-                                objectFit: "cover",
-                                boxShadow: (theme) => `0 4px 12px ${theme.palette.primary.main}40`,
-                                transform: "translateY(-6px)",
-                                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 }),
-                    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 }))))));
+                            : "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)))))));
 });
 
 const ProfileSelectorDrawer = ({ open, onClose, terreiros, selectedTerreiroIdx, onTerreiroSelect, inviteShareUrl, snackbarOpen, snackbarMsg, onSnackbarClose, }) => {
@@ -156334,7 +156429,7 @@ const resolveIsPersonalProfile = (args) => {
     return (_a = args.isPersonalProfile) !== null && _a !== void 0 ? _a : args.selectedTerreiro === null;
 };
 const HomePage = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     const theme = useTheme$1();
     const { data, fns } = useHomePage(props);
     const [drawerOpen, setDrawerOpen] = React$1.useState(false);
@@ -156353,9 +156448,37 @@ const HomePage = (props) => {
             isPersonalProfile: props.isPersonalProfile,
         });
     }, [props.terreiros, data === null || data === void 0 ? void 0 : data.selectedTerreiro, props.isPersonalProfile]);
+    const hasTerreiroContext = Boolean((_c = data === null || data === void 0 ? void 0 : data.selectedTerreiro) === null || _c === void 0 ? void 0 : _c.id);
+    const bottomNavScopeKey = (_e = (_d = data === null || data === void 0 ? void 0 : data.selectedTerreiro) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : "personal";
+    const shortcutsControlled = props.onBottomNavShortcutChange !== undefined;
+    const [localBottomNavShortcuts, setLocalBottomNavShortcuts] = React$1.useState({});
+    const requestedBottomNavShortcuts = shortcutsControlled
+        ? props.bottomNavShortcuts
+        : localBottomNavShortcuts[bottomNavScopeKey];
+    const bottomNavResolved = React$1.useMemo(() => {
+        var _a;
+        return resolveBottomNavShortcuts({
+            shortcuts: requestedBottomNavShortcuts,
+            actions: ((_a = data === null || data === void 0 ? void 0 : data.quickActions) !== null && _a !== void 0 ? _a : []),
+            hasTerreiroContext,
+            canUseSocial: Boolean(props.canUseSocial),
+        });
+    }, [
+        requestedBottomNavShortcuts,
+        data === null || data === void 0 ? void 0 : data.quickActions,
+        hasTerreiroContext,
+        props.canUseSocial,
+    ]);
+    const handleBottomNavShortcutChange = React$1.useCallback((next) => {
+        var _a;
+        if (!shortcutsControlled) {
+            setLocalBottomNavShortcuts((current) => (Object.assign(Object.assign({}, current), { [bottomNavScopeKey]: next })));
+        }
+        (_a = props.onBottomNavShortcutChange) === null || _a === void 0 ? void 0 : _a.call(props, next);
+    }, [shortcutsControlled, bottomNavScopeKey, props]);
     const profileSelector = useProfileSelector({
-        terreiros: (_c = props.terreiros) !== null && _c !== void 0 ? _c : [],
-        selectedTerreiroIdx: (_d = data === null || data === void 0 ? void 0 : data.selectedTerreiroIdx) !== null && _d !== void 0 ? _d : 0,
+        terreiros: (_f = props.terreiros) !== null && _f !== void 0 ? _f : [],
+        selectedTerreiroIdx: (_g = data === null || data === void 0 ? void 0 : data.selectedTerreiroIdx) !== null && _g !== void 0 ? _g : 0,
         onTerreiroChange: (terreiro, idx) => {
             fns === null || fns === void 0 ? void 0 : fns.handleTerreiroChange(terreiro, idx);
         },
@@ -156432,7 +156555,7 @@ const HomePage = (props) => {
         (Boolean(props.terreiroCompletenessData) ||
             Boolean(props.isLoadingTerreiroCompleteness));
     const showGamification = visibleWidgets.gamification && props.showGamificationCard !== false;
-    const widgetOrder = (_e = data.widgetOrder) !== null && _e !== void 0 ? _e : DEFAULT_HOME_WIDGET_ORDER;
+    const widgetOrder = (_h = data.widgetOrder) !== null && _h !== void 0 ? _h : DEFAULT_HOME_WIDGET_ORDER;
     const showMoonPhaseContent = visibleWidgets.moonPhase &&
         (Boolean(props.moonData) || Boolean(props.isLoadingMoonData));
     const showDailyRitualsContent = visibleWidgets.dailyRituals &&
@@ -156484,12 +156607,12 @@ const HomePage = (props) => {
                 color: theme.palette.text.primary,
                 position: "relative",
             } },
-            React$1.createElement(TopBar, { user: data.user, terreiros: (_f = props.terreiros) !== null && _f !== void 0 ? _f : [], greeting: data.greeting, onProfileClick: fns.handleProfileClick, onTerreiroAvatarClick: () => profileSelector.fns.openProfileDrawer("top_bar_avatar"), onOpenDrawer: () => setDrawerOpen(true), onSettings: fns.handleSettingsClick, onOnboardingInfoClick: props.onOnboardingInfoClick, onboardingInfoIcon: props.onboardingInfoIcon, inviteShareUrl: props.inviteShareUrl, onTerreiroChange: (terreiro) => {
+            React$1.createElement(TopBar, { user: data.user, terreiros: (_j = props.terreiros) !== null && _j !== void 0 ? _j : [], greeting: data.greeting, onProfileClick: fns.handleProfileClick, onTerreiroAvatarClick: () => profileSelector.fns.openProfileDrawer("top_bar_avatar"), onOpenDrawer: () => setDrawerOpen(true), onSettings: fns.handleSettingsClick, onOnboardingInfoClick: props.onOnboardingInfoClick, onboardingInfoIcon: props.onboardingInfoIcon, inviteShareUrl: props.inviteShareUrl, onTerreiroChange: (terreiro) => {
                     const idx = Array.isArray(props.terreiros)
                         ? props.terreiros.findIndex((t) => t === terreiro)
                         : 0;
                     fns.handleTerreiroChange(terreiro, idx);
-                }, selectedTerreiroIdx: data.selectedTerreiroIdx, quickActions: data.quickActions, onQuickActionClick: fns.handleQuickActionClick, showQuickActions: showQuickActions, onLayoutChange: handleLayoutChange, badgeTier: (_g = props.profileCompletenessData) === null || _g === void 0 ? void 0 : _g.badgeTier, onNotificationClick: isActivePersonalProfile ? undefined : props.onNotificationClick, notificationCount: isActivePersonalProfile ? undefined : props.notificationCount, notificationItems: isActivePersonalProfile ? undefined : props.notificationItems, onViewAllNotifications: isActivePersonalProfile ? undefined : props.onViewAllNotifications }),
+                }, selectedTerreiroIdx: data.selectedTerreiroIdx, quickActions: data.quickActions, onQuickActionClick: fns.handleQuickActionClick, showQuickActions: showQuickActions, onLayoutChange: handleLayoutChange, badgeTier: (_k = props.profileCompletenessData) === null || _k === void 0 ? void 0 : _k.badgeTier, onNotificationClick: isActivePersonalProfile ? undefined : props.onNotificationClick, notificationCount: isActivePersonalProfile ? undefined : props.notificationCount, notificationItems: isActivePersonalProfile ? undefined : props.notificationItems, onViewAllNotifications: isActivePersonalProfile ? undefined : props.onViewAllNotifications }),
             React$1.createElement(Container$1, { maxWidth: "md", sx: {
                     px: PAGE_LIST_CONTAINER_SPACING.px,
                 } },
@@ -156498,8 +156621,8 @@ const HomePage = (props) => {
                         React$1.createElement(MediumStatusAlert, { mediumStatus: data.mediumStatus, showApprovedAlert: showApprovedAlert, onShowApprovedAlert: handleShowApprovedAlert, setShowRejectedDialog: setShowRejectedDialog }))),
                     React$1.createElement(RejectionReasonDialog$1, { open: !!showRejectedDialog, rejectionMessage: data.rejectionMessage, onClose: handleShowRejectedDialog }),
                     widgetOrder.map((id) => renderHomeWidget(id)))),
-            React$1.createElement(HomeBottomNav, { value: bottomNavValue, onChange: setBottomNavValue, onQuickAction: handleBottomQuickAction, onMenu: handleToggleMenu, menuOpen: menuOpen, onOpenProfileSelector: () => profileSelector.fns.openProfileDrawer("bottom_nav_logo"), hasTerreiroContext: !!((_h = data.selectedTerreiro) === null || _h === void 0 ? void 0 : _h.id), canUseSocial: Boolean(props.canUseSocial), socialNotificationsUnreadCount: (_j = props.socialNotificationsUnreadCount) !== null && _j !== void 0 ? _j : 0 }),
-            React$1.createElement(HomeMenu$1, { open: menuOpen, onClose: handleCloseMenu, actions: data.quickActions, onActionClick: fns.handleQuickActionClick, widgets: (_k = data.menuWidgets) !== null && _k !== void 0 ? _k : [], onWidgetVisibilityChange: (_l = fns.handleHomeWidgetVisibilityChange) !== null && _l !== void 0 ? _l : (() => undefined), showQuickActions: showQuickActions, onShowQuickActionsChange: (_m = fns.handleShowQuickActionsChange) !== null && _m !== void 0 ? _m : (() => undefined), widgetOrder: widgetOrder, reorderableWidgets: (_o = data.reorderableWidgets) !== null && _o !== void 0 ? _o : [], defaultWidgetOrder: (_p = data.defaultWidgetOrder) !== null && _p !== void 0 ? _p : [], onWidgetOrderChange: (_q = fns.handleHomeWidgetOrderChange) !== null && _q !== void 0 ? _q : (() => undefined), onWidgetsCustomizeViewOpen: fns.handleHomeWidgetsCustomizeViewOpen }),
+            React$1.createElement(HomeBottomNav, { value: bottomNavValue, onChange: setBottomNavValue, onQuickAction: handleBottomQuickAction, onMenu: handleToggleMenu, menuOpen: menuOpen, onOpenProfileSelector: () => profileSelector.fns.openProfileDrawer("bottom_nav_logo"), hasTerreiroContext: hasTerreiroContext, canUseSocial: Boolean(props.canUseSocial), socialNotificationsUnreadCount: (_l = props.socialNotificationsUnreadCount) !== null && _l !== void 0 ? _l : 0, leadingAction: bottomNavResolved.leading, trailingAction: bottomNavResolved.trailing }),
+            React$1.createElement(HomeMenu$1, { open: menuOpen, onClose: handleCloseMenu, actions: data.quickActions, onActionClick: fns.handleQuickActionClick, widgets: (_m = data.menuWidgets) !== null && _m !== void 0 ? _m : [], onWidgetVisibilityChange: (_o = fns.handleHomeWidgetVisibilityChange) !== null && _o !== void 0 ? _o : (() => undefined), showQuickActions: showQuickActions, onShowQuickActionsChange: (_p = fns.handleShowQuickActionsChange) !== null && _p !== void 0 ? _p : (() => undefined), widgetOrder: widgetOrder, reorderableWidgets: (_q = data.reorderableWidgets) !== null && _q !== void 0 ? _q : [], defaultWidgetOrder: (_r = data.defaultWidgetOrder) !== null && _r !== void 0 ? _r : [], onWidgetOrderChange: (_s = fns.handleHomeWidgetOrderChange) !== null && _s !== void 0 ? _s : (() => undefined), onWidgetsCustomizeViewOpen: fns.handleHomeWidgetsCustomizeViewOpen, bottomNavShortcuts: bottomNavResolved.shortcuts, defaultBottomNavShortcuts: bottomNavResolved.defaults, onBottomNavShortcutChange: handleBottomNavShortcutChange, bottomNavProfileKind: hasTerreiroContext ? "terreiro" : "personal", bottomNavProfileLabel: (_u = (_t = data.selectedTerreiro) === null || _t === void 0 ? void 0 : _t.name) !== null && _u !== void 0 ? _u : BOTTOM_NAV_PROFILE_PERSONAL_LABEL }),
             React$1.createElement(ProfileSelectorDrawer, { open: profileSelector.data.profileDrawerOpen, onClose: profileSelector.fns.closeProfileDrawer, terreiros: profileSelector.data.terreiros, selectedTerreiroIdx: profileSelector.data.selectedTerreiroIdx, onTerreiroSelect: profileSelector.fns.handleTerreiroSelect, inviteShareUrl: props.inviteShareUrl, snackbarOpen: profileSelector.data.snackbarOpen, snackbarMsg: profileSelector.data.snackbarMsg, onSnackbarClose: profileSelector.fns.handleSnackbarClose }),
             React$1.createElement(SettingsDrawer, { open: drawerOpen, onClose: () => setDrawerOpen(false), onRefresh: fns.handleRefresh, onSettings: fns.handleSettingsClick }))));
 };
@@ -196046,8 +196169,13 @@ 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;
@@ -196185,6 +196313,7 @@ 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;
@@ -196335,6 +196464,7 @@ exports.getContentMarginTop = getContentMarginTop;
 exports.getContentPaddingTop = getContentPaddingTop;
 exports.getCustomBannerGradient = getCustomBannerGradient;
 exports.getDateString = getDateString;
+exports.getDefaultBottomNavShortcuts = getDefaultBottomNavShortcuts;
 exports.getDefaultHomeWidgetOrder = getDefaultHomeWidgetOrder;
 exports.getHomeWidgetsForProfile = getHomeWidgetsForProfile;
 exports.getReorderableHomeWidgetsForProfile = getReorderableHomeWidgetsForProfile;
@@ -196378,6 +196508,7 @@ exports.overlayZIndex = overlayZIndex;
 exports.parseScheduleDate = parseScheduleDate;
 exports.radiusPx = radiusPx;
 exports.reorderHomeWidgetOrder = reorderHomeWidgetOrder;
+exports.resolveBottomNavShortcuts = resolveBottomNavShortcuts;
 exports.resolveExperiencePostType = resolveExperiencePostType;
 exports.secondsToRoundedMinutes = secondsToRoundedMinutes;
 exports.startPasskeyAuthentication = startPasskeyAuthentication;
@@ -196425,6 +196556,7 @@ exports.useMonthlyFeePaymentsManagementPage = useMonthlyFeePaymentsManagementPag
 exports.useMoonCard = useMoonCard;
 exports.useMyPermissionsPage = useMyPermissionsPage;
 exports.useNotFoundPage = useNotFoundPage;
+exports.useNotchedSlotActive = useNotchedSlotActive;
 exports.useNotificationSettingsPage = useNotificationSettingsPage;
 exports.useOnboardingIntroModal = useOnboardingIntroModal;
 exports.useOnboardingMedium = useOnboardingMedium;