@homefile/components-v2 2.54.0 → 2.55.0

package/dist/assets/locales/en/index.json

@@ -990,7 +990,7 @@
     },
     "trending": {
       "addMortgage": "Mortgage Info",
-      "capGains": "Est Cap Gains",
+      "equity": "Est. Equity",
       "estimated": "Estimated Market Value",
       "mortgage": "Mortgage Balance",
       "public": "Estimated from Public Data",

package/dist/components/homeAssistant/HomeMonitorButton.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Center, Image, Stack, Text } from '@chakra-ui/react';
 import { keyframes } from '@emotion/react';
 import { IconMenu, MoreHorizontal } from '../../components';
@@ -13,12 +13,24 @@ export const HomeMonitorButton = ({ alertCount = 0, currentStep, onStepClick, st
         menuItems,
         index,
     });
-    return (_jsx(Box, Object.assign({ position: "relative", id: buttonId, boxShadow: "lg", bottom: `${bottomOffset}px`, minH: "106px", onMouseEnter: handleEnter, onMouseLeave: handleLeave, onPointerEnter: handleEnter, onPointerLeave: handleLeave }, getContainerStyles(status), { children: _jsxs(Box, { position: "relative", bg: "neutral.white", borderRadius: "lg", children: [_jsx(Box, { bg: alert ? 'error.2' : 'green.1', boxSize: "14px", borderRadius: "full", position: "absolute", top: "13px", left: "13px" }), _jsx(Box, { position: "absolute", top: "2px", right: "7px", zIndex: "1400", children: _jsx(IconMenu, { width: "fit-content", icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: index + 1, menuItems: wrappedMenuItems, disabled: isDisabled, onClick: handleMenuClick, placement: "top" }) }), !isCollapsed && (_jsxs(Stack, { position: "relative", as: "button", spacing: "7px", border: "1px solid transparent", align: "center", justify: "center", w: "100%", p: "base", pt: "32px", onClick: handleStepClick, children: [!alert && (_jsx(Box, { boxSize: "36px", children: _jsx(Image, { src: step.icon, alt: iconAltText, w: "100%", h: "100%", fit: "contain" }) })), alert && (_jsx(Center, { boxSize: "36px", bg: "error.2", borderRadius: "full", color: "neutral.white", lineHeight: "1", fontWeight: "bold", children: displayAlertCount })), _jsx(Center, { h: "28px", children: _jsx(Text, { fontSize: "14px", textTransform: "uppercase", textAlign: "center", lineHeight: "14px", fontFamily: "secondary", children: step.shortTitle ? (_jsxs(_Fragment, { children: [_jsx(Box, { as: "span", display: { base: 'inline', lg: 'none' }, children: step.shortTitle }), _jsx(Box, { as: "span", display: { base: 'none', lg: 'inline' }, children: step.title })] })) : (step.title) }) })] }))] }) })));
+    return (_jsx(Box, Object.assign({ position: "relative", id: buttonId, boxShadow: "md", bottom: `${bottomOffset}px`, minH: "106px", onMouseEnter: handleEnter, onMouseLeave: handleLeave, onPointerEnter: handleEnter, onPointerLeave: handleLeave }, getContainerStyles(status), { children: _jsxs(Box, { position: "relative", bg: "neutral.white", borderRadius: "lg", children: [_jsxs(Box, { position: "absolute", top: "13px", left: "13px", boxSize: "14px", children: [!alert && (_jsx(Box, { position: "absolute", inset: "0", borderRadius: "full", bg: "green.1", 
+                            // Stagger each card's pulse (varied duration + delay by index)
+                            // so they don't beat in unison — feels organic, not robotic.
+                            animation: `${monitorPulse} ${1.8 + (index % 3) * 0.4}s ease-out ${(index % 5) * 0.45}s infinite`, sx: {
+                                '@media (prefers-reduced-motion: reduce)': {
+                                    animation: 'none',
+                                },
+                            } })), _jsx(Box, { position: "absolute", inset: "0", borderRadius: "full", bg: alert ? 'error.2' : 'green.1' })] }), _jsx(Box, { position: "absolute", top: "2px", right: "7px", zIndex: "1400", children: _jsx(IconMenu, { width: "fit-content", icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: index + 1, menuItems: wrappedMenuItems, disabled: isDisabled, onClick: handleMenuClick, placement: "top" }) }), !isCollapsed && (_jsxs(Stack, { position: "relative", as: "button", spacing: "7px", border: "1px solid transparent", align: "center", justify: "center", w: "100%", p: "base", pt: "32px", onClick: handleStepClick, children: [!alert && (_jsx(Box, { boxSize: "36px", children: _jsx(Image, { src: step.icon, alt: iconAltText, w: "100%", h: "100%", fit: "contain" }) })), alert && (_jsx(Center, { boxSize: "36px", bg: "error.2", borderRadius: "full", color: "neutral.white", lineHeight: "1", fontWeight: "bold", children: displayAlertCount })), _jsx(Center, { h: "28px", children: _jsx(Text, { fontSize: "14px", textTransform: "uppercase", textAlign: "center", lineHeight: "14px", fontFamily: "secondary", children: step.shortTitle ? (_jsxs(_Fragment, { children: [_jsx(Box, { as: "span", display: { base: 'inline', lg: 'none' }, children: step.shortTitle }), _jsx(Box, { as: "span", display: { base: 'none', lg: 'inline' }, children: step.title })] })) : (step.title) }) })] }))] }) })));
 };
 const alertGradient = keyframes `
   0% { background-position: 0% 50%; }
   100% { background-position: 100% 50%; }
 `;
+// Ring expands outward from the status dot and fades — "live monitoring".
+const monitorPulse = keyframes `
+  0% { transform: scale(1); opacity: 0.55; }
+  100% { transform: scale(2.4); opacity: 0; }
+`;
 const getContainerStyles = (status) => {
     const base = {
         cursor: 'pointer',

package/dist/components/homeAssistant/monitorAlerts/CalendarWidget.d.ts

@@ -0,0 +1,14 @@
+export interface CalendarWidgetI {
+    /** Header — date on the left, location on the right (matches WeatherWidget). */
+    header?: {
+        date?: string;
+        location?: string;
+    };
+    /** ISO dates (YYYY-MM-DD) that have an event — rendered with a blue dot. */
+    events?: string[];
+    /** Month to open on (defaults to the current month). */
+    initialMonth?: Date;
+    /** Fired when a date with an event is tapped (opens the day's panel). */
+    onDateClick?: (isoDate: string) => void;
+}
+export declare const CalendarWidget: ({ header, events, initialMonth, onDateClick, }: CalendarWidgetI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/homeAssistant/monitorAlerts/CalendarWidget.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Box, Center, Flex, SimpleGrid, Stack, Text } from '@chakra-ui/react';
+import { ChevronLeft, ChevronRight } from '../../../components';
+import { colors } from '../../../theme/colors';
+const WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+const toISO = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+export const CalendarWidget = ({ header, events = [], initialMonth, onDateClick, }) => {
+    const today = useMemo(() => new Date(), []);
+    const [viewDate, setViewDate] = useState(() => initialMonth !== null && initialMonth !== void 0 ? initialMonth : new Date(today.getFullYear(), today.getMonth(), 1));
+    const eventSet = useMemo(() => new Set(events), [events]);
+    const year = viewDate.getFullYear();
+    const month = viewDate.getMonth();
+    const cells = useMemo(() => {
+        const first = new Date(year, month, 1);
+        const start = new Date(year, month, 1 - first.getDay()); // back to Sunday
+        return Array.from({ length: 42 }, (_, i) => {
+            const d = new Date(start.getFullYear(), start.getMonth(), start.getDate() + i);
+            return d;
+        });
+    }, [year, month]);
+    const shiftMonth = (delta) => setViewDate(new Date(year, month + delta, 1));
+    return (
+    // Transparent — sits on the tile's sky background.
+    _jsxs(Stack, { spacing: "3", zIndex: "2", fontFamily: "primary", w: "full", children: [header && (_jsxs(Flex, { justify: "space-between", align: "center", children: [header.date && (_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: header.date })), header.location && (_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: header.location }))] })), _jsxs(Flex, { justify: "space-between", align: "center", children: [_jsxs(Text, { fontSize: "xs", fontWeight: "medium", textTransform: "uppercase", color: "gray.4", children: [MONTHS[month], " ", year] }), _jsxs(Flex, { gap: "1", children: [_jsx(Box, { as: "button", "aria-label": "Previous month", onClick: () => shiftMonth(-1), children: _jsx(ChevronLeft, { size: 16, stroke: colors.blue[3] }) }), _jsx(Box, { as: "button", "aria-label": "Next month", onClick: () => shiftMonth(1), children: _jsx(ChevronRight, { size: 16, stroke: colors.blue[3] }) })] })] }), _jsxs(SimpleGrid, { columns: 7, spacingY: "2", children: [WEEKDAYS.map((wd) => (_jsx(Center, { children: _jsx(Text, { fontSize: "12px", fontWeight: "medium", textTransform: "uppercase", color: "lightBlue.6", children: wd }) }, wd))), cells.map((d) => {
+                        const iso = toISO(d);
+                        const inMonth = d.getMonth() === month;
+                        const isToday = iso === toISO(today);
+                        const hasEvent = eventSet.has(iso);
+                        return (_jsx(Center, { children: _jsx(Center, { as: hasEvent ? 'button' : 'div', onClick: hasEvent ? () => onDateClick === null || onDateClick === void 0 ? void 0 : onDateClick(iso) : undefined, boxSize: "22px", borderRadius: "full", 
+                                // Event → filled dark-blue circle (hidden until there's an
+                                // event). Today → outline circle only.
+                                bg: hasEvent ? 'blue.2' : 'transparent', border: isToday && !hasEvent ? '1px solid' : undefined, borderColor: isToday && !hasEvent ? 'blue.2' : undefined, cursor: hasEvent ? 'pointer' : 'default', children: _jsx(Text, { fontSize: "11px", fontWeight: "medium", color: hasEvent
+                                        ? 'neutral.white'
+                                        : inMonth
+                                            ? 'gray.4'
+                                            : 'lightBlue.6', children: d.getDate() }) }) }, iso));
+                    })] })] }));
+};

package/dist/components/homeAssistant/monitorAlerts/WeatherWidget.js

@@ -22,9 +22,8 @@ export const WeatherWidget = ({ current, details, forecast, header, loading = fa
                         .map((_, idx) => (_jsxs(VStack, { gap: "1", width: "46px", border: "1px solid", borderColor: "gray.2", py: "2", px: "1", children: [_jsx(SkeletonBox, { height: "6px", borderRadius: "md", width: "60%" }), _jsx(Divider, { borderColor: "gray.2", borderStyle: "solid", my: "0.5" }), _jsx(SkeletonBox, { height: "18px", width: "18px", borderRadius: "full" }), _jsx(SkeletonBox, { height: "8px", borderRadius: "md", width: "70%" }), _jsx(SkeletonBox, { height: "6px", borderRadius: "md", width: "70%" })] }, idx))) })] }));
     }
     return (
-    // On mobile, size the widget to the forecast width and right-align it so
-    // every row (header / details / forecast) shares the same left+right edges.
-    _jsxs(Stack, { spacing: "base", zIndex: "2", w: { base: 'fit-content', md: 'auto' }, alignSelf: { base: 'flex-end', md: 'auto' }, children: [header && (_jsxs(Flex, { justify: "space-between", align: "center", children: [header.date && (_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: header.date })), header.location && (_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: header.location }))] })), current && (_jsxs(Stack, { spacing: "0", align: "end", children: [_jsxs(HStack, { align: "start", spacing: "2", children: [current.temp != null && (_jsxs(Text, { fontSize: "38px", lineHeight: 1, color: "gray.4", children: [current.temp, "\u00B0"] })), getWeatherIcon(current.icon, 25)] }), _jsxs(Text, { fontSize: "13px", children: [_jsxs(Box, { as: "span", color: "gray.2", children: ["H", ' '] }), current.high, "\u00B0", ' ', _jsxs(Box, { as: "span", color: "gray.2", children: ["L", ' '] }), current.low, "\u00B0"] })] })), _jsx(Divider, { borderColor: BORDER_COLOR, borderStyle: "dashed" }), details && (_jsxs(Flex, { justify: "space-between", children: [_jsxs(VStack, { spacing: "0", align: "start", children: [_jsx(WeatherDetailText, { children: "Precipitation" }), details.humidity != null && (_jsx(WeatherDetailText, { children: "Humidity" })), _jsx(WeatherDetailText, { children: "Wind" })] }), _jsxs(VStack, { spacing: "0", align: "start", children: [details.precipitation != null && (_jsxs(WeatherDetailText, { children: [details.precipitation, "%"] })), details.humidity != null && (_jsxs(WeatherDetailText, { children: [details.humidity, "%"] })), details.wind && (_jsx(WeatherDetailText, { children: details.wind }))] })] })), forecast && (_jsx(Flex, { justify: "space-between", gap: "1", children: forecast.map((f) => (_jsxs(VStack, { spacing: "0", border: "1px solid", borderColor: BORDER_COLOR, borderRadius: "sm", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xxs", color: "gray.2", alignSelf: "start", ml: "0.5", children: f.day }), _jsx(Divider, { borderColor: BORDER_COLOR }), _jsxs(Stack, { spacing: "0", py: "1", align: "center", children: [_jsxs(Flex, { direction: "column", align: "center", children: [getWeatherIcon(f.icon, 14, colors.gray[3]), _jsxs(Text, { fontSize: "sm", children: [f.high, "\u00B0"] })] }), _jsx(Divider, { borderColor: BORDER_COLOR }), _jsx(Box, { px: "1", pt: "1", children: _jsxs(WeatherDetailText, { children: ["L ", f.low, "\u00B0"] }) })] })] }, f.day))) }))] }));
+    // Fills the carousel slot (same width as the calendar widget).
+    _jsxs(Stack, { spacing: "base", zIndex: "2", w: "full", children: [header && (_jsxs(Flex, { justify: "space-between", align: "center", children: [header.date && (_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: header.date })), header.location && (_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: header.location }))] })), current && (_jsxs(Stack, { spacing: "0", align: "end", children: [_jsxs(HStack, { align: "start", spacing: "2", children: [current.temp != null && (_jsxs(Text, { fontSize: "38px", lineHeight: 1, color: "gray.4", children: [current.temp, "\u00B0"] })), getWeatherIcon(current.icon, 25)] }), _jsxs(Text, { fontSize: "13px", children: [_jsxs(Box, { as: "span", color: "gray.2", children: ["H", ' '] }), current.high, "\u00B0", ' ', _jsxs(Box, { as: "span", color: "gray.2", children: ["L", ' '] }), current.low, "\u00B0"] })] })), _jsx(Divider, { borderColor: BORDER_COLOR, borderStyle: "dashed" }), details && (_jsxs(Flex, { justify: "space-between", children: [_jsxs(VStack, { spacing: "0", align: "start", children: [_jsx(WeatherDetailText, { children: "Precipitation" }), details.humidity != null && (_jsx(WeatherDetailText, { children: "Humidity" })), _jsx(WeatherDetailText, { children: "Wind" })] }), _jsxs(VStack, { spacing: "0", align: "start", children: [details.precipitation != null && (_jsxs(WeatherDetailText, { children: [details.precipitation, "%"] })), details.humidity != null && (_jsxs(WeatherDetailText, { children: [details.humidity, "%"] })), details.wind && (_jsx(WeatherDetailText, { children: details.wind }))] })] })), forecast && (_jsx(Flex, { gap: "3px", children: forecast.map((f) => (_jsxs(VStack, { flex: "1", spacing: "0", border: "1px solid", borderColor: BORDER_COLOR, borderRadius: "sm", children: [_jsx(Text, { textTransform: "uppercase", fontSize: "xxs", color: "gray.2", alignSelf: "start", ml: "0.5", children: f.day }), _jsx(Divider, { borderColor: BORDER_COLOR }), _jsxs(Stack, { spacing: "0", py: "1", align: "center", children: [_jsxs(Flex, { direction: "column", align: "center", children: [getWeatherIcon(f.icon, 14, colors.gray[3]), _jsxs(Text, { fontSize: "sm", children: [f.high, "\u00B0"] })] }), _jsx(Divider, { borderColor: BORDER_COLOR }), _jsx(Box, { px: "1", pt: "1", children: _jsxs(WeatherDetailText, { children: ["L ", f.low, "\u00B0"] }) })] })] }, f.day))) }))] }));
 };
 const WeatherDetailText = ({ children }) => (_jsx(Text, { textTransform: "uppercase", fontSize: "10px", lineHeight: "14px", children: children }));
 const getWeatherIcon = (iconUrl, size = 48, color = colors.gray[4]) => {

package/dist/components/homeAssistant/monitorAlerts/WidgetCarousel.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface WidgetCarouselI {
+    /** One node per widget (e.g. <WeatherWidget />, <CalendarWidget />). */
+    children: ReactNode;
+}
+/**
+ * Swappable widget slot for the Homi Monitor. Shows one widget at a time with
+ * dot indicators (bottom-left) and prev/next arrows (bottom-right) to cycle.
+ * Transparent — sits on the tile's sky background. A single widget renders
+ * with no controls.
+ */
+export declare const WidgetCarousel: ({ children }: WidgetCarouselI) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/homeAssistant/monitorAlerts/WidgetCarousel.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, useState } from 'react';
+import { Box, Flex, HStack, Stack } from '@chakra-ui/react';
+import { ChevronLeft, ChevronRight } from '../../../components';
+import { colors } from '../../../theme/colors';
+/**
+ * Swappable widget slot for the Homi Monitor. Shows one widget at a time with
+ * dot indicators (bottom-left) and prev/next arrows (bottom-right) to cycle.
+ * Transparent — sits on the tile's sky background. A single widget renders
+ * with no controls.
+ */
+export const WidgetCarousel = ({ children }) => {
+    const items = Children.toArray(children);
+    const [index, setIndex] = useState(0);
+    const count = items.length;
+    if (count === 0)
+        return null;
+    const go = (next) => setIndex((next + count) % count);
+    return (_jsxs(Stack, { spacing: "3", zIndex: "2", justify: "space-between", h: "full", w: "210px", alignSelf: { base: 'flex-end', md: 'auto' }, children: [_jsx(Box, { children: items[Math.min(index, count - 1)] }), count > 1 && (_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(HStack, { spacing: "1.5", children: items.map((_, i) => (_jsx(Box, { as: "button", "aria-label": `Show widget ${i + 1}`, onClick: () => setIndex(i), boxSize: "7px", borderRadius: "full", border: "1px solid", borderColor: "blue.2", bg: i === index ? 'blue.2' : 'transparent' }, i))) }), _jsxs(Flex, { gap: "2", children: [_jsx(Box, { as: "button", "aria-label": "Previous widget", onClick: () => go(index - 1), children: _jsx(ChevronLeft, { size: 16, stroke: colors.blue[3] }) }), _jsx(Box, { as: "button", "aria-label": "Next widget", onClick: () => go(index + 1), children: _jsx(ChevronRight, { size: 16, stroke: colors.blue[3] }) })] })] }))] }));
+};

package/dist/components/homeAssistant/monitorAlerts/index.d.ts

@@ -6,6 +6,8 @@ export * from './BaseAlertCard';
 export * from './BackendAlert';
 export * from './BackendAlertCard';
 export * from './WeatherWidget';
+export * from './CalendarWidget';
+export * from './WidgetCarousel';
 export * from './HomefileMonitoring';
 export * from './HomeMonitorPanel';
 export * from './HomieAddItems';

package/dist/components/homeAssistant/monitorAlerts/index.js

@@ -6,6 +6,8 @@ export * from './BaseAlertCard';
 export * from './BackendAlert';
 export * from './BackendAlertCard';
 export * from './WeatherWidget';
+export * from './CalendarWidget';
+export * from './WidgetCarousel';
 export * from './HomefileMonitoring';
 export * from './HomeMonitorPanel';
 export * from './HomieAddItems';

package/dist/components/propertyTiles/charts/lineCharts/trendingLineChart/TrendingLineChart.d.ts

@@ -1,2 +1,4 @@
 import { TrendingLineChartI } from '../../../../../interfaces';
-export declare const TrendingLineChart: ({ data }: TrendingLineChartI) => import("react/jsx-runtime").JSX.Element;
+export declare const TrendingLineChart: ({ data, purchasePrice, }: TrendingLineChartI & {
+    purchasePrice?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/charts/lineCharts/trendingLineChart/TrendingLineChart.js

@@ -1,12 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Stack } from '@chakra-ui/react';
-import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, } from 'recharts';
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, ReferenceDot, Tooltip, ResponsiveContainer, } from 'recharts';
 import { contentStyle, cursorStyle, labelStyle, itemStyle, yAxisStyle, TrendingLineChartHeader, } from '../../../../../components';
 import { colors } from '../../../../../theme/colors';
-export const TrendingLineChart = ({ data = [] }) => {
-    return (_jsxs(Stack, { spacing: "base", bg: "neutral.white", p: "base", children: [_jsx(TrendingLineChartHeader, {}), _jsx(ResponsiveContainer, { width: "100%", height: 200, children: _jsxs(LineChart, { data: data, margin: {
-                        left: -25,
+// Simplify Y-axis labels: 1000000 -> 1M, 500000 -> 500k, 220000 -> 220k.
+const formatAxisValue = (v) => v >= 1000000
+    ? `${+(v / 1000000).toFixed(1)}M`
+    : v >= 1000
+        ? `${Math.round(v / 1000)}k`
+        : `${v}`;
+export const TrendingLineChart = ({ data = [], purchasePrice = 0, }) => {
+    return (_jsxs(Stack, { spacing: "base", bg: "neutral.white", p: "base", children: [_jsx(TrendingLineChartHeader, {}), _jsx(ResponsiveContainer, { width: "100%", height: 140, children: _jsxs(LineChart, { data: data, margin: {
+                        left: -6,
                         right: 8,
                         bottom: -10,
-                    }, children: [_jsx(CartesianGrid, {}), _jsx(XAxis, { dataKey: "year", style: yAxisStyle }), _jsx(YAxis, { style: yAxisStyle }), _jsx(Tooltip, { contentStyle: contentStyle, cursor: cursorStyle, labelStyle: labelStyle, itemStyle: itemStyle }), _jsx(Line, { type: "monotone", dataKey: "value", stroke: colors.green[1], strokeWidth: 3, dot: _jsx(Box, {}) }), _jsx(Line, { type: "monotone", dataKey: "invested", stroke: colors.yellow[1], strokeWidth: 3, dot: _jsx(Box, {}) }), _jsx(Line, { type: "monotone", strokeDasharray: "5 5", dataKey: "balance", stroke: colors.blue[8], strokeWidth: 3, dot: _jsx(Box, {}) })] }) })] }));
+                    }, children: [_jsx(CartesianGrid, { horizontal: false }), purchasePrice > 0 && data.length > 0 && (_jsx(ReferenceDot, { x: data[0].year, y: purchasePrice, r: 4, fill: colors.gray[3], stroke: "none" })), _jsx(XAxis, { dataKey: "year", style: yAxisStyle }), _jsx(YAxis, { style: yAxisStyle, tickFormatter: formatAxisValue, width: 42 }), _jsx(Tooltip, { contentStyle: contentStyle, cursor: cursorStyle, labelStyle: labelStyle, itemStyle: itemStyle }), _jsx(Line, { type: "monotone", dataKey: "value", stroke: colors.green[1], strokeWidth: 3, dot: _jsx(Box, {}) }), _jsx(Line, { type: "monotone", dataKey: "invested", stroke: colors.yellow[1], strokeWidth: 3, dot: _jsx(Box, {}) }), _jsx(Line, { type: "monotone", strokeDasharray: "5 5", dataKey: "balance", stroke: colors.blue[8], strokeWidth: 3, dot: _jsx(Box, {}) })] }) })] }));
 };

package/dist/components/propertyTiles/trendingValue/{EstCapGains.d.ts → EstEquity.d.ts}

@@ -1,3 +1,3 @@
-export declare const EstCapGains: ({ value }: {
+export declare const EstEquity: ({ value }: {
     value?: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/trendingValue/{EstCapGains.js → EstEquity.js}

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Center, Stack, Text } from '@chakra-ui/react';
 import { formatNumber } from '../../../utils';
-export const EstCapGains = ({ value = 0 }) => {
-    return (_jsxs(Stack, { spacing: "1", w: "fit-content", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.capGains') }), _jsx(Center, { bg: "green.11", h: "100%", px: "base", children: _jsx(Text, { color: "neutral.white", fontSize: "lg", fontWeight: "semibold", whiteSpace: "nowrap", children: `$${formatNumber(value)}` }) })] }));
+export const EstEquity = ({ value = 0 }) => {
+    return (_jsxs(Stack, { spacing: "1", w: "fit-content", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.equity') }), _jsx(Center, { bg: "green.11", h: "100%", px: "base", children: _jsx(Text, { color: "neutral.white", fontSize: "lg", fontWeight: "semibold", whiteSpace: "nowrap", children: `$${formatNumber(value)}` }) })] }));
 };

package/dist/components/propertyTiles/trendingValue/RefinanceCta.d.ts

@@ -0,0 +1,5 @@
+export interface RefinanceCtaI {
+    onCompareRates?: () => void;
+}
+/** Partner CTA under the Trending Value chart — leverage home equity. */
+export declare const RefinanceCta: ({ onCompareRates }: RefinanceCtaI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/propertyTiles/trendingValue/RefinanceCta.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Flex, Text } from '@chakra-ui/react';
+/** Savings/piggy-bank mark for the HELOC / refinance CTA. */
+const PiggyIcon = () => (_jsxs(Box, { as: "svg", width: "24px", height: "33px", viewBox: "0 0 23.632 32.423", flexShrink: 0, children: [_jsx("path", { d: "M16.984,19.77h-.011a9.878,9.878,0,1,1,.011,0m7.168-9.886a7.179,7.179,0,1,0-7.179,7.179,7.179,7.179,0,0,0,7.179-7.179", transform: "translate(-5.169 0)", fill: "#fea856" }), _jsx("path", { d: "M24.25,9.981a7.179,7.179,0,1,1-7.179,7.179A7.179,7.179,0,0,1,24.25,9.981", transform: "translate(-12.445 -7.276)", fill: "#f6cf76" }), _jsx("path", { d: "M56.37,86.087l8.352-4.146c-.054.149-1.816,4.9-3.55,5.77a3.567,3.567,0,0,1-4.786-1.588l-.016-.035", transform: "translate(-41.093 -59.734)", fill: "#00a1aa" }), _jsx("path", { d: "M63.751,79.558l0,0L55.4,83.707A3.566,3.566,0,0,1,57,78.956c1.762-.883,6.751.6,6.751.6", transform: "translate(-40.119 -57.354)", fill: "#00c0b7" }), _jsx("path", { d: "M8.362,86.087l-.016.035A3.567,3.567,0,0,1,3.56,87.711c-1.734-.87-3.5-5.621-3.55-5.77Z", transform: "translate(-0.007 -59.734)", fill: "#00a1aa" }), _jsx("path", { d: "M6.751,78.955a3.566,3.566,0,0,1,1.6,4.751L0,79.56l0,0s4.989-1.485,6.751-.6", transform: "translate(0 -57.353)", fill: "#00c0b7" }), _jsx("rect", { width: "0.813", height: "12.705", transform: "translate(11.409 19.719)", fill: "#00a1aa" }), _jsx("path", { d: "M33.63,98.347l-3.467-1.721.362-.728,3.461,1.718-.17.37Z", transform: "translate(-21.989 -69.908)", fill: "#00a1aa" }), _jsx("path", { d: "M43.253,98.344l-.377-.72L46.352,95.9l.362.728Z", transform: "translate(-31.256 -69.908)", fill: "#00a1aa" }), _jsx("path", { d: "M34.719,25.744a1.991,1.991,0,0,0,1.1.545V23.346a7.484,7.484,0,0,1-1.015-.317,2.561,2.561,0,0,1-.711-.411,1.423,1.423,0,0,1-.417-.583,2.558,2.558,0,0,1,.044-1.749,2.238,2.238,0,0,1,1.2-1.2,2.757,2.757,0,0,1,.894-.211v-.733h.611v.743a2.3,2.3,0,0,1,1.433.667,3.176,3.176,0,0,1,.755,1.532h-.943a1.478,1.478,0,0,0-1.244-1.288v2.732l.666.178a3,3,0,0,1,.521.194,2.389,2.389,0,0,1,.578.383,2.145,2.145,0,0,1,.472.611,1.852,1.852,0,0,1,.194.877,2.4,2.4,0,0,1-.183.966,2.2,2.2,0,0,1-.505.727,2.384,2.384,0,0,1-.766.483,3.378,3.378,0,0,1-.977.222v.91h-.611v-.91a2.59,2.59,0,0,1-2.51-2.6h.944a1.645,1.645,0,0,0,.46,1.176m.2-5.6a1.212,1.212,0,0,0-.372.961,1.176,1.176,0,0,0,.094.494.937.937,0,0,0,.266.344,1.728,1.728,0,0,0,.405.239,4.116,4.116,0,0,0,.511.178v-2.6a1.584,1.584,0,0,0-.9.383m2.088,6.034a1.319,1.319,0,0,0,.455-.261,1.135,1.135,0,0,0,.3-.433,1.645,1.645,0,0,0,.106-.616,1.094,1.094,0,0,0-.411-.91A1.712,1.712,0,0,0,37,23.7c-.178-.07-.366-.134-.566-.195v2.788a2.27,2.27,0,0,0,.572-.112", transform: "translate(-24.286 -13.223)", fill: "#fff" })] }));
+/** Partner CTA under the Trending Value chart — leverage home equity. */
+export const RefinanceCta = ({ onCompareRates }) => (_jsxs(Flex, { align: "center", justify: "space-between", gap: "base", children: [_jsxs(Flex, { align: "center", gap: "3", children: [_jsx(PiggyIcon, {}), _jsx(Text, { fontSize: "sm", color: "gray.3", lineHeight: "1.25", whiteSpace: "pre-line", children: 'Considering a HELOC\nor Refinance?' })] }), _jsx(Button, { variant: "outline", size: "sm", borderColor: "blue.2", color: "blue.2", fontWeight: "medium", borderRadius: "none", flexShrink: 0, onClick: onCompareRates, children: "Get Rates" })] }));

package/dist/components/propertyTiles/trendingValue/TrendingValue.js

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { t } from 'i18next';
-import { Box, Button, Flex, IconButton, Stack, Text, Tooltip, } from '@chakra-ui/react';
-import { Edit, EstCapGains, Plus, TileCard, TileTooltip, TrendingLineChart, TrendingValueCard, } from '../../../components';
+import { Box, Button, Collapse, Flex, IconButton, Stack, Text, Tooltip, } from '@chakra-ui/react';
+import { ChevronDown, ChevronUp, Edit, EstEquity, Plus, RefinanceCta, TileCard, TileTooltip, TrendingLineChart, TrendingValueCard, } from '../../../components';
 import { ComputerReport } from '../../../assets/images';
 import { colors } from '../../../theme/colors';
 export const TrendingValue = ({ chartData, marketValue = 0, menuItems, mortgageBalance = 0, onMortgageClick, purchasePrice = 0, showHelp }) => {
-    return (_jsx(TileTooltip, { label: "trendingValue", children: _jsx(Box, { children: _jsxs(TileCard, { bg: "lightGreen.8", menuItems: menuItems, title: t('propertyTiles.trending.title'), icon: ComputerReport, fontWeight: "normal", showHelp: showHelp, children: [_jsxs(Flex, { gap: "base", p: "base", bg: "lightBlue.1", children: [_jsx(TrendingValueCard, { bg: "lightBlue.2", label: t('propertyTiles.trending.purchase'), value: purchasePrice }), (mortgageBalance > 0) ? (_jsx(TrendingValueCard, { bg: "lightBlue.4", editButton: Boolean(mortgageBalance) && (_jsx(Tooltip, { label: t('tooltips.editMortgage'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, { size: 16 }), onClick: onMortgageClick }) })), label: t('propertyTiles.trending.mortgage'), value: mortgageBalance })) : (_jsxs(Stack, { spacing: "1", flex: "auto", children: [_jsx(Flex, { align: "center", justify: "space-between", h: "20px", children: _jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.mortgage') }) }), _jsxs(Button, { variant: "tertiary", h: "full", onClick: onMortgageClick, w: "full", px: "1", children: [_jsx(Plus, { stroke: colors.blue[3], size: 20 }), _jsx(Text, { color: colors.blue[3], as: "span", pl: '.25rem', children: t('propertyTiles.trending.addMortgage') })] })] }))] }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { children: [_jsx(TrendingValueCard, { bg: "lightGreen.6", fontSize: "3xl", label: t('propertyTiles.trending.estimated'), value: marketValue }), purchasePrice > 0 && (_jsx(EstCapGains, { value: marketValue - purchasePrice }))] }), chartData && _jsx(TrendingLineChart, { data: chartData }), !chartData && (_jsx(Box, { h: "220px", border: "1px solid", borderColor: "lightGreen.6" })), _jsx(Text, { fontFamily: "secondary", fontSize: "xs", children: t('propertyTiles.trending.public') })] })] }) }) }));
+    // Purchase price + mortgage are "set once" inputs — collapsed by default so
+    // the value + chart get the room (future: a "predicted" segment on the chart).
+    const [showInputs, setShowInputs] = useState(false);
+    return (_jsx(TileTooltip, { label: "trendingValue", children: _jsx(Box, { children: _jsxs(TileCard, { bg: "lightGreen.8", menuItems: menuItems, title: t('propertyTiles.trending.title'), icon: ComputerReport, fontWeight: "normal", showHelp: showHelp, children: [_jsxs(Flex, { as: "button", onClick: () => setShowInputs((v) => !v), align: "center", justify: "space-between", w: "full", px: "base", py: "2", bg: "lightBlue.1", children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", color: "gray.3", children: "Purchase & Mortgage" }), showInputs ? _jsx(ChevronUp, { size: 16 }) : _jsx(ChevronDown, { size: 16 })] }), _jsx(Collapse, { in: showInputs, animateOpacity: true, children: _jsxs(Flex, { gap: "base", px: "base", pb: "base", bg: "lightBlue.1", children: [_jsx(TrendingValueCard, { bg: "lightBlue.2", label: t('propertyTiles.trending.purchase'), value: purchasePrice }), (mortgageBalance > 0) ? (_jsx(TrendingValueCard, { bg: "lightBlue.4", editButton: Boolean(mortgageBalance) && (_jsx(Tooltip, { label: t('tooltips.editMortgage'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, { size: 16 }), onClick: onMortgageClick }) })), label: t('propertyTiles.trending.mortgage'), value: mortgageBalance })) : (_jsxs(Stack, { spacing: "1", flex: "auto", children: [_jsx(Flex, { align: "center", justify: "space-between", h: "20px", children: _jsx(Text, { fontSize: "xs", textTransform: "uppercase", children: t('propertyTiles.trending.mortgage') }) }), _jsxs(Button, { variant: "tertiary", h: "full", onClick: onMortgageClick, w: "full", px: "1", children: [_jsx(Plus, { stroke: colors.blue[3], size: 20 }), _jsx(Text, { color: colors.blue[3], as: "span", pl: '.25rem', children: t('propertyTiles.trending.addMortgage') })] })] }))] }) }), _jsxs(Stack, { spacing: "base", p: "base", children: [_jsxs(Flex, { children: [_jsx(TrendingValueCard, { bg: "lightGreen.6", fontSize: "3xl", label: t('propertyTiles.trending.estimated'), value: marketValue }), marketValue > 0 && (_jsx(EstEquity, { value: marketValue - mortgageBalance }))] }), chartData && (_jsx(TrendingLineChart, { data: chartData, purchasePrice: purchasePrice })), !chartData && (_jsx(Box, { h: "140px", border: "1px solid", borderColor: "lightGreen.6" })), _jsx(RefinanceCta, {})] })] }) }) }));
 };

package/dist/components/propertyTiles/trendingValue/index.d.ts

@@ -1,3 +1,4 @@
-export * from './EstCapGains';
+export * from './EstEquity';
+export * from './RefinanceCta';
 export * from './TrendingValue';
 export * from './TrendingValueCard';

package/dist/components/propertyTiles/trendingValue/index.js

@@ -1,3 +1,4 @@
-export * from './EstCapGains';
+export * from './EstEquity';
+export * from './RefinanceCta';
 export * from './TrendingValue';
 export * from './TrendingValueCard';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DragDropArea, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PartnerWizardStepBrand, PartnerWizardStepServices, PartnerWizardStepServicesSelect, PartnerWizardStepServiceZones, PartnerWizardStepCta, PartnerWizardStepSocial, PartnerWizardStepHeader, PartnerWizardStepLayout, PartnerWizardSuccessHeader, PartnerWizardSuccessBody, PartnerWizardSteps, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UploadTile, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CalendarWidget, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DragDropArea, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PartnerWizardStepBrand, PartnerWizardStepServices, PartnerWizardStepServicesSelect, PartnerWizardStepServiceZones, PartnerWizardStepCta, PartnerWizardStepSocial, PartnerWizardStepHeader, PartnerWizardStepLayout, PartnerWizardSuccessHeader, PartnerWizardSuccessBody, PartnerWizardSteps, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UploadTile, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WidgetCarousel, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { useFilesUploader } from './hooks/folderPanel/useFilesUploader';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DragDropArea, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PartnerWizardStepBrand, PartnerWizardStepServices, PartnerWizardStepServicesSelect, PartnerWizardStepServiceZones, PartnerWizardStepCta, PartnerWizardStepSocial, PartnerWizardStepHeader, PartnerWizardStepLayout, PartnerWizardSuccessHeader, PartnerWizardSuccessBody, PartnerWizardSteps, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UploadTile, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, CalendarWidget, CancelAccount, CatalogPopup, CloudsAnimation, ConfirmHomeDetails, ConfirmProperty, ConfirmPropertyBody, ConfirmPropertyFooter, ConfirmPropertyRecords, ContactList, ContactsContent, ContainerHeader, ControlledWizard, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, Dialog, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DragDropArea, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EditItemName, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeAssistantTutorial, HomeAssistantWizardPanel, HomeAssistantWizardSteps, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeDetailsContent, HomefileMonitoring, HomeHeader, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomes, MyProfileBody, MyProfileContent, MyProfileFooter, MyProfileHeader, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewHomeDetails, NewParterDetails, NewPassword, NotBeChargedBanner, NotificationCard, Notifications, NotificationsPanel, NotificationsReminder, NpsScore, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCard, PartnerCustomerCode, PartnerCustomersToolbar, PartnerCustomersWrapper, PartnerDetails, PartnerHomeHeader, PartnerImages, PartnerPanel, PartnerServiceCard, PartnerServiceTicketCard, PartnerServiceTicketsToolbar, PartnerServiceTicketsWrapper, PartnerSidebarMenu, PartnerWizardStepBrand, PartnerWizardStepServices, PartnerWizardStepServicesSelect, PartnerWizardStepServiceZones, PartnerWizardStepCta, PartnerWizardStepSocial, PartnerWizardStepHeader, PartnerWizardStepLayout, PartnerWizardSuccessHeader, PartnerWizardSuccessBody, PartnerWizardSteps, PasswordInput, PaymentBanner, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RolePermissionsTab, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SearchItemLoader, SearchRecords, SectionHeader, SendCommunication, ShareContactsContent, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShineTile, ShortPartnerTile, SignIn, SignUp, SkeletonBox, StartHomiSetup, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorDialog, TwoFactorSetting, UpdateList, UploadTile, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, ViewContactPanel, WeatherWidget, WidgetCarousel, WellDone, WizardBodyPadding, WizardStepGoal, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
 export { useCustomToast, useConfirmPropertyModel } from './hooks';
 export { useFilesUploader } from './hooks/folderPanel/useFilesUploader';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.54.0",
+  "version": "2.55.0",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",