gsintegrations 0.0.489 → 0.0.491

package/dist/bundle.esm.js

@@ -90634,9 +90634,11 @@ const CompactListRow = ({ title, meta, leading, trailing, onClick, isLast = fals
             px: 1.5,
             minHeight: 64,
             cursor: interactive ? "pointer" : "default",
-            border: 0,
-            borderBottom: isLast ? "none" : 1,
-            borderColor: "divider",
+            borderTop: 0,
+            borderRight: 0,
+            borderLeft: 0,
+            borderBottom: isLast ? 0 : 1,
+            borderBottomColor: "divider",
             bgcolor: "transparent",
             "&:focus-visible": {
                 outline: (theme) => `2px solid ${theme.palette.primary.main}`,
@@ -135110,19 +135112,17 @@ const ActivityCard = ({ activity, isLast, isPersonalProfile = false, onSelect, o
     const dateTime = formatActivityDateTime(activity);
     const configuredCheckinWindow = getConfiguredCheckinWindow$1(activity);
     // ...existing code...
-    return (React__default.createElement(Card$1, { key: activity.id, sx: {
+    return (React__default.createElement(Card$1, { key: activity.id, elevation: 0, sx: {
             cursor: "pointer",
-            borderRadius: RADIUS.default,
-            boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
-            transition: theme.transitions.create(["box-shadow", "transform"], {
-                duration: theme.transitions.duration.short,
-            }),
+            borderRadius: 0,
+            boxShadow: "none",
             "&:hover": {
                 backgroundColor: theme.palette.action.hover,
-                boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
-                transform: "translateY(-2px)",
             },
             mb: 0,
+            borderTop: "none",
+            borderLeft: "none",
+            borderRight: "none",
             borderBottom: !isLast ? `1px solid ${theme.palette.divider}` : "none",
         }, onClick: () => onSelect(activity.id) },
         React__default.createElement(CardContent$1, { sx: LIST_CARD_CONTENT_SX },
@@ -135340,8 +135340,10 @@ const ActivityListPage = (props) => {
                     React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { mb: SECTION_GAP } }, "Toque no bot\u00E3o + para criar uma nova atividade"),
                     React__default.createElement(QuotaGuard, { feature: "activities", behavior: "disable" },
                         React__default.createElement(Button$1, { variant: "contained", startIcon: React__default.createElement(Add$1, null), onClick: fns.handleActivityAdd }, "Criar atividade")))))) : (isMobile ? (React__default.createElement(Box$1, { sx: {
-                    bgcolor: "background.paper",
-                    borderRadius: RADIUS.default,
+                    bgcolor: "transparent",
+                    borderRadius: 0,
+                    border: "none",
+                    boxShadow: "none",
                     overflow: "hidden",
                 } }, data.activities.map((activity, index) => (React__default.createElement(ActivityCompactRow, { key: activity.id, activity: activity, isLast: index === data.activities.length - 1, isPersonalProfile: props.isPersonalProfile, onSelect: fns.handleActivitySelect, onEdit: props.onActivityEdit ? fns.handleActivityEdit : undefined }))))) : (React__default.createElement(Stack$1, { spacing: LIST_GAP }, data.activities.map((activity, index) => (React__default.createElement(ActivityCard, { key: activity.id, activity: activity, isLast: index === data.activities.length - 1, isPersonalProfile: props.isPersonalProfile, onSelect: fns.handleActivitySelect, onEdit: fns.handleActivityEdit, theme: theme, getStatusLabel: data.getStatusLabel }))))))),
             React__default.createElement(Menu$2, { anchorEl: filterAnchorEl, open: Boolean(filterAnchorEl), onClose: handleFilterClose },
@@ -143270,19 +143272,17 @@ const EventCard = ({ event, isLast, onSelect, onEdit, getEventTypeLabel, theme }
     const rawTitle = event.title || event.name || "Sem título";
     const title = truncateWithEllipsis(rawTitle, 38);
     const isTemplate = event.isTemplate || event.status === "MODEL";
-    return (React__default.createElement(Card$1, { key: event.id, sx: {
+    return (React__default.createElement(Card$1, { key: event.id, elevation: 0, sx: {
             cursor: "pointer",
-            borderRadius: RADIUS.default,
-            boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
-            transition: theme.transitions.create(["box-shadow", "transform"], {
-                duration: theme.transitions.duration.short,
-            }),
+            borderRadius: 0,
+            boxShadow: "none",
             "&:hover": {
                 backgroundColor: theme.palette.action.hover,
-                boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
-                transform: "translateY(-2px)",
             },
             mb: 0,
+            borderTop: "none",
+            borderLeft: "none",
+            borderRight: "none",
             borderBottom: !isLast ? `1px solid ${theme.palette.divider}` : "none",
         }, onClick: () => onSelect(event.id) },
         React__default.createElement(CardContent$1, { sx: LIST_CARD_CONTENT_SX },
@@ -143488,8 +143488,10 @@ const EventsPage = (props) => {
                     React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { mb: SECTION_GAP } }, "Toque no bot\u00E3o + para criar um novo evento"),
                     React__default.createElement(QuotaGuard, { feature: "events", behavior: "disable" },
                         React__default.createElement(Button$1, { variant: "contained", startIcon: React__default.createElement(Add$1, null), onClick: fns.handleAddEvent }, "Criar evento")))))) : (isMobile ? (React__default.createElement(Box$1, { sx: {
-                    bgcolor: "background.paper",
-                    borderRadius: RADIUS.default,
+                    bgcolor: "transparent",
+                    borderRadius: 0,
+                    border: "none",
+                    boxShadow: "none",
                     overflow: "hidden",
                 } }, data.events.map((event, index) => (React__default.createElement(EventCompactRow, { key: event.id, event: event, isLast: index === data.events.length - 1, onSelect: fns.handleEventSelect, onEdit: props.onEventEdit ? fns.handleEventEdit : undefined, getEventTypeLabel: data.getEventTypeLabel }))))) : (React__default.createElement(Stack$1, { spacing: LIST_GAP }, data.events.map((event, index) => (React__default.createElement(EventCard, { key: event.id, event: event, isLast: index === data.events.length - 1, onSelect: fns.handleEventSelect, onEdit: fns.handleEventEdit, getEventTypeLabel: data.getEventTypeLabel, getStatusLabel: data.getStatusLabel, theme: theme }))))))),
             props.isAdmin && !props.hideAddFab && data.events.length > 0 && (React__default.createElement(QuotaGuard, { feature: "events", behavior: "hide" },
@@ -143926,7 +143928,9 @@ const MonthlyFeeCard = memo(({ formatCurrency, monthlyFee, dueDay, paymentMethod
     };
     return (React__default.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__default.createElement(CardHeader$1, { title: React__default.createElement(Stack$1, { direction: "row", alignItems: "center", justifyContent: "space-between", spacing: LIST_GAP },
@@ -143960,13 +143964,17 @@ const MonthlyFeeCard = memo(({ formatCurrency, monthlyFee, dueDay, paymentMethod
                     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__default.createElement(Stack$1, { spacing: 0.5, sx: { mb: 1.5 } },
                     React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { letterSpacing: 0.2 } }, "Valor da mensalidade"),
@@ -144034,7 +144042,7 @@ const MetricItem = memo(({ icon, label, value, color, isLoading, }) => {
 });
 MetricItem.displayName = "MetricItem";
 // Member payments progress component
-const MemberPaymentsSection = memo(({ data, isLoading }) => {
+const MemberPaymentsSection = memo(({ data, isLoading, collectedLabel, expectedLabel, }) => {
     const theme = useTheme$1();
     if (isLoading) {
         return (React__default.createElement(Box$1, { sx: {
@@ -144077,7 +144085,11 @@ const MemberPaymentsSection = memo(({ data, isLoading }) => {
                     bgcolor: progressColor,
                     borderRadius: RADIUS.default,
                 },
-            } })));
+            } }),
+        collectedLabel && expectedLabel ? (React__default.createElement(Typography$1, { variant: "caption", color: "text.secondary", sx: { mt: 0.75 } },
+            collectedLabel,
+            " recebidos de ",
+            expectedLabel)) : null));
 });
 MemberPaymentsSection.displayName = "MemberPaymentsSection";
 // Category breakdown list component
@@ -144126,7 +144138,7 @@ const CategoryBreakdownSection = memo(({ title, categories, color, isLoading, ic
 });
 CategoryBreakdownSection.displayName = "CategoryBreakdownSection";
 const FinancialOverviewCard = 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] = useState(defaultExpanded);
     // Helper to format values
@@ -144140,66 +144152,47 @@ const FinancialOverviewCard = memo(({ data, isLoading = false, formatCurrency, o
             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;
     useEffect(() => {
         setIsExpandedManually(defaultExpanded);
     }, [defaultExpanded]);
     const handleToggleExpand = (e) => {
-        if (hasMultipleCategories)
-            return;
         e.stopPropagation();
         setIsExpandedManually((current) => !current);
     };
     return (React__default.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__default.createElement(CardHeader$1, { title: React__default.createElement(Stack$1, { direction: "row", alignItems: "center", justifyContent: "space-between", spacing: LIST_GAP },
-                React__default.createElement(Stack$1, { direction: "row", alignItems: "center", spacing: 1 },
-                    React__default.createElement(Typography$1, { variant: "subtitle1", sx: { fontWeight: 700, color: "text.primary" } }, "Resumo Financeiro"),
-                    React__default.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__default.createElement(Chip$1, { size: "small", icon: React__default.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__default.createElement(Typography$1, { variant: "subtitle1", sx: { fontWeight: 700, color: "text.primary" } }, "Resumo Financeiro"),
+                hasCorrections && (React__default.createElement(Chip$1, { size: "small", icon: React__default.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,
@@ -144213,28 +144206,18 @@ const FinancialOverviewCard = memo(({ data, isLoading = false, formatCurrency, o
                     React__default.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__default.createElement(MetricItem, { icon: React__default.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__default.createElement(Grid$1, { item: true, xs: 12 },
-                    React__default.createElement(MemberPaymentsSection, { data: data === null || data === void 0 ? void 0 : data.memberPayments, isLoading: isLoading }))),
-                React__default.createElement(Grid$1, { item: true, xs: 6 },
-                    React__default.createElement(MetricItem, { icon: React__default.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__default.createElement(Grid$1, { item: true, xs: 6 },
-                    React__default.createElement(MetricItem, { icon: React__default.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__default.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__default.createElement(Grid$1, { item: true, xs: 12 },
                     React__default.createElement(Box$1, { sx: {
                             p: LIST_CARD_CONTENT_PADDING,
@@ -144250,37 +144233,39 @@ const FinancialOverviewCard = memo(({ data, isLoading = false, formatCurrency, o
                                 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__default.createElement(Grid$1, { item: true, xs: 12 },
-                    React__default.createElement(Box$1, { onClick: hasMultipleCategories ? undefined : handleToggleExpand, sx: {
-                            cursor: hasMultipleCategories ? "default" : "pointer",
+                    React__default.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__default.createElement(CategoryIcon, { sx: { fontSize: 16, mr: 0.5 } }),
-                        React__default.createElement(Typography$1, { variant: "caption" }, hasMultipleCategories
-                            ? "Categorias detalhadas"
-                            : expanded
-                                ? "Ocultar categorias"
-                                : "Ver por categoria")),
+                        React__default.createElement(Typography$1, { variant: "caption", component: "span" }, expanded ? "Ocultar categorias" : "Ver por categoria")),
                     React__default.createElement(Collapse$1, { in: expanded },
                         React__default.createElement(Divider$1, { sx: { my: 1.5 } }),
                         React__default.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__default.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__default.createElement(Grid$1, { item: true, xs: 12, sm: 6 },
                                 React__default.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__default.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__default.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__default.createElement(Grid$1, { item: true, xs: 12, sm: 6 },
                                 React__default.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__default.createElement(TrendingDownIcon, { sx: {
                                             fontSize: 16,
                                             color: theme.palette.error.main,
@@ -144390,7 +144375,6 @@ const AccountListItem = memo(({ account, isLastItem, onSelect, formatCurrency })
     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__default.createElement(ListItem$1, { "data-testid": `financial-account-list-item-${account.id}`, sx: {
             width: "100%",
@@ -144423,9 +144407,6 @@ const AccountListItem = memo(({ account, isLastItem, onSelect, formatCurrency })
                     account.agency,
                     " | Conta: ",
                     account.account)),
-                React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontSize: { xs: "0.75rem", sm: "0.875rem" } } },
-                    "Saldo inicial: ",
-                    formatCurrency(initialBalance)),
                 React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontSize: { xs: "0.75rem", sm: "0.875rem" } } },
                     "Saldo atual: ",
                     formatCurrency(currentBalance)),
@@ -144473,8 +144454,7 @@ const EmptyState$2 = memo(({ onAddAccount, theme }) => {
 });
 EmptyState$2.displayName = "EmptyState";
 // Income/Outcome card component
-const FinanceMetricCard = memo(({ title, value, month, year, color, icon, formatCurrency, onClick, showAmount = true, ctaLabel, ctaDescription, ariaLabel, testId, }) => {
-    const theme = useTheme$1();
+const FinanceMetricCard = memo(({ title, value, color, icon, formatCurrency, onClick, ctaLabel = "Ver lista", ariaLabel, testId, }) => {
     const handleKeyDown = (e) => {
         if (!onClick)
             return;
@@ -144485,17 +144465,26 @@ const FinanceMetricCard = memo(({ title, value, month, year, color, icon, format
     };
     return (React__default.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__default.createElement(CardContent$1, { sx: LIST_CARD_CONTENT_SX },
             React__default.createElement(Box$1, { sx: {
                     display: "flex",
                     justifyContent: "space-between",
+                    alignItems: "flex-start",
                 } },
                 React__default.createElement(Box$1, { sx: { display: "flex", alignItems: "center", mb: 1 } },
                     icon,
@@ -144503,24 +144492,13 @@ const FinanceMetricCard = memo(({ title, value, month, year, color, icon, format
                             fontWeight: 600,
                             ml: 1,
                         } }, title)),
-                React__default.createElement(Typography$1, { variant: "body2", sx: {
-                        fontWeight: 100,
-                        ml: 1,
-                    } }, showAmount
-                    ? `${month}/${year}`
-                    : ctaLabel || (onClick ? "Ver lista" : ""))),
-            showAmount ? (React__default.createElement(Typography$1, { variant: "h6", sx: {
+                onClick ? (React__default.createElement(ChevronRight$2, { sx: { color, fontSize: 20 }, "aria-hidden": "true" })) : null),
+            React__default.createElement(Typography$1, { variant: "h6", sx: {
                     color: color,
                     fontWeight: 600,
                     fontSize: { xs: "1rem", sm: "1.25rem" },
-                } }, formatCurrency(value))) : (React__default.createElement(Box$1, { sx: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    mt: 0.5,
-                } },
-                React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontWeight: 500 } }, ctaDescription || "Abrir lista"),
-                React__default.createElement(ChevronRight$2, { sx: { color: color, fontSize: 20 }, "aria-hidden": "true" }))))));
+                } }, formatCurrency(value)),
+            onClick ? (React__default.createElement(Typography$1, { variant: "body2", color: "text.secondary", sx: { fontWeight: 500, mt: 0.5 } }, ctaLabel)) : null)));
 });
 FinanceMetricCard.displayName = "FinanceMetricCard";
 const FinancialAccountsList = (props) => {
@@ -144528,7 +144506,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 ||
@@ -144546,25 +144523,23 @@ const FinancialAccountsList = (props) => {
         } },
         React__default.createElement(PageHeader$2, { title: "Financeiro", onBack: props.onBack, onAdd: props.onAddAccount, addLabel: "Adicionar", showAddButton: true, hideAddButtonOnMobile: true }),
         React__default.createElement(Container$1, { maxWidth: "md", sx: PAGE_LIST_CONTAINER_SPACING },
-            showPeriodFilter && (React__default.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__default.createElement(Stack$1, { spacing: 0.5 },
-                    React__default.createElement(Typography$1, { variant: "subtitle2", color: "text.secondary" }, "Compet\u00EAncia"),
-                    React__default.createElement(Typography$1, { variant: "body2", sx: { textTransform: "capitalize" } }, props.periodLabel || "-")),
-                React__default.createElement(Stack$1, { direction: "row", spacing: 1, alignItems: "center" },
+            showPeriodFilter && (React__default.createElement(Stack$1, { spacing: 1, sx: { pb: LIST_CONTROLS_MARGIN_BOTTOM } },
+                React__default.createElement(Stack$1, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap" },
                     React__default.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__default.createElement(Button$1, { variant: "text", onClick: props.onResetToCurrentPeriod, "data-testid": "financial-period-current-month-button" }, "M\u00EAs atual"),
                     props.canExportFinancialReport &&
                         props.onExportFinancialReport && (React__default.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__default.createElement(Alert$1, { severity: "error", "data-testid": "financial-report-export-error" }, props.financialReportExportError)) : null)),
             React__default.createElement(Box$1, { sx: { mb: SECTION_GAP } },
                 (props.financialOverview || props.isOverviewLoading) && (React__default.createElement(Box$1, { sx: { mb: LIST_CONTROLS_MARGIN_BOTTOM } },
                     React__default.createElement(FinancialOverviewCard, { data: props.financialOverview, isLoading: props.isOverviewLoading, formatCurrency: data.formatCurrency, defaultExpanded: props.financialOverviewExpanded, showMemberPayments: Boolean(props.isTerreiro) }))),
                 React__default.createElement(Grid$1, { container: true, spacing: GRID_GAP, sx: { mb: LIST_CONTROLS_MARGIN_BOTTOM } },
                     React__default.createElement(Grid$1, { item: true, xs: 6 },
-                        React__default.createElement(FinanceMetricCard, { title: "Entrada", value: data.income.totalAmount || 0, month: data.income.month, year: data.income.year, color: theme.palette.success.main, icon: React__default.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__default.createElement(FinanceMetricCard, { title: "Entrada", value: data.income.totalAmount || 0, color: theme.palette.success.main, icon: React__default.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__default.createElement(Grid$1, { item: true, xs: 6 },
-                        React__default.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__default.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__default.createElement(FinanceMetricCard, { title: "Sa\u00EDda", value: data.outcome.totalAmount || 0, color: theme.palette.error.main, icon: React__default.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__default.createElement(MonthlyFeeCard, { formatCurrency: data.formatCurrency, monthlyFee: data.monthlyFee || 0, dueDay: data.monthlyFeeDueDay !== undefined
                         ? String(data.monthlyFeeDueDay)
                         : "-", paymentMethod: data.monthlyFeePaymentMethod !== undefined
@@ -144579,9 +144554,10 @@ const FinancialAccountsList = (props) => {
                 } },
                 React__default.createElement(List$1, { "data-testid": "financial-accounts-list", sx: {
                         width: "100%",
-                        bgcolor: "background.paper",
-                        borderRadius: RADIUS.default,
-                        boxShadow: theme.shadows[2],
+                        bgcolor: "transparent",
+                        borderRadius: 0,
+                        boxShadow: "none",
+                        border: "none",
                         overflow: "hidden",
                     } },
                     isEmpty && (React__default.createElement(EmptyState$2, { onAddAccount: props.onAddAccount, theme: theme })),
@@ -146349,9 +146325,10 @@ const IncomeListPage = ({ onBack, onAdd, onSelect, periodLabel, periodInputValue
                 } },
                 React__default.createElement(EmptyState$1, { onAdd: onAdd, isMobile: isMobile }))) : (React__default.createElement(List$1, { sx: {
                     width: "100%",
-                    bgcolor: "background.paper",
-                    borderRadius: RADIUS.default,
-                    boxShadow: theme.shadows[2],
+                    bgcolor: "transparent",
+                    borderRadius: 0,
+                    boxShadow: "none",
+                    border: "none",
                     overflow: "hidden",
                 } }, incomes.map((inc, idx) => {
                 var _a, _b;
@@ -146960,9 +146937,10 @@ const OutcomeListPage = ({ onSelect, onBack, onAdd, periodLabel, periodInputValu
                 } },
                 React__default.createElement(EmptyState, { onAdd: onAdd, isMobile: isMobile }))) : (React__default.createElement(List$1, { "aria-label": "Lista de sa\u00EDdas", sx: {
                     width: "100%",
-                    bgcolor: "background.paper",
-                    borderRadius: RADIUS.default,
-                    boxShadow: theme.shadows[2],
+                    bgcolor: "transparent",
+                    borderRadius: 0,
+                    boxShadow: "none",
+                    border: "none",
                     overflow: "hidden",
                 } }, outcomes.map((out, idx) => {
                 var _a, _b;
@@ -158523,19 +158501,17 @@ const InventoryItemCard = ({ item, isLast, onSelect, onEdit }) => {
     // Truncate item name and description for display
     const truncatedName = truncateWithEllipsis(item.name, 38);
     const truncatedDescription = truncateWithEllipsis((_a = item.description) !== null && _a !== void 0 ? _a : "", 70);
-    return (React__default.createElement(Card$1, { key: item.id, sx: {
+    return (React__default.createElement(Card$1, { key: item.id, elevation: 0, sx: {
             cursor: "pointer",
-            borderRadius: RADIUS.default,
-            boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
-            transition: theme.transitions.create(["box-shadow", "transform"], {
-                duration: theme.transitions.duration.short,
-            }),
+            borderRadius: 0,
+            boxShadow: "none",
             "&:hover": {
                 backgroundColor: theme.palette.action.hover,
-                boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
-                transform: "translateY(-2px)",
             },
             mb: 0,
+            borderTop: "none",
+            borderLeft: "none",
+            borderRight: "none",
             borderBottom: !isLast ? `1px solid ${theme.palette.divider}` : "none",
         }, onClick: () => onSelect(item.id), "data-testid": `inventory-item-${item.id}`, "data-cy": `inventory-item-${item.id}` },
         React__default.createElement(CardContent$1, { sx: LIST_CARD_CONTENT_SX },
@@ -158692,8 +158668,10 @@ const InventoryListPage = (props) => {
                 }, "data-testid": "inventory-list-content", "data-cy": "inventory-list-content" }, data.items.length === 0 ? (React__default.createElement(InventoryEmptyState, { hasActiveFilters: data.hasActiveFilters, onClearFilters: data.hasActiveFilters ? fns.handleClearFilters : undefined, onAdd: data.canAdd && !data.hasActiveFilters
                     ? fns.handleAddItem
                     : undefined })) : (React__default.createElement(Fade$1, { in: true }, isMobile ? (React__default.createElement(Box$1, { sx: {
-                    bgcolor: "background.paper",
-                    borderRadius: RADIUS.default,
+                    bgcolor: "transparent",
+                    borderRadius: 0,
+                    border: "none",
+                    boxShadow: "none",
                     overflow: "hidden",
                 } }, data.items.map((item, index) => (React__default.createElement(InventoryCompactRow, { key: item.id, item: item, isLast: index === data.items.length - 1, onSelect: fns.handleItemSelect }))))) : (React__default.createElement(Stack$1, { spacing: LIST_GAP }, data.items.map((item, index) => (React__default.createElement(InventoryItemCard, { key: item.id, item: item, isLast: index === data.items.length - 1, onSelect: fns.handleItemSelect, onEdit: fns.handleItemEdit }))))))))),
         React__default.createElement(FilterDrawer, { open: data.isFilterDrawerOpen, onClose: fns.handleCloseFilterDrawer, onOpen: fns.handleToggleFilterDrawer, value: drawerValue, emptyValue: {
@@ -162659,9 +162637,11 @@ const MediumListPage = (props) => {
                         React__default.createElement(Button$1, { variant: "contained", startIcon: React__default.createElement(Add$1, null), onClick: fns.handleAddMedium, "aria-label": "Adicionar M\u00E9dium", fullWidth: true, sx: { maxWidth: { xs: "100%", sm: 260 } } }, "Adicionar M\u00E9dium")))),
                 React__default.createElement(Fade$1, { in: data.filteredMediums.length > 0 },
                     React__default.createElement(Card$1, { elevation: 0, sx: {
-                            borderRadius: RADIUS.default,
-                            border: `1px solid ${theme.palette.divider}`,
+                            borderRadius: 0,
+                            border: "none",
+                            boxShadow: "none",
                             overflow: "hidden",
+                            bgcolor: "transparent",
                         } },
                         React__default.createElement(CardContent$1, { sx: { p: 0 } },
                             React__default.createElement(List$1, { sx: {
@@ -174071,8 +174051,10 @@ const RitualBathListPage = (props) => {
             !data.isLoading && !data.error && data.ritualBaths.length > 0 && (React__default.createElement(Box$1, { sx: { pb: LIST_CONTENT_BOTTOM_PADDING } },
                 React__default.createElement(InfiniteScroll, { hasNextPage: data.hasNextPage, isFetchingNextPage: data.isFetchingNextPage, onLoadMore: fns.handleLoadMore, threshold: 200 },
                     isMobile ? (React__default.createElement(Box$1, { sx: {
-                            bgcolor: "background.paper",
-                            borderRadius: RADIUS.default,
+                            bgcolor: "transparent",
+                            borderRadius: 0,
+                            border: "none",
+                            boxShadow: "none",
                             overflow: "hidden",
                         } }, data.ritualBaths.map((bath, index) => (React__default.createElement(RitualBathCompactRow, { key: bath.id, bath: bath, isLast: index === data.ritualBaths.length - 1, originLabel: fns.getOriginLabel(bath.origin), statusLabel: fns.getStatusLabel(bath.status), onSelect: fns.handleBathSelect, onSchedule: fns.handleScheduleBath }))))) : (React__default.createElement(Grid$1, { container: true, spacing: LIST_GAP }, data.ritualBaths.map((bath) => (React__default.createElement(Grid$1, { item: true, xs: 12, key: bath.id },
                         React__default.createElement(RitualCard, { ritual: transformToRitual(bath, fns.getOriginLabel(bath.origin), fns.getStatusLabel(bath.status)), onClick: () => fns.handleBathSelect(bath.id), onSchedule: fns.handleScheduleBath })))))),

package/dist/bundle.esm.js.map

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/dist/bundle.esm.js.map
-size: 59418586 bytes
-sha256: 26708457af2d39a234e37aa3daaa2e6b742920adf3b8cfc5947eef0d44ff9104
+size: 59404263 bytes
+sha256: 50a144e5aaf9445633251a235010a37c7df3c82c4a59b22830c5a301fdc86760

package/dist/index.d.ts

@@ -21100,6 +21100,7 @@ declare const _default$7: React__default.NamedExoticComponent<{
     canExportFinancialReport?: boolean | undefined;
     isExportingFinancialReport?: boolean | undefined;
     onExportFinancialReport?: (() => void) | undefined;
+    financialReportExportError?: string | null | undefined;
 }>;
 
 declare const FinancialOverviewSchema: z.ZodObject<{
@@ -21723,6 +21724,7 @@ declare const FinancialAccountsListPropsSchema: z.ZodObject<{
     canExportFinancialReport: z.ZodOptional<z.ZodBoolean>;
     isExportingFinancialReport: z.ZodOptional<z.ZodBoolean>;
     onExportFinancialReport: z.ZodOptional<z.ZodFunction<z.ZodTuple<[], null>, z.ZodVoid>>;
+    financialReportExportError: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     onBack: () => void;
     monthlyFee: {
@@ -21834,6 +21836,7 @@ declare const FinancialAccountsListPropsSchema: z.ZodObject<{
     canExportFinancialReport?: boolean | undefined;
     isExportingFinancialReport?: boolean | undefined;
     onExportFinancialReport?: (() => void) | undefined;
+    financialReportExportError?: string | null | undefined;
 }, {
     onBack: () => void;
     monthlyFee: {
@@ -21945,6 +21948,7 @@ declare const FinancialAccountsListPropsSchema: z.ZodObject<{
     canExportFinancialReport?: boolean | undefined;
     isExportingFinancialReport?: boolean | undefined;
     onExportFinancialReport?: (() => void) | undefined;
+    financialReportExportError?: string | null | undefined;
 }>;
 type FinancialAccountsListProps = z.infer<typeof FinancialAccountsListPropsSchema>;