@homefile/components-v2 2.59.1 → 2.60.0

package/dist/hooks/rooms/useRoomHeader.js

@@ -1,9 +1,15 @@
 import { useState, useEffect } from 'react';
 import { formatCurrency } from '../../utils';
-export const useRoomHeader = ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, }) => {
+export const useRoomHeader = ({ onSubmit, room: { _id, name, type, active, home }, roomAmount, roomEstimatedAmount, }) => {
     const [isEditing, setIsEditing] = useState(false);
     const [inputValue, setInputValue] = useState(null);
     const formattedAmount = formatCurrency({ value: roomAmount });
+    // Estimated value renders only when there is a real (non-zero) estimate —
+    // honest-empty until the enrichment side emits the est-value-field tag.
+    const hasEstimate = Number(roomEstimatedAmount) > 0;
+    const formattedEstimatedAmount = formatCurrency({
+        value: roomEstimatedAmount !== null && roomEstimatedAmount !== void 0 ? roomEstimatedAmount : 0,
+    });
     useEffect(() => {
         setInputValue(name);
     }, [name]);
@@ -19,6 +25,8 @@ export const useRoomHeader = ({ onSubmit, room: { _id, name, type, active, home
     };
     return {
         formattedAmount,
+        formattedEstimatedAmount,
+        hasEstimate,
         handleChange,
         handleClick,
         inputValue,

package/dist/hooks/useDirtySave.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Scalar dirty-tracking + save — the proven `TwoFactorSetting` pattern
+ * (`showButtons = value !== initial` → a conditional Save), extracted. On save
+ * the current value becomes the new baseline (so the Save affordance hides) and
+ * a transient `justSaved` flag fires for 1200ms (the "Saved ✓" flash). Scope: a
+ * single scalar value — no arbitrary-field abstraction (YAGNI, per Eli).
+ */
+export declare const useDirtySave: (initial: string, onSave?: (value: string) => void) => {
+    value: string;
+    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isDirty: boolean;
+    justSaved: boolean;
+    save: () => void;
+};

package/dist/hooks/useDirtySave.js

@@ -0,0 +1,33 @@
+import { useEffect, useRef, useState } from 'react';
+/**
+ * Scalar dirty-tracking + save — the proven `TwoFactorSetting` pattern
+ * (`showButtons = value !== initial` → a conditional Save), extracted. On save
+ * the current value becomes the new baseline (so the Save affordance hides) and
+ * a transient `justSaved` flag fires for 1200ms (the "Saved ✓" flash). Scope: a
+ * single scalar value — no arbitrary-field abstraction (YAGNI, per Eli).
+ */
+export const useDirtySave = (initial, onSave) => {
+    const [value, setValue] = useState(initial);
+    const [baseline, setBaseline] = useState(initial);
+    const [justSaved, setJustSaved] = useState(false);
+    const flashTimer = useRef(undefined);
+    // Re-sync when the source value changes (e.g. a freshly prepopulated name).
+    useEffect(() => {
+        setValue(initial);
+        setBaseline(initial);
+    }, [initial]);
+    useEffect(() => () => {
+        if (flashTimer.current)
+            clearTimeout(flashTimer.current);
+    }, []);
+    const isDirty = value !== baseline;
+    const save = () => {
+        onSave === null || onSave === void 0 ? void 0 : onSave(value);
+        setBaseline(value);
+        setJustSaved(true);
+        if (flashTimer.current)
+            clearTimeout(flashTimer.current);
+        flashTimer.current = window.setTimeout(() => setJustSaved(false), 1200);
+    };
+    return { value, setValue, isDirty, justSaved, save };
+};

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-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, MinimizedTile, 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 { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, BrandLogo, CalendarWidget, CancelAccount, CatalogPopup, CloudsAnimation, Close, 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, HomiPresence, HomiVoice, InlineEditField, ProgressBar, RevealValueCard, StaggerReveal, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, IncludePublicRecords, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTile, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomeCard, 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, WizardStepPrompt, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { useCustomToast, useConfirmPropertyModel, usePrefersReducedMotion, useCountUp, useDirtySave, } from './hooks';
 export { useFilesUploader } from './hooks/folderPanel/useFilesUploader';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
-export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, } from './assets/images';
+export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, Plus, VideoIcon, } from './assets/images';
 export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';

package/dist/index.js

@@ -1,8 +1,8 @@
-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, MinimizedTile, 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 { ActivateAccount, ActiveSubscription, AddCardBanner, AddEditContactPanel, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPopup, AddPropertyRecords, Address, AddTile, AddToHomefile, AlertBanner, AphwTile, AppBar, AppliancesReceived, AssignableReceipts, BackendAlert, BackHeader, BarDivider, BrandLogo, CalendarWidget, CancelAccount, CatalogPopup, CloudsAnimation, Close, 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, HomiPresence, HomiVoice, InlineEditField, ProgressBar, RevealValueCard, StaggerReveal, HomeItemList, HomeItemManualInfo, HomeMonitor, HomeMonitorPanel, HomeMonitorSteps, HomeSharedWith, HomieAddItems, HomiSms, InboxForwardBanner, InboxTile, IncludePublicRecords, ItemFormPanel, ItemFormTabs, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadApplianceAutofiler, LaunchpadAppliancePanel, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadReceiptPanel, LaunchpadTour, LeftPanel, Loading, MediaDetailsStep, MessageChatPanel, MessagePanel, MinimizedTile, MinimizedTiles, MonthlyCharge, MortgageInfo, MortgageInfoReadOnly, MoveModal, MyHomeCard, 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, WizardStepPrompt, WizardSuccessHeader, WizardTextHeader, WizardValueSummary, WizardValueSummaryBody, WizardValueSummaryFooter, YtdTile, } from './components';
+export { useCustomToast, useConfirmPropertyModel, usePrefersReducedMotion, useCountUp, useDirtySave, } from './hooks';
 export { useFilesUploader } from './hooks/folderPanel/useFilesUploader';
 export { randomColor, mapApiObjectToFormFields, mapForecastToWidget, } from './utils';
-export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, } from './assets/images';
+export { Ambulance, CookTop, Contacts, GuestBedroom, MagnifyingGlassReport, Message, Messages, Register, Receipts, Price, BlueFolderShared, Calendar, Create, Notes, WallDecor, YellowFolder, EstValue, Billing, Inbox, Plus, VideoIcon, } from './assets/images';
 export { homeAssistantWizardSteps, partnerWizardSteps } from './helpers';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy, addressProxy, } from './proxies';
 import theme from './theme';

package/dist/interfaces/forms/dynamicForm/DynamicForm.interface.d.ts

@@ -1,13 +1,16 @@
 import { AIGridFieldI, AlertFieldType, AlertTabType, FolderFileI, MenuItemI, PartnerFooterI, TileCtaI } from '../../../interfaces';
 export type KindTypes = 'ai-image' | 'ai-grid' | 'checkbox' | 'checkbox-agreement' | 'checkbox-group' | 'collapsible' | 'currency' | 'date' | 'email' | 'file' | 'grid' | 'group' | 'hidden' | 'notes' | 'number' | 'radio' | 'rating' | 'select' | 'string' | 'switch' | 'telephone' | 'text' | 'textarea' | 'default' | 'video' | UIKindTypes | HomeItemTypes | AlertTabType | AlertFieldType | WizardTypes;
 export type UIKindTypes = 'tile-body' | 'tile-body-logo' | 'tile-body-header' | 'tile-body-section' | 'tile-body-section-grid' | 'tile-body-partner-image' | 'tile-body-description' | 'tile-form' | 'tile-body-action' | 'vertical-icon' | 'primary-cta' | 'secondary-cta';
-export type HomeItemTypes = 'appliances' | 'images' | 'guidelines' | 'item-related' | 'item-icon-btn';
-export type IconTypes = '68' | 'barcode' | 'battery' | 'billing' | 'book-opened' | 'book' | 'calc' | 'calendar-drop' | 'calendar' | 'calendar2' | 'check' | 'co2' | 'company' | 'contact' | 'date' | 'default' | 'detector' | 'drop' | 'electricity' | 'fire' | 'flower' | 'folder' | 'foundation' | 'gear' | 'goldbars' | 'heart' | 'heater' | 'house' | 'image' | 'life-preserver' | 'light' | 'mobile-drop' | 'notes' | 'palette' | 'people' | 'plant' | 'plate' | 'pool' | 'pressure-washer' | 'price' | 'rating' | 'receipt' | 'registry' | 'roof' | 'search-person' | 'solar-panel' | 'sprinkler' | 'target' | 'title' | 'tools' | 'umbrella' | 'wallet' | 'warranty' | 'water' | 'wind' | 'battery-smoke-detector' | 'cooktop' | 'dish-washer' | 'dryer' | 'filter-size' | 'fire-extinguisher' | 'freezer' | 'fridge' | 'furnace' | 'hood' | 'in-wall' | 'jacuzzi' | 'landscape-lights' | 'microwave' | 'mr-boxes' | 'mr-clock' | 'mr-couch' | 'mr-hand' | 'mr-make-ready' | 'mr-rental' | 'other' | 'oven' | 'range' | 'sprinkler-system' | 'sprinkler-system2' | 'tank-water' | 'tankless-water' | 'washer' | 'wired-smoke-detector' | UIIconTypes;
+export type HomeItemTypes = 'appliances' | 'images' | 'guidelines' | 'item-related' | 'item-icon-btn' | 'warranty' | 'purchase' | 'overview' | 'history';
+export type IconTypes = '68' | 'barcode' | 'battery' | 'billing' | 'book-opened' | 'book' | 'calc' | 'calendar-drop' | 'calendar' | 'calendar2' | 'check' | 'co2' | 'company' | 'contact' | 'date' | 'default' | 'detector' | 'drop' | 'electricity' | 'fire' | 'flower' | 'folder' | 'foundation' | 'gear' | 'goldbars' | 'heart' | 'heater' | 'house' | 'image' | 'life-preserver' | 'light' | 'mobile-drop' | 'notes' | 'palette' | 'people' | 'plant' | 'plate' | 'pool' | 'pdf' | 'pressure-washer' | 'price' | 'rating' | 'receipt' | 'registry' | 'roof' | 'search-person' | 'solar-panel' | 'sprinkler' | 'target' | 'title' | 'tools' | 'umbrella' | 'wallet' | 'warranty' | 'water' | 'wind' | 'battery-smoke-detector' | 'cooktop' | 'dish-washer' | 'dryer' | 'filter-size' | 'fire-extinguisher' | 'freezer' | 'fridge' | 'furnace' | 'hood' | 'in-wall' | 'jacuzzi' | 'landscape-lights' | 'microwave' | 'mr-boxes' | 'mr-clock' | 'mr-couch' | 'mr-hand' | 'mr-make-ready' | 'mr-rental' | 'other' | 'oven' | 'range' | 'sprinkler-system' | 'sprinkler-system2' | 'tank-water' | 'tankless-water' | 'washer' | 'wired-smoke-detector' | UIIconTypes;
 export type UIIconTypes = 'sh-pressure' | 'sh-window' | 'sh-roof' | 'sh-lights' | 'sh-gutter' | 'sh-home' | 'sh-house' | 'aa-mowing' | 'aa-fertilization' | 'aa-disease' | 'aa-weed' | 'aa-dressing' | 'aa-pest' | 'boc-service' | 'boc-filter' | 'boc-repair' | 'boc-renovation' | 'boc-green' | 'boc-warranty' | 'filter-size' | string;
-export type WizardTypes = 'home-wizard' | 'home-wizard-header' | 'home-wizard-initial-setup' | 'home-wizard-step-options';
+export type WizardTypes = 'home-wizard' | 'home-wizard-header' | 'home-wizard-initial-setup' | 'home-wizard-step-options' | 'home-wizard-select-card';
 export type ValueTypes = string | string[] | number | boolean;
 export type OptionsTypes = string[] | number[] | null;
+export type PanelTab = 'details' | 'specs' | 'history';
 export interface ReportI {
+    /** Optional accent color (e.g. a history event's date-pennant color). */
+    accentColor?: string;
     canBeHidden?: boolean;
     children?: ReportI[];
     comments?: string;
@@ -18,6 +21,7 @@ export interface ReportI {
     link?: string;
     name?: string;
     options?: OptionsTypes;
+    tab?: PanelTab;
     type: KindTypes;
     value: ValueTypes;
     visible?: boolean;

package/dist/interfaces/forms/readOnly/homeItem/ReadOnlyOverview.interface.d.ts

@@ -0,0 +1,2 @@
+import { ReportI } from '../../../../interfaces';
+export type ReadOnlyOverviewI = ReportI;

package/dist/interfaces/forms/readOnly/homeItem/ReadOnlyOverview.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/forms/readOnly/homeItem/ReadOnlyPurchaseDetails.interface.d.ts

@@ -0,0 +1,5 @@
+import { ReportI } from '../../../../interfaces';
+export interface ReadOnlyPurchaseDetailsI extends ReportI {
+    onEdit?: (id: string) => void;
+    onClick?: (id: string) => void;
+}

package/dist/interfaces/forms/readOnly/homeItem/ReadOnlyPurchaseDetails.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/forms/readOnly/homeItem/ReadOnlyWarrantyBanner.interface.d.ts

@@ -0,0 +1,27 @@
+import { IconTypes, ValueTypes } from '../../../../interfaces';
+/**
+ * The three warranty states the banner can render. Derived upstream from the
+ * item's purchase date + parsed warranty term (see tickets #356/#357):
+ * - `underWarranty` — still covered
+ * - `expired` — warranty term has lapsed
+ * - `recall` — an active manufacturer recall
+ *
+ * HONESTY: `recall` must ONLY be passed with REAL recall data. There is no
+ * recall data source in the platform today (#357), so callers must not pass
+ * state="recall" until one exists — the banner never fabricates an alert.
+ */
+export type WarrantyBannerState = 'underWarranty' | 'expired' | 'recall';
+export interface ReadOnlyWarrantyBannerI {
+    /** Status message, e.g. "This item is under the manufacturer's warranty till 2030." */
+    value?: ValueTypes;
+    /** `fieldIcons` key for the badge glyph (e.g. 'boc-warranty'). */
+    icon?: IconTypes;
+    /** Which state to render. Defaults to `underWarranty`. */
+    state?: WarrantyBannerState;
+    /**
+     * Optional destination for the banner. Down the road: a recall notice on
+     * `recall`, or a "purchase a warranty" link on `expired`. When present the
+     * message becomes a link.
+     */
+    link?: string;
+}

package/dist/interfaces/forms/readOnly/homeItem/ReadOnlyWarrantyBanner.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/forms/readOnly/homeItem/index.d.ts

@@ -1,2 +1,5 @@
 export * from './ReadOnlyAppliances.interface';
 export * from './ReadOnlyGuidelines.interface';
+export * from './ReadOnlyOverview.interface';
+export * from './ReadOnlyPurchaseDetails.interface';
+export * from './ReadOnlyWarrantyBanner.interface';

package/dist/interfaces/forms/readOnly/homeItem/index.js

@@ -1,2 +1,5 @@
 export * from './ReadOnlyAppliances.interface';
 export * from './ReadOnlyGuidelines.interface';
+export * from './ReadOnlyOverview.interface';
+export * from './ReadOnlyPurchaseDetails.interface';
+export * from './ReadOnlyWarrantyBanner.interface';

package/dist/interfaces/homeItems/ViewingHomeItemPanel.interface.d.ts

@@ -5,3 +5,4 @@ export interface ViewingHomeItemPanelI {
     onEdit: (id: string) => void;
     onClick?: (id: string) => void;
 }
+export type ViewingHomeItemBodyI = Omit<ViewingHomeItemPanelI, 'onClose'>;

package/dist/interfaces/homi/HomiPresence.interface.d.ts

@@ -0,0 +1,9 @@
+export interface HomiPresenceI {
+    /**
+     * v1 presence states (presentation-only, no authority/meaning). `ambient` and
+     * `tap-to-talk` are future — do NOT build them here.
+     */
+    state?: 'guiding' | 'working';
+    /** Label shown beside the presence chip. */
+    label?: string;
+}

package/dist/interfaces/homi/HomiPresence.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/homi/ProgressBar.interface.d.ts

@@ -0,0 +1,8 @@
+export interface ProgressBarI {
+    /** Progress as a fraction complete (0–1). */
+    value: number;
+    /** Fill color token. */
+    color?: string;
+    /** Track color token. */
+    trackColor?: string;
+}

package/dist/interfaces/homi/ProgressBar.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/homi/RevealValueCard.interface.d.ts

@@ -0,0 +1,16 @@
+export interface RevealFactI {
+    label: string;
+    value: string;
+}
+export interface RevealValueCardI {
+    /** Hero value (e.g. estimated home value) — animates via count-up on reveal. */
+    value: number;
+    /** Prefix for the hero value (e.g. '$'). */
+    valuePrefix?: string;
+    /** 2-column facts grid (year built / sqft / beds / …). */
+    facts?: RevealFactI[];
+    /** Secondary values row shown below the facts grid. */
+    subvals?: RevealFactI[];
+    /** Optional 30×30 thumbnails (e.g. comps / photos). */
+    thumbs?: string[];
+}

package/dist/interfaces/homi/RevealValueCard.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/homi/StaggerReveal.interface.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface StaggerRevealI extends PropsWithChildren {
+    /** Delay between each child's entrance, in seconds (POC ≈ 0.07). */
+    stagger?: number;
+    /** Initial delay before the first child, in seconds. */
+    delay?: number;
+    /** Column gap between children (Chakra spacing token), so it can replace a Stack. */
+    spacing?: string | number;
+}

package/dist/interfaces/homi/StaggerReveal.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/homi/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HomiPresence.interface';
+export * from './ProgressBar.interface';
+export * from './RevealValueCard.interface';
+export * from './StaggerReveal.interface';

package/dist/interfaces/homi/index.js

@@ -0,0 +1,4 @@
+export * from './HomiPresence.interface';
+export * from './ProgressBar.interface';
+export * from './RevealValueCard.interface';
+export * from './StaggerReveal.interface';

package/dist/interfaces/index.d.ts

@@ -1,5 +1,6 @@
 export * from './AddItemWizard';
 export * from './appliances';
+export * from './homi';
 export * from './apis';
 export * from './appBar';
 export * from './badge';

package/dist/interfaces/index.js

@@ -1,5 +1,6 @@
 export * from './AddItemWizard';
 export * from './appliances';
+export * from './homi';
 export * from './apis';
 export * from './appBar';
 export * from './badge';

package/dist/interfaces/inputs/InlineEditField.interface.d.ts

@@ -0,0 +1,7 @@
+export interface InlineEditFieldI {
+    /** Prepopulated value, edited in place. */
+    value: string;
+    /** Called with the new value when the user saves. */
+    onSave?: (value: string) => void;
+    placeholder?: string;
+}

package/dist/interfaces/inputs/InlineEditField.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/inputs/Input.interface.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from '@chakra-ui/react';
-export interface InputI extends InputProps {
+export interface InputI extends Omit<InputProps, 'variant'> {
     autoCapitalize?: string;
     autoCorrect?: string;
     errorMessage?: string;
@@ -12,4 +12,9 @@ export interface InputI extends InputProps {
     value: string;
     showLabel?: boolean;
     hint?: string;
+    /**
+     * `'default'` (floating LabeledField) or `'conversational'` — a bare
+     * bottom-border input (no LabeledField) for the Typeform-style wizard.
+     */
+    variant?: 'default' | 'conversational';
 }

package/dist/interfaces/inputs/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ControlledInput.interface';
+export * from './InlineEditField.interface';
 export * from './DatePicker.interface';
 export * from './EditFileUploader.interface';
 export * from './Input.interface';

package/dist/interfaces/inputs/index.js

@@ -1,4 +1,5 @@
 export * from './ControlledInput.interface';
+export * from './InlineEditField.interface';
 export * from './DatePicker.interface';
 export * from './EditFileUploader.interface';
 export * from './Input.interface';

package/dist/interfaces/myHomes/AddHomeContent.interface.d.ts

@@ -23,4 +23,7 @@ export interface AddHomeContentI {
     userFirstName?: string;
     values?: HomeFormI;
     isWizard?: boolean;
+    /** Show the home-name field. Off in the simplified wizard, where the home is
+     *  named at the reveal step instead. Defaults on to preserve add-home flow. */
+    showName?: boolean;
 }

package/dist/interfaces/myProfile/MyProfileBody.interface.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 export interface MyProfileBodyI {
     account?: ReactNode;
     details?: ReactNode;
+    defaultIndex?: number;
     email?: ReactNode;
     isLoading: boolean;
     payment?: ReactNode;

package/dist/interfaces/myProfile/details/HomiSms.interface.d.ts

@@ -1,9 +1,18 @@
 export interface HomiSmsFormI {
-    sms?: string;
+    enabled?: boolean;
+    phone?: string;
 }
 export interface HomiSmsI {
     mode?: 'full' | 'phone-only';
-    sms?: string;
+    /** Initial toggle state — whether Homi SMS messaging is enabled. */
+    enabled?: boolean;
+    /**
+     * Initial phone number. The app pre-fills this from the user's number when
+     * 2FA is set to SMS/mobile, so the same number carries over automatically.
+     */
+    phone?: string;
+    /** Link to the SMS messaging consent language (content owned by legal). */
+    consentUrl?: string;
     loading?: boolean;
     onChange?: (value: HomiSmsFormI) => void;
     onSave?: (value: HomiSmsFormI) => void;

package/dist/interfaces/rooms/RoomHeader.interface.d.ts

@@ -5,5 +5,10 @@ export interface RoomHeaderI {
     onSubmit: (room: RoomItemI) => void;
     room: RoomItemI;
     roomAmount: string;
+    /**
+     * Sum of item ESTIMATED values (est-value-field), shown as a separate "est."
+     * line — never blended with roomAmount (amount paid). Hidden when 0/absent.
+     */
+    roomEstimatedAmount?: string;
     disabled?: boolean;
 }

package/dist/interfaces/wizard/ControlledWizard.interface.d.ts

@@ -25,5 +25,11 @@ export type ControlledWizardI<Key extends string = string> = {
     height?: string;
     headerBlink?: boolean;
     footerBlink?: boolean;
+    /**
+     * Body step-transition idiom. `'crossfade'` (default) = the existing
+     * opacity/y/blur; `'directional'` = the wizard's horizontal slide + a subtle
+     * enter-flip (POC). Both are reduced-motion gated.
+     */
+    transition?: 'crossfade' | 'directional';
 } & (ControlledWizardLegacyProps | ControlledWizardKeyedProps<Key>);
 export {};

package/dist/interfaces/wizard/WizardStepPrompt.interface.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface WizardStepPromptI {
+    /** Step marker, e.g. "1 →". Omit on the success / hand-off step. */
+    marker?: ReactNode;
+    /** Homi's prompt — the bold headline. Authored by the mind, not hardcoded. */
+    title: string;
+    /** Optional supporting line under the prompt. */
+    subtitle?: string;
+}

package/dist/interfaces/wizard/WizardStepPrompt.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/interfaces/wizard/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ControlledWizard.interface';
 export * from './WizardTextHeader.interface';
+export * from './WizardStepPrompt.interface';
 export * from './WizardSuccessHeader.interface';
 export * from './WizardValueSummary.interface';

package/dist/interfaces/wizard/index.js

@@ -1,4 +1,5 @@
 export * from './ControlledWizard.interface';
 export * from './WizardTextHeader.interface';
+export * from './WizardStepPrompt.interface';
 export * from './WizardSuccessHeader.interface';
 export * from './WizardValueSummary.interface';

package/dist/stories/forms/readOnly/ReadOnlyAppliances.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const ApplianceCard: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/forms/readOnly/ReadOnlyAppliances.stories.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { ReadOnlyAppliances } from '../../../components';
+import { faker } from '@faker-js/faker';
+export default {
+    title: 'Components/Forms/ReadOnlyDynamicForm',
+    component: ReadOnlyAppliances,
+};
+const images = [
+    faker.image.urlPicsumPhotos(),
+    faker.image.urlPicsumPhotos(),
+    faker.image.urlPicsumPhotos(),
+    faker.image.urlPicsumPhotos(),
+];
+// Renders the appliance card the way the ReadOnlyDynamicForm switch does:
+// name = "APPLIANCES" header, value = the item name, description, and typed
+// children (images gallery, rating, and text field rows Brand/Model/Serial).
+export const ApplianceCard = () => (_jsx(Box, { w: ['full', '500px'], children: _jsx(ReadOnlyAppliances, { id: "appliance", name: "Appliances", value: "Refrigerator", description: "KitchenAid Counter-depth 20-cu ft French Door Refrigerator with Ice Maker and Water dispenser (Stainless Steel) ENERGY STAR", onEdit: () => undefined, type: "appliances", 
+        // eslint-disable-next-line react/no-children-prop
+        children: [
+            { id: 'imgs', type: 'images', value: images },
+            { id: 'rating', type: 'rating', value: 4 },
+            { id: 'brand', type: 'text', name: 'Brand', value: 'Kitchen Aid' },
+            { id: 'model', type: 'text', name: 'Model#', value: 'KRFC300ESS' },
+            { id: 'serial', type: 'text', name: 'Serial #', value: '' },
+            { id: 'retail', type: 'currency', name: 'Retail Price', value: '3125.12' },
+            {
+                id: 'replacement',
+                type: 'currency',
+                name: 'Est Replacement Cost',
+                value: '1895.03',
+            },
+        ] }) }));

package/dist/stories/forms/readOnly/ReadOnlyWarrantyBanner.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const WarrantyBannerStates: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/forms/readOnly/ReadOnlyWarrantyBanner.stories.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack, Text } from '@chakra-ui/react';
+import { ReadOnlyWarrantyBanner } from '../../../components';
+export default {
+    title: 'Components/Forms/ReadOnlyDynamicForm',
+    component: ReadOnlyWarrantyBanner,
+};
+// All three warranty states. `recall` is shown here for design review only —
+// in production it stays dark until a real recall data source exists (#357).
+export const WarrantyBannerStates = () => (_jsx(Box, { p: "base", bg: "neutral.white", w: ['full', '540px'], children: _jsxs(Stack, { spacing: "4", children: [_jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", color: "gray.2", mb: "1", children: "Under warranty" }), _jsx(ReadOnlyWarrantyBanner, { state: "underWarranty", icon: "warranty", value: "This item is under the manufacturer's warranty till 2030." })] }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", color: "gray.2", mb: "1", children: "Expired" }), _jsx(ReadOnlyWarrantyBanner, { state: "expired", icon: "warranty", value: "This item's manufacturer warranty expired in 2022." })] }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", textTransform: "uppercase", color: "gray.2", mb: "1", children: "Recall (design-review only \u2014 dark in prod until #357)" }), _jsx(ReadOnlyWarrantyBanner, { state: "recall", icon: "warranty", value: "This item has an active manufacturer recall." })] })] }) }));

package/dist/stories/homeItems/ReadOnlyHistory.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Timeline: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/homeItems/ReadOnlyHistory.stories.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex } from '@chakra-ui/react';
+import { AddDocuments, ReadOnlyHistory } from '../../components';
+import { faker } from '@faker-js/faker';
+// Two derivatives of the core HistoryCard, from the XD "Card" / "Card 2".
+const added = {
+    id: 'hist-added',
+    type: 'history',
+    name: 'Added Refrigerator',
+    value: '',
+    label: '01 23 2017',
+    accentColor: '#1E6388',
+    children: [
+        { id: 'ha-img', type: 'images', value: faker.image.urlPicsumPhotos() },
+        { id: 'ha-brand', type: 'text', name: 'Brand', value: 'Kitchen Aid' },
+        { id: 'ha-model', type: 'text', name: 'Model#', value: 'KRFC300ESS' },
+        { id: 'ha-rcpt', type: 'currency', name: 'Receipt', icon: 'pdf', value: '3125.12' },
+    ],
+};
+const service = {
+    id: 'hist-service',
+    type: 'history',
+    name: 'Service Record',
+    value: 'Acme Appliance Repair',
+    label: '01 15 2017',
+    accentColor: '#4E8A6B',
+    children: [
+        {
+            id: 'hs-logo',
+            type: 'images',
+            value: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><rect width='48' height='48' fill='%23E4E4E4'/><text x='24' y='28' font-family='Arial, sans-serif' font-size='9' fill='%23525458' text-anchor='middle'>Logo</text></svg>",
+        },
+        { id: 'hs-a1', type: 'text', value: '123 South First Avenue' },
+        { id: 'hs-a2', type: 'text', value: 'Suite 431' },
+        { id: 'hs-a3', type: 'text', value: 'Austin, TX 78732' },
+        { id: 'hs-a4', type: 'text', value: '512 365 5541' },
+        { id: 'hs-inv', type: 'currency', name: 'Invoice', icon: 'pdf', value: '345.12' },
+    ],
+};
+export default {
+    title: 'Components/HomeItems/ReadOnlyHistory',
+    component: ReadOnlyHistory,
+};
+// Full History tab: Add Documents on top, then the rail + events (mirrors
+// ViewingHomeItemPanel's history section) so the layout is verifiable here.
+export const Timeline = () => (_jsxs(Flex, { direction: "column", w: "500px", minH: "700px", bg: "lightBlue.1", children: [_jsx(AddDocuments, {}), _jsxs(Box, { position: "relative", flex: "1", children: [_jsx(Box, { position: "absolute", left: "0", top: "0", bottom: "0", w: "131px", bg: "#E9EDEF" }), _jsxs(Box, { position: "relative", children: [_jsx(ReadOnlyHistory, Object.assign({}, added)), _jsx(ReadOnlyHistory, Object.assign({}, service))] })] })] }));

package/dist/stories/homeItems/ReadOnlyOverview.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Overview: () => import("react/jsx-runtime").JSX.Element;
+export declare const SpecsTab: () => import("react/jsx-runtime").JSX.Element;