npm - @layerfi/components - Versions diffs - 0.1.85 → 0.1.86 - Mend

@layerfi/components 0.1.85 → 0.1.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/cjs/index.cjs +12588 -10556
package/dist/esm/index.mjs +12464 -10419
package/dist/index.css +189 -18
package/dist/index.d.ts +835 -529
package/package.json +2 -28

package/dist/index.d.ts CHANGED Viewed

@@ -245,6 +245,17 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
       } | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<Record<string, unknown>>;
+  type UpdateOpeningBalanceBody = {
+      effective_at: string;
+      balance: number;
+  };
+  export const updateOpeningBalance: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+          accountId: string;
+      } | undefined;
+      body?: UpdateOpeningBalanceBody | undefined;
+  } | undefined) => Promise<never>;
   export const getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
@@ -345,6 +356,7 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
       } | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<Record<string, unknown>>;
+  export {};
 }
 declare module '@layerfi/components/api/layer/profit_and_loss' {
@@ -813,6 +825,16 @@ declare module '@layerfi/components/api/layer' {
           } | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
+      updateOpeningBalance: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+              accountId: string;
+          } | undefined;
+          body?: {
+              effective_at: string;
+              balance: number;
+          } | undefined;
+      } | undefined) => Promise<never>;
       getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
               businessId: string;
@@ -866,7 +888,6 @@ declare module '@layerfi/components/api/layer' {
 }
 declare module '@layerfi/components/components/ActionableList/ActionableList' {
-  import React from 'react';
   export interface ActionableListOption<T> {
       label: string;
       id: string;
@@ -881,7 +902,7 @@ declare module '@layerfi/components/components/ActionableList/ActionableList' {
       selectedId?: string;
       showDescriptions?: boolean;
   }
-  export const ActionableList: <T>({ options, onClick, selectedId, showDescriptions, }: ActionableListProps<T>) => React.JSX.Element;
+  export const ActionableList: <T>({ options, onClick, selectedId, showDescriptions, }: ActionableListProps<T>) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -890,7 +911,7 @@ declare module '@layerfi/components/components/ActionableList/index' {
 }
 declare module '@layerfi/components/components/ActionableRow/ActionableRow' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   interface ActionableRowProps {
       icon?: ReactNode;
       iconBox?: ReactNode;
@@ -899,7 +920,7 @@ declare module '@layerfi/components/components/ActionableRow/ActionableRow' {
       button?: ReactNode;
       onClick?: () => void;
   }
-  export const ActionableRow: ({ icon, iconBox, title, description, button, onClick, }: ActionableRowProps) => React.JSX.Element;
+  export const ActionableRow: ({ icon, iconBox, title, description, button, onClick, }: ActionableRowProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -908,7 +929,7 @@ declare module '@layerfi/components/components/ActionableRow/index' {
 }
 declare module '@layerfi/components/components/Badge/Badge' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   import { ButtonProps } from '@layerfi/components/components/Button/Button';
   export enum BadgeSize {
       SMALL = "small",
@@ -930,7 +951,7 @@ declare module '@layerfi/components/components/Badge/Badge' {
       variant?: BadgeVariant;
       hoverable?: boolean;
   }
-  export const Badge: ({ icon, onClick, children, tooltip, size, variant, hoverable, }: BadgeProps) => React.JSX.Element;
+  export const Badge: ({ icon, onClick, children, tooltip, size, variant, hoverable, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Badge/index' {
@@ -939,12 +960,12 @@ declare module '@layerfi/components/components/Badge/index' {
 }
 declare module '@layerfi/components/components/BadgeLoader/BadgeLoader' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface BadgeLoaderProps {
       children?: ReactNode;
       size?: number;
   }
-  export const BadgeLoader: ({ children }: BadgeLoaderProps) => React.JSX.Element;
+  export const BadgeLoader: ({ children }: BadgeLoaderProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BadgeLoader/index' {
@@ -952,7 +973,7 @@ declare module '@layerfi/components/components/BadgeLoader/index' {
 }
 declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
-  import React, { PropsWithChildren } from 'react';
+  import { PropsWithChildren } from 'react';
   import { BalanceSheetTableStringOverrides } from '@layerfi/components/components/BalanceSheetTable/BalanceSheetTable';
   export interface BalanceSheetStringOverrides {
       balanceSheetTable?: BalanceSheetTableStringOverrides;
@@ -967,7 +988,7 @@ declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
       asWidget?: boolean;
       stringOverrides?: BalanceSheetStringOverrides;
   };
-  export const BalanceSheet: (props: BalanceSheetProps) => React.JSX.Element;
+  export const BalanceSheet: (props: BalanceSheetProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BalanceSheet/constants' {
@@ -979,12 +1000,11 @@ declare module '@layerfi/components/components/BalanceSheet/constants' {
 }
 declare module '@layerfi/components/components/BalanceSheet/download/BalanceSheetDownloadButton' {
-  import React from 'react';
   type BalanceSheetDownloadButtonProps = {
       effectiveDate: Date;
       iconOnly?: boolean;
   };
-  export function BalanceSheetDownloadButton({ effectiveDate, iconOnly, }: BalanceSheetDownloadButtonProps): React.JSX.Element;
+  export function BalanceSheetDownloadButton({ effectiveDate, iconOnly, }: BalanceSheetDownloadButtonProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1010,25 +1030,15 @@ declare module '@layerfi/components/components/BalanceSheet/index' {
 }
 declare module '@layerfi/components/components/BalanceSheetDatePicker/BalanceSheetDatePicker' {
-  import React from 'react';
-  export type BalanceSheetDatePickerProps = {
-      effectiveDate: Date;
-      setEffectiveDate: (date: Date) => void;
-  };
-  export const BalanceSheetDatePicker: ({ effectiveDate, setEffectiveDate, }: BalanceSheetDatePickerProps) => React.JSX.Element;
-}
-declare module '@layerfi/components/components/BalanceSheetDatePicker/index' {
-  export { BalanceSheetDatePicker } from '@layerfi/components/components/BalanceSheetDatePicker/BalanceSheetDatePicker';
+  export function BalanceSheetDatePicker(): import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton' {
-  import React from 'react';
   import { View } from '@layerfi/components/types/general';
   export interface BalanceSheetExpandAllButtonProps {
       view?: View;
   }
-  export const BalanceSheetExpandAllButton: ({ view, }: BalanceSheetExpandAllButtonProps) => React.JSX.Element;
+  export const BalanceSheetExpandAllButton: ({ view, }: BalanceSheetExpandAllButtonProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BalanceSheetExpandAllButton/index' {
@@ -1036,7 +1046,6 @@ declare module '@layerfi/components/components/BalanceSheetExpandAllButton/index
 }
 declare module '@layerfi/components/components/BalanceSheetTable/BalanceSheetTable' {
-  import React from 'react';
   import { BalanceSheet } from '@layerfi/components/types';
   export interface BalanceSheetTableStringOverrides {
       typeColumnHeader?: string;
@@ -1051,7 +1060,7 @@ declare module '@layerfi/components/components/BalanceSheetTable/BalanceSheetTab
       data: BalanceSheet;
       config: BalanceSheetRowProps[];
       stringOverrides?: BalanceSheetTableStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1060,16 +1069,14 @@ declare module '@layerfi/components/components/BalanceSheetTable/index' {
 }
 declare module '@layerfi/components/components/BankTransactionList/Assignment' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   export interface AssignmentProps {
       bankTransaction: BankTransaction;
   }
-  export const Assignment: ({ bankTransaction }: AssignmentProps) => React.JSX.Element;
+  export const Assignment: ({ bankTransaction }: AssignmentProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactionList/BankTransactionList' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   import { BankTransactionCTAStringOverrides, BankTransactionsMode } from '@layerfi/components/components/BankTransactions/BankTransactions';
   interface BankTransactionListProps {
@@ -1083,12 +1090,11 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       showTooltips: boolean;
       stringOverrides?: BankTransactionCTAStringOverrides;
   }
-  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, mode, containerWidth, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, }: BankTransactionListProps) => React.JSX.Element;
+  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, mode, containerWidth, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, }: BankTransactionListProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/BankTransactionList/BankTransactionListItem' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   import { BankTransactionCTAStringOverrides, BankTransactionsMode } from '@layerfi/components/components/BankTransactions/BankTransactions';
   type Props = {
@@ -1104,7 +1110,7 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       containerWidth?: number;
       stringOverrides?: BankTransactionCTAStringOverrides;
   };
-  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, mode, showDescriptions, showReceiptUploads, showTooltips, containerWidth, removeTransaction, stringOverrides, }: Props) => React.JSX.Element;
+  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, mode, showDescriptions, showReceiptUploads, showTooltips, containerWidth, removeTransaction, stringOverrides, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1113,7 +1119,6 @@ declare module '@layerfi/components/components/BankTransactionList/index' {
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileForms' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   import { Purpose } from '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem';
   interface BankTransactionMobileFormsProps {
@@ -1125,12 +1130,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       showDescriptions?: boolean;
       isOpen?: boolean;
   }
-  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => React.JSX.Element;
+  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileList' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   import { BankTransactionsMode } from '@layerfi/components/components/BankTransactions/BankTransactions';
   export interface BankTransactionMobileListProps {
@@ -1143,11 +1147,10 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
-  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, showTooltips, mode, showReceiptUploads, showDescriptions, }: BankTransactionMobileListProps) => React.JSX.Element;
+  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, showTooltips, mode, showReceiptUploads, showDescriptions, }: BankTransactionMobileListProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   import { BankTransactionsMode } from '@layerfi/components/components/BankTransactions/BankTransactions';
   export interface BankTransactionMobileListItemProps {
@@ -1167,22 +1170,20 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       personal = "personal",
       more = "more"
   }
-  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, mode, initialLoad, showTooltips, isFirstItem, showDescriptions, showReceiptUploads, }: BankTransactionMobileListItemProps) => React.JSX.Element;
+  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, mode, initialLoad, showTooltips, isFirstItem, showDescriptions, showReceiptUploads, }: BankTransactionMobileListItemProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessCategories' {
-  import React from 'react';
   import { Option } from '@layerfi/components/components/BankTransactionMobileList/utils';
   export interface BusinessCategoriesProps {
       select: (category: Option) => void;
       selectedId?: string;
       showTooltips: boolean;
   }
-  export const BusinessCategories: ({ select, selectedId, showTooltips, }: BusinessCategoriesProps) => React.JSX.Element;
+  export const BusinessCategories: ({ select, selectedId, showTooltips, }: BusinessCategoriesProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessForm' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   interface BusinessFormProps {
       bankTransaction: BankTransaction;
@@ -1191,34 +1192,31 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
-  export const BusinessForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: BusinessFormProps) => React.JSX.Element;
+  export const BusinessForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: BusinessFormProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/MatchForm' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   export const MatchForm: ({ bankTransaction, showReceiptUploads, showDescriptions, }: {
       bankTransaction: BankTransaction;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/PersonalForm' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   interface PersonalFormProps {
       bankTransaction: BankTransaction;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
-  export const PersonalForm: ({ bankTransaction, showReceiptUploads, showDescriptions, }: PersonalFormProps) => React.JSX.Element;
+  export const PersonalForm: ({ bankTransaction, showReceiptUploads, showDescriptions, }: PersonalFormProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/SplitAndMatchForm' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   interface SplitAndMatchFormProps {
       bankTransaction: BankTransaction;
@@ -1227,12 +1225,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
-  export const SplitAndMatchForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: SplitAndMatchFormProps) => React.JSX.Element;
+  export const SplitAndMatchForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: SplitAndMatchFormProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/SplitForm' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   export const SplitForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: {
       bankTransaction: BankTransaction;
@@ -1240,7 +1237,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitFo
       showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/TransactionToOpenContext' {
@@ -1296,7 +1293,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/useMemo
       setMemoText: React.Dispatch<React.SetStateAction<string | undefined>>;
       saveMemoText: () => Promise<void>;
   };
-  export const MemoTextProvider: ({ children, bankTransaction, isActive, }: MemoTextProviderProps) => React.JSX.Element;
+  export const MemoTextProvider: ({ children, bankTransaction, isActive, }: MemoTextProviderProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1356,7 +1353,6 @@ declare module '@layerfi/components/components/BankTransactionReceipts/index' {
 }
 declare module '@layerfi/components/components/BankTransactionRow/BankTransactionRow' {
-  import React from 'react';
   import { BankTransaction, Category } from '@layerfi/components/types';
   import { BankTransactionCTAStringOverrides, BankTransactionsMode } from '@layerfi/components/components/BankTransactions/BankTransactions';
   type Props = {
@@ -1377,12 +1373,11 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
   export const extractDescriptionForSplit: (category: Category) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
-  export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, mode, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, showReceiptUploadColumn, showTooltips, stringOverrides, }: Props) => React.JSX.Element;
+  export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, mode, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, showReceiptUploadColumn, showTooltips, stringOverrides, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/BankTransactionRow/MatchBadge' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   export interface MatchBadgeProps {
       bankTransaction: BankTransaction;
@@ -1390,16 +1385,15 @@ declare module '@layerfi/components/components/BankTransactionRow/MatchBadge' {
       dateFormat: string;
       text?: string;
   }
-  export const MatchBadge: ({ bankTransaction, classNamePrefix, dateFormat, text, }: MatchBadgeProps) => React.JSX.Element | undefined;
+  export const MatchBadge: ({ bankTransaction, classNamePrefix, dateFormat, text, }: MatchBadgeProps) => import("react/jsx-runtime").JSX.Element | undefined;
 }
 declare module '@layerfi/components/components/BankTransactionRow/SplitTooltipDetails' {
-  import React from 'react';
   import { Category } from '@layerfi/components/types';
   export const SplitTooltipDetails: ({ classNamePrefix, category, }: {
       classNamePrefix: string;
       category: Category;
-  }) => React.JSX.Element | undefined;
+  }) => import("react/jsx-runtime").JSX.Element | undefined;
 }
 declare module '@layerfi/components/components/BankTransactionRow/index' {
@@ -1407,7 +1401,6 @@ declare module '@layerfi/components/components/BankTransactionRow/index' {
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactions' {
-  import React from 'react';
   import { BankTransactionFilters } from '@layerfi/components/hooks/useBankTransactions/types';
   import { BankTransactionsTableStringOverrides } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
   import { BankTransactionsHeaderStringOverrides } from '@layerfi/components/components/BankTransactions/BankTransactionsHeader';
@@ -1441,11 +1434,11 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
   export interface BankTransactionsWithErrorProps extends BankTransactionsProps {
       onError?: (error: LayerError) => void;
   }
-  export const BankTransactions: ({ onError, ...props }: BankTransactionsWithErrorProps) => React.JSX.Element;
+  export const BankTransactions: ({ onError, ...props }: BankTransactionsWithErrorProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactionsHeader' {
-  import React, { ChangeEvent } from 'react';
+  import { ChangeEvent } from 'react';
   import { DateRange, DisplayState } from '@layerfi/components/types';
   import { MobileComponentType } from '@layerfi/components/components/BankTransactions/constants';
   export interface BankTransactionsHeaderProps {
@@ -1468,11 +1461,10 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
       header?: string;
       downloadButton?: string;
   }
-  export const BankTransactionsHeader: ({ shiftStickyHeader, asWidget, categorizedOnly, categorizeView, display, onCategorizationDisplayChange, mobileComponent, withDatePicker, listView, dateRange, setDateRange, stringOverrides, isSyncing, }: BankTransactionsHeaderProps) => React.JSX.Element;
+  export const BankTransactionsHeader: ({ shiftStickyHeader, asWidget, categorizedOnly, categorizeView, display, onCategorizationDisplayChange, mobileComponent, withDatePicker, listView, dateRange, setDateRange, stringOverrides, isSyncing, }: BankTransactionsHeaderProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactions/DataStates' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   interface DataStatesProps {
       bankTransactions?: BankTransaction[];
@@ -1482,7 +1474,7 @@ declare module '@layerfi/components/components/BankTransactions/DataStates' {
       refetch: () => void;
       editable: boolean;
   }
-  export const DataStates: ({ bankTransactions, isLoading, isValidating, error, refetch, editable, }: DataStatesProps) => React.JSX.Element;
+  export const DataStates: ({ bankTransactions, isLoading, isValidating, error, refetch, editable, }: DataStatesProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1504,11 +1496,10 @@ declare module '@layerfi/components/components/BankTransactions/utils' {
 }
 declare module '@layerfi/components/components/BankTransactionsLoader/BankTransactionsLoader' {
-  import React from 'react';
   export const BankTransactionsLoader: ({ isLoading, showTooltips, }: {
       isLoading: boolean;
       showTooltips: boolean;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/BankTransactionsLoader/index' {
@@ -1516,7 +1507,6 @@ declare module '@layerfi/components/components/BankTransactionsLoader/index' {
 }
 declare module '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   import { BankTransactionsMode, BankTransactionsStringOverrides } from '@layerfi/components/components/BankTransactions/BankTransactions';
   export interface BankTransactionsTableStringOverrides {
@@ -1545,7 +1535,7 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
       lastPage?: boolean;
       onRefresh?: () => void;
   }
-  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, mode, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => React.JSX.Element;
+  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, mode, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1554,16 +1544,16 @@ declare module '@layerfi/components/components/BankTransactionsTable/index' {
 }
 declare module '@layerfi/components/components/Button/BackButton' {
-  import React, { ButtonHTMLAttributes } from 'react';
+  import { ButtonHTMLAttributes } from 'react';
   type BackButtonProps = {
       textOnly?: boolean;
   } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
-  export const BackButton: ({ className, textOnly, ...props }: BackButtonProps) => React.JSX.Element;
+  export const BackButton: ({ className, textOnly, ...props }: BackButtonProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/Button/Button' {
-  import React, { ButtonHTMLAttributes, ReactNode } from 'react';
+  import { ButtonHTMLAttributes, ReactNode } from 'react';
   export enum ButtonVariant {
       primary = "primary",
       secondary = "secondary",
@@ -1581,20 +1571,19 @@ declare module '@layerfi/components/components/Button/Button' {
       isProcessing?: boolean;
       tooltip?: ReactNode | string;
   }
-  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, isProcessing, tooltip, ...props }: ButtonProps) => React.JSX.Element;
+  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, isProcessing, tooltip, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Button/CloseButton' {
-  import React, { ButtonHTMLAttributes } from 'react';
+  import { ButtonHTMLAttributes } from 'react';
   type CloseButtonProps = {
       textOnly?: boolean;
   } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
-  export const CloseButton: ({ className, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
+  export const CloseButton: ({ className, textOnly, ...props }: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/Button/DownloadButton' {
-  import React from 'react';
   import { ButtonProps } from '@layerfi/components/components/Button/Button';
   interface DownloadButtonProps {
       onClick?: () => void | Promise<void>;
@@ -1606,21 +1595,20 @@ declare module '@layerfi/components/components/Button/DownloadButton' {
       errorText?: string;
       tooltip?: ButtonProps['tooltip'];
   }
-  export const DownloadButton: ({ iconOnly, onClick, isDownloading, requestFailed, tooltip, text, retryText, errorText, }: DownloadButtonProps) => React.JSX.Element;
+  export const DownloadButton: ({ iconOnly, onClick, isDownloading, requestFailed, tooltip, text, retryText, errorText, }: DownloadButtonProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/Button/ExpandButton' {
-  import React, { ButtonHTMLAttributes } from 'react';
+  import { ButtonHTMLAttributes } from 'react';
   type ExpandButtonProps = {
       collapsed?: boolean;
   } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
-  export const ExpandButton: ({ className, collapsed, ...props }: ExpandButtonProps) => React.JSX.Element;
+  export const ExpandButton: ({ className, collapsed, ...props }: ExpandButtonProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/Button/ExpandCollapseButton' {
-  import React from 'react';
   import { ButtonVariant } from '@layerfi/components/components/Button/Button';
   export interface ExpandCollapseButtonProps {
       onClick: (value: boolean) => void;
@@ -1629,7 +1617,7 @@ declare module '@layerfi/components/components/Button/ExpandCollapseButton' {
       iconOnly?: boolean;
       variant?: ButtonVariant;
   }
-  export const ExpandCollapseButton: ({ onClick, expanded, className, iconOnly, variant, }: ExpandCollapseButtonProps) => React.JSX.Element;
+  export const ExpandCollapseButton: ({ onClick, expanded, className, iconOnly, variant, }: ExpandCollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Button/IconButton' {
@@ -1644,11 +1632,11 @@ declare module '@layerfi/components/components/Button/IconButton' {
       download?: HTMLAnchorElement['download'];
       onClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;
   }
-  export const IconButton: ({ className, children: _children, icon, active, withBorder, href, target, rel, download, ...props }: IconButtonProps) => React.JSX.Element;
+  export const IconButton: ({ className, children: _children, icon, active, withBorder, href, target, rel, download, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Button/Link' {
-  import React, { HTMLAttributeAnchorTarget, LinkHTMLAttributes, ReactNode } from 'react';
+  import { HTMLAttributeAnchorTarget, LinkHTMLAttributes, ReactNode } from 'react';
   import { ButtonVariant, ButtonJustify } from '@layerfi/components/components/Button/Button';
   export interface LinkProps extends LinkHTMLAttributes<HTMLAnchorElement> {
       variant?: ButtonVariant;
@@ -1660,11 +1648,11 @@ declare module '@layerfi/components/components/Button/Link' {
       fullWidth?: boolean;
       target: HTMLAttributeAnchorTarget;
   }
-  export const Link: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, ...props }: LinkProps) => React.JSX.Element;
+  export const Link: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Button/RetryButton' {
-  import React, { ButtonHTMLAttributes } from 'react';
+  import { ButtonHTMLAttributes } from 'react';
   export interface RetryButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
       processing?: boolean;
       disabled?: boolean;
@@ -1672,11 +1660,11 @@ declare module '@layerfi/components/components/Button/RetryButton' {
       fullWidth?: boolean;
       iconOnly?: boolean;
   }
-  export const RetryButton: ({ className, processing, disabled, error: _error, children, ...props }: RetryButtonProps) => React.JSX.Element;
+  export const RetryButton: ({ className, processing, disabled, error: _error, children, ...props }: RetryButtonProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Button/SubmitButton' {
-  import React, { ButtonHTMLAttributes } from 'react';
+  import { ButtonHTMLAttributes } from 'react';
   import { ButtonProps } from '@layerfi/components/components/Button/Button';
   export interface SubmitButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
       processing?: boolean;
@@ -1692,7 +1680,7 @@ declare module '@layerfi/components/components/Button/SubmitButton' {
       SAVE = "save",
       UPDATE = "update"
   }
-  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, ...props }: SubmitButtonProps) => React.JSX.Element;
+  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Button/SwitchButton' {
@@ -1710,9 +1698,9 @@ declare module '@layerfi/components/components/Button/SwitchButton' {
 }
 declare module '@layerfi/components/components/Button/TextButton' {
-  import React, { ButtonHTMLAttributes } from 'react';
+  import { ButtonHTMLAttributes } from 'react';
   export type TextButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
-  export const TextButton: ({ className, children, ...props }: TextButtonProps) => React.JSX.Element;
+  export const TextButton: ({ className, children, ...props }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Button/index' {
@@ -1731,12 +1719,12 @@ declare module '@layerfi/components/components/Button/index' {
 }
 declare module '@layerfi/components/components/Card/Card' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface CardProps {
       children: ReactNode;
       className?: string;
   }
-  export const Card: ({ children, className }: CardProps) => React.JSX.Element;
+  export const Card: ({ children, className }: CardProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Card/index' {
@@ -1744,7 +1732,6 @@ declare module '@layerfi/components/components/Card/index' {
 }
 declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
-  import React from 'react';
   import { BankTransaction, Category } from '@layerfi/components/types';
   import { SuggestedMatch } from '@layerfi/components/types/bank_transactions';
   import { CategoryEntry } from '@layerfi/components/types/categories';
@@ -1784,19 +1771,18 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
   export const mapCategoryToOption: (category: Category) => CategoryOption;
   export const mapCategoryToExclusionOption: (category: Category) => CategoryOption;
   export const mapSuggestedMatchToOption: (record: SuggestedMatch) => CategoryOption;
-  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, showTooltips, excludeMatches, asDrawer, }: Props) => React.JSX.Element;
+  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, showTooltips, excludeMatches, asDrawer, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/CategorySelect/CategorySelectDrawer' {
-  import React from 'react';
   import { CategoryOption } from '@layerfi/components/components/CategorySelect/CategorySelect';
   interface CategorySelectDrawerProps {
       onSelect: (value: CategoryOption) => void;
       selected?: CategoryOption;
       showTooltips: boolean;
   }
-  export const CategorySelectDrawer: ({ onSelect, selected, showTooltips: _showTooltips, }: CategorySelectDrawerProps) => React.JSX.Element;
+  export const CategorySelectDrawer: ({ onSelect, selected, showTooltips: _showTooltips, }: CategorySelectDrawerProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1805,7 +1791,6 @@ declare module '@layerfi/components/components/CategorySelect/index' {
 }
 declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts' {
-  import React from 'react';
   import { ChartOfAccountsTableStringOverrides } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel';
   import { LedgerAccountStringOverrides } from '@layerfi/components/components/LedgerAccount/LedgerAccountIndex';
   export interface ChartOfAccountsStringOverrides {
@@ -1821,17 +1806,16 @@ declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts'
       templateAccountsEditable?: boolean;
       showReversalEntries?: boolean;
   }
-  export const ChartOfAccounts: (props: ChartOfAccountsProps) => React.JSX.Element;
+  export const ChartOfAccounts: (props: ChartOfAccountsProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ChartOfAccounts/download/AccountBalancesDownloadButton' {
-  import React from 'react';
   type AccountBalancesDownloadButtonProps = {
       startCutoff?: Date;
       endCutoff?: Date;
       iconOnly?: boolean;
   };
-  export function AccountBalancesDownloadButton({ startCutoff, endCutoff, iconOnly, }: AccountBalancesDownloadButtonProps): React.JSX.Element;
+  export function AccountBalancesDownloadButton({ startCutoff, endCutoff, iconOnly, }: AccountBalancesDownloadButtonProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -1859,8 +1843,7 @@ declare module '@layerfi/components/components/ChartOfAccounts/index' {
 }
 declare module '@layerfi/components/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker' {
-  import React from 'react';
-  export const ChartOfAccountsDatePicker: () => React.JSX.Element;
+  export const ChartOfAccountsDatePicker: () => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ChartOfAccountsDatePicker/index' {
@@ -1868,7 +1851,6 @@ declare module '@layerfi/components/components/ChartOfAccountsDatePicker/index'
 }
 declare module '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm' {
-  import React from 'react';
   export interface ChartOfAccountsFormStringOverrides {
       editModeHeader?: string;
       createModeHeader?: string;
@@ -1883,7 +1865,7 @@ declare module '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccoun
   }
   export const ChartOfAccountsForm: ({ stringOverrides, }: {
       stringOverrides?: ChartOfAccountsFormStringOverrides;
-  }) => React.JSX.Element | null;
+  }) => import("react/jsx-runtime").JSX.Element | null;
 }
 declare module '@layerfi/components/components/ChartOfAccountsForm/constants' {
@@ -1912,12 +1894,12 @@ declare module '@layerfi/components/components/ChartOfAccountsForm/useParentOpti
 }
 declare module '@layerfi/components/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { ChartOfAccountsFormStringOverrides } from '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm';
   export const ChartOfAccountsSidebar: ({ parentRef: _parentRef, stringOverrides, }: {
       parentRef?: RefObject<HTMLDivElement>;
       stringOverrides?: ChartOfAccountsFormStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ChartOfAccountsSidebar/index' {
@@ -1925,7 +1907,6 @@ declare module '@layerfi/components/components/ChartOfAccountsSidebar/index' {
 }
 declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable' {
-  import React from 'react';
   import { ChartWithBalances } from '@layerfi/components/types/chart_of_accounts';
   import { View } from '@layerfi/components/types/general';
   import { ChartOfAccountsTableStringOverrides, ExpandActionState } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel';
@@ -1938,7 +1919,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       cumulativeIndex: number;
       accountsLength: number;
       templateAccountsEditable?: boolean;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
   export const ChartOfAccountsTableContent: ({ stringOverrides, data, error, expandAll, templateAccountsEditable, }: {
       view: View;
       data: ChartWithBalances;
@@ -1948,11 +1929,11 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       cumulativeIndex: number;
       accountsLength: number;
       templateAccountsEditable: boolean;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { View } from '@layerfi/components/types/general';
   import { ChartOfAccountsFormStringOverrides } from '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm';
   export type ExpandActionState = undefined | 'expanded' | 'collapsed';
@@ -1975,7 +1956,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccou
       showAddAccountButton?: boolean;
       stringOverrides?: ChartOfAccountsTableStringOverrides;
       templateAccountsEditable?: boolean;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ChartOfAccountsTable/index' {
@@ -2023,7 +2004,7 @@ declare module '@layerfi/components/components/Container/index' {
 }
 declare module '@layerfi/components/components/DataState/DataState' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export enum DataStateStatus {
       allDone = "allDone",
       success = "success",
@@ -2038,7 +2019,7 @@ declare module '@layerfi/components/components/DataState/DataState' {
       onRefresh?: () => void;
       isLoading?: boolean;
   }
-  export const DataState: ({ status, title, description, onRefresh, isLoading, icon, }: DataStateProps) => React.JSX.Element;
+  export const DataState: ({ status, title, description, onRefresh, isLoading, icon, }: DataStateProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/DataState/index' {
@@ -2046,16 +2027,16 @@ declare module '@layerfi/components/components/DataState/index' {
 }
 declare module '@layerfi/components/components/DatePicker/DatePicker' {
-  import React, { type FC } from 'react';
+  import { type FC } from 'react';
   import { CustomDateRange } from '@layerfi/components/components/DatePicker/DatePickerOptions';
-  import type { DatePickerMode, DatePickerModeSelectorProps } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
+  import type { UnifiedPickerMode, DatePickerModeSelectorProps } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
   type NavigationArrows = 'desktop' | 'mobile';
   interface DatePickerProps {
-      mode: DatePickerMode;
-      selected: Date | [Date | null, Date | null];
+      displayMode: UnifiedPickerMode | 'timePicker';
+      selected: Date | [Date, Date | null];
       onChange: (date: Date | [Date, Date | null]) => void;
       disabled?: boolean;
-      allowedModes?: ReadonlyArray<DatePickerMode>;
+      allowedModes?: ReadonlyArray<UnifiedPickerMode>;
       dateFormat?: string;
       timeIntervals?: number;
       timeCaption?: string;
@@ -2068,17 +2049,16 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
       minDate?: Date;
       maxDate?: Date;
       navigateArrows?: NavigationArrows[];
-      onChangeMode?: (mode: DatePickerMode) => void;
+      onChangeMode?: (mode: UnifiedPickerMode) => void;
       slots?: {
           ModeSelector: FC<DatePickerModeSelectorProps>;
       };
   }
-  export const DatePicker: ({ selected, onChange, disabled, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText: _placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
+  export const DatePicker: ({ selected, onChange, disabled, displayMode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText: _placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/DatePicker/DatePickerOptions' {
-  import React from 'react';
   export type CustomDateRange = {
       label: string;
       startDate: Date;
@@ -2086,22 +2066,20 @@ declare module '@layerfi/components/components/DatePicker/DatePickerOptions' {
   };
   export const DatePickerOptions: ({ customDateRanges, setSelectedDate, }: {
       customDateRanges?: CustomDateRange[];
-      setSelectedDate: (dates: [Date | null, Date | null]) => void;
-  }) => React.JSX.Element;
+      setSelectedDate: (dates: [Date, Date | null]) => void;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector' {
-  import React from 'react';
-  export type SingularPickerMode = 'dayPicker' | 'timePicker';
-  export type RangePickerMode = 'dayRangePicker' | 'monthRangePicker' | 'monthPicker' | 'yearPicker';
-  export type DatePickerMode = SingularPickerMode | RangePickerMode;
+  import type { DatePickerMode, DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
+  export type UnifiedPickerMode = DatePickerMode | DateRangePickerMode;
   export const DEFAULT_ALLOWED_PICKER_MODES: readonly ["monthPicker"];
   export type DatePickerModeSelectorProps = {
-      mode: DatePickerMode;
-      allowedModes: ReadonlyArray<DatePickerMode>;
-      onChangeMode: (mode: DatePickerMode) => void;
+      mode: UnifiedPickerMode;
+      allowedModes: ReadonlyArray<UnifiedPickerMode>;
+      onChangeMode: (mode: UnifiedPickerMode) => void;
   };
-  export function DatePickerModeSelector({ mode, allowedModes, onChangeMode, }: DatePickerModeSelectorProps): React.JSX.Element | null;
+  export function DatePickerModeSelector({ mode, allowedModes, onChangeMode, }: DatePickerModeSelectorProps): import("react/jsx-runtime").JSX.Element | null;
 }
 declare module '@layerfi/components/components/DatePicker/index' {
@@ -2109,7 +2087,6 @@ declare module '@layerfi/components/components/DatePicker/index' {
 }
 declare module '@layerfi/components/components/DateTime/DateTime' {
-  import React from 'react';
   interface DateTimeProps {
       value: string;
       format?: string;
@@ -2118,7 +2095,7 @@ declare module '@layerfi/components/components/DateTime/DateTime' {
       onlyDate?: boolean;
       onlyTime?: boolean;
   }
-  export const DateTime: ({ value, format, dateFormat, timeFormat, onlyDate, onlyTime, }: DateTimeProps) => React.JSX.Element;
+  export const DateTime: ({ value, format, dateFormat, timeFormat, onlyDate, onlyTime, }: DateTimeProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2127,7 +2104,7 @@ declare module '@layerfi/components/components/DateTime/index' {
 }
 declare module '@layerfi/components/components/DetailsList/DetailsList' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface DetailsListProps {
       title?: string;
       className?: string;
@@ -2135,17 +2112,17 @@ declare module '@layerfi/components/components/DetailsList/DetailsList' {
       children: ReactNode;
       actions?: ReactNode;
   }
-  export const DetailsList: ({ title, children, className, titleClassName, actions, }: DetailsListProps) => React.JSX.Element;
+  export const DetailsList: ({ title, children, className, titleClassName, actions, }: DetailsListProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/DetailsList/DetailsListItem' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface DetailsListItemProps {
       label: string;
       children: ReactNode | string;
       isLoading?: boolean;
   }
-  export const DetailsListItem: ({ label, children, isLoading, }: DetailsListItemProps) => React.JSX.Element;
+  export const DetailsListItem: ({ label, children, isLoading, }: DetailsListItemProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/DetailsList/index' {
@@ -2159,7 +2136,7 @@ declare module '@layerfi/components/components/Drawer/Drawer' {
       isOpen: boolean;
       onClose: () => void;
       children: React.ReactNode;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Drawer/index' {
@@ -2182,14 +2159,13 @@ declare module '@layerfi/components/components/ErrorBoundary/ErrorBoundary' {
           hasError: boolean;
       };
       componentDidCatch(error: Error, _info: ErrorInfo): void;
-      render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+      render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
   }
   export {};
 }
 declare module '@layerfi/components/components/ErrorBoundary/ErrorBoundaryMessage' {
-  import React from 'react';
-  export const ErrorBoundaryMessage: () => React.JSX.Element;
+  export const ErrorBoundaryMessage: () => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ErrorBoundary/index' {
@@ -2197,13 +2173,12 @@ declare module '@layerfi/components/components/ErrorBoundary/index' {
 }
 declare module '@layerfi/components/components/ExpandedBankTransactionRow/APIErrorNotifications' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   interface APIErrorNotificationsProps {
       bankTransaction: BankTransaction;
       containerWidth?: number;
   }
-  export const APIErrorNotifications: ({ bankTransaction, containerWidth, }: APIErrorNotificationsProps) => React.JSX.Element;
+  export const APIErrorNotifications: ({ bankTransaction, containerWidth, }: APIErrorNotificationsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2260,7 +2235,7 @@ declare module '@layerfi/components/components/FileThumb/FileThumb' {
       enableDownload?: boolean;
       error?: string;
   };
-  export const FileThumb: ({ url, floatingActions, uploadPending, deletePending, name, date, onDelete, enableOpen, onOpen, enableDownload, error, }: FileThumbProps) => React.JSX.Element;
+  export const FileThumb: ({ url, floatingActions, uploadPending, deletePending, name, date, onDelete, enableOpen, onOpen, enableDownload, error, }: FileThumbProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2269,8 +2244,7 @@ declare module '@layerfi/components/components/FileThumb/index' {
 }
 declare module '@layerfi/components/components/GlobalWidgets/GlobalWidgets' {
-  import React from 'react';
-  export const GlobalWidgets: () => React.JSX.Element;
+  export const GlobalWidgets: () => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/GlobalWidgets/index' {
@@ -2292,24 +2266,24 @@ declare module '@layerfi/components/components/Header/Header' {
 }
 declare module '@layerfi/components/components/Header/HeaderCol' {
-  import React, { CSSProperties, ReactNode } from 'react';
+  import { CSSProperties, ReactNode } from 'react';
   interface HeaderColProps {
       className?: string;
       style?: CSSProperties;
       children: ReactNode;
   }
-  export const HeaderCol: ({ className, children, style }: HeaderColProps) => React.JSX.Element;
+  export const HeaderCol: ({ className, children, style }: HeaderColProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/Header/HeaderRow' {
-  import React, { CSSProperties, ReactNode } from 'react';
+  import { CSSProperties, ReactNode } from 'react';
   interface HeaderRowProps {
       className?: string;
       style?: CSSProperties;
       children: ReactNode;
   }
-  export const HeaderRow: ({ className, children, style }: HeaderRowProps) => React.JSX.Element;
+  export const HeaderRow: ({ className, children, style }: HeaderRowProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2320,15 +2294,16 @@ declare module '@layerfi/components/components/Header/index' {
 }
 declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
-  import React, { ReactNode } from 'react';
-  export interface HoverMenuProps {
+  import { ReactNode } from 'react';
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  export type HoverMenuProps = {
       children: ReactNode;
-      config: {
+      config: Array<{
           name: string;
-          action: () => void;
-      }[];
-  }
-  export const HoverMenu: ({ children, config }: HoverMenuProps) => React.JSX.Element;
+          action: () => Awaitable<void>;
+      }>;
+  };
+  export const HoverMenu: ({ children, config }: HoverMenuProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/HoverMenu/index' {
@@ -2336,17 +2311,28 @@ declare module '@layerfi/components/components/HoverMenu/index' {
 }
 declare module '@layerfi/components/components/IconBox/IconBox' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   interface IconBoxProps {
       children: ReactNode;
   }
-  export const IconBox: ({ children }: IconBoxProps) => React.JSX.Element;
+  export const IconBox: ({ children }: IconBoxProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/IconBox/index' {
   export { IconBox } from '@layerfi/components/components/IconBox/IconBox';
+}
+declare module '@layerfi/components/components/Input/AmountInput' {
+  import { CurrencyInputProps } from 'react-currency-input-field';
+  export interface AmountInputProps extends Omit<CurrencyInputProps, 'onChange'> {
+      onChange?: (value?: string) => void;
+      isInvalid?: boolean;
+      errorMessage?: string;
+      leftText?: string;
+  }
+  export const AmountInput: ({ onChange, className, leftText, errorMessage, isInvalid, placeholder, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
@@ -2359,21 +2345,21 @@ declare module '@layerfi/components/components/Input/FileInput' {
       icon?: React.ReactNode;
       allowMultipleUploads?: boolean;
   }
-  export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, allowMultipleUploads, }: FileInputProps) => React.JSX.Element;
+  export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, allowMultipleUploads, }: FileInputProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Input/Input' {
-  import React, { HTMLProps } from 'react';
+  import { HTMLProps } from 'react';
   export interface InputProps extends HTMLProps<HTMLInputElement> {
       isInvalid?: boolean;
       errorMessage?: string;
       leftText?: string;
   }
-  export const Input: ({ className, isInvalid, errorMessage, leftText, ...props }: InputProps) => React.JSX.Element;
+  export const Input: ({ className, isInvalid, errorMessage, leftText, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Input/InputGroup' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface InputGroupProps {
       label?: string;
       name?: string;
@@ -2381,7 +2367,7 @@ declare module '@layerfi/components/components/Input/InputGroup' {
       children?: ReactNode;
       inline?: boolean;
   }
-  export const InputGroup: ({ label, name, className, inline, children, }: InputGroupProps) => React.JSX.Element;
+  export const InputGroup: ({ label, name, className, inline, children, }: InputGroupProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Input/InputWithBadge' {
@@ -2394,11 +2380,10 @@ declare module '@layerfi/components/components/Input/InputWithBadge' {
       variant?: BadgeVariant;
       badge: React.ReactNode;
   }
-  export const InputWithBadge: ({ className, isInvalid, errorMessage, leftText, badge, variant, ...props }: InputWithBadgeProps) => React.JSX.Element;
+  export const InputWithBadge: ({ className, isInvalid, errorMessage, leftText, badge, variant, ...props }: InputWithBadgeProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Input/MultiSelect' {
-  import React from 'react';
   import { GroupBase, MultiValue, OptionsOrGroups, StylesConfig } from 'react-select';
   export interface SelectProps<T> {
       name?: string;
@@ -2414,11 +2399,10 @@ declare module '@layerfi/components/components/Input/MultiSelect' {
       errorMessage?: string;
       styles?: StylesConfig<T, true, GroupBase<T>>;
   }
-  export const MultiSelect: <T>({ name, options, className, classNamePrefix, value, defaultValue, onChange, disabled, placeholder, isInvalid, errorMessage, styles, }: SelectProps<T>) => React.JSX.Element;
+  export const MultiSelect: <T>({ name, options, className, classNamePrefix, value, defaultValue, onChange, disabled, placeholder, isInvalid, errorMessage, styles, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Input/Select' {
-  import React from 'react';
   import { GroupBase, OptionsOrGroups } from 'react-select';
   export interface SelectProps<T> {
       name?: string;
@@ -2432,7 +2416,7 @@ declare module '@layerfi/components/components/Input/Select' {
       isInvalid?: boolean;
       errorMessage?: string;
   }
-  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, }: SelectProps<T>) => React.JSX.Element;
+  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Input/index' {
@@ -2445,7 +2429,6 @@ declare module '@layerfi/components/components/Input/index' {
 }
 declare module '@layerfi/components/components/Journal/Journal' {
-  import React from 'react';
   import { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
   export interface JournalConfig {
       form: {
@@ -2461,17 +2444,16 @@ declare module '@layerfi/components/components/Journal/Journal' {
       stringOverrides?: JournalStringOverrides;
   }
   export const JOURNAL_CONFIG: JournalConfig;
-  export const Journal: (props: JournalProps) => React.JSX.Element;
+  export const Journal: (props: JournalProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Journal/download/JournalEntriesDownloadButton' {
-  import React from 'react';
   type JournalEntriesDownloadButtonProps = {
       startCutoff?: Date;
       endCutoff?: Date;
       iconOnly?: boolean;
   };
-  export function JournalEntriesDownloadButton({ startCutoff, endCutoff, iconOnly, }: JournalEntriesDownloadButtonProps): React.JSX.Element;
+  export function JournalEntriesDownloadButton({ startCutoff, endCutoff, iconOnly, }: JournalEntriesDownloadButtonProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2499,8 +2481,7 @@ declare module '@layerfi/components/components/Journal/index' {
 }
 declare module '@layerfi/components/components/JournalEntryDetails/JournalEntryDetails' {
-  import React from 'react';
-  export const JournalEntryDetails: () => React.JSX.Element;
+  export const JournalEntryDetails: () => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/JournalEntryDetails/index' {
@@ -2508,7 +2489,6 @@ declare module '@layerfi/components/components/JournalEntryDetails/index' {
 }
 declare module '@layerfi/components/components/JournalForm/JournalForm' {
-  import React from 'react';
   import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
   export interface JournalFormStringOverrides {
       header?: string;
@@ -2519,11 +2499,10 @@ declare module '@layerfi/components/components/JournalForm/JournalForm' {
   export const JournalForm: ({ config, stringOverrides, }: {
       config: JournalConfig;
       stringOverrides?: JournalFormStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/JournalForm/JournalFormEntryLines' {
-  import React from 'react';
   import { Direction, JournalEntryLineItem } from '@layerfi/components/types';
   import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
   import { BaseSelectOption } from '@layerfi/components/types/general';
@@ -2535,7 +2514,7 @@ declare module '@layerfi/components/components/JournalForm/JournalFormEntryLines
       changeFormData: (name: string, value: string | BaseSelectOption | number | undefined, lineItemIndex: number, accounts?: LedgerAccountBalance[] | undefined) => void;
       sendingForm: boolean;
       config: JournalConfig;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/JournalForm/index' {
@@ -2543,14 +2522,14 @@ declare module '@layerfi/components/components/JournalForm/index' {
 }
 declare module '@layerfi/components/components/JournalSidebar/JournalSidebar' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
   import { JournalFormStringOverrides } from '@layerfi/components/components/JournalForm/JournalForm';
   export const JournalSidebar: ({ parentRef: _parentRef, config, stringOverrides, }: {
       parentRef?: RefObject<HTMLDivElement>;
       config: JournalConfig;
       stringOverrides?: JournalFormStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/JournalSidebar/index' {
@@ -2558,7 +2537,6 @@ declare module '@layerfi/components/components/JournalSidebar/index' {
 }
 declare module '@layerfi/components/components/JournalTable/JournalTable' {
-  import React from 'react';
   import { JournalEntry } from '@layerfi/components/types';
   import { View } from '@layerfi/components/types/general';
   import { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
@@ -2566,11 +2544,11 @@ declare module '@layerfi/components/components/JournalTable/JournalTable' {
       view: View;
       data: JournalEntry[];
       stringOverrides?: JournalTableStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/JournalTable/JournalTableWithPanel' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { View } from '@layerfi/components/types/general';
   import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
   import { JournalFormStringOverrides } from '@layerfi/components/components/JournalForm/JournalForm';
@@ -2592,7 +2570,7 @@ declare module '@layerfi/components/components/JournalTable/JournalTableWithPane
       pageSize?: number;
       config: JournalConfig;
       stringOverrides?: JournalTableStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/JournalTable/index' {
@@ -2600,7 +2578,7 @@ declare module '@layerfi/components/components/JournalTable/index' {
 }
 declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { View } from '@layerfi/components/types/general';
   import { LedgerAccountEntryDetailsStringOverrides } from '@layerfi/components/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails';
   interface LedgerEntriesTableStringOverrides {
@@ -2621,12 +2599,11 @@ declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex'
       pageSize?: number;
       stringOverrides?: LedgerAccountStringOverrides;
   }
-  export const LedgerAccount: ({ containerRef, pageSize, view, stringOverrides, }: LedgerAccountProps) => React.JSX.Element;
+  export const LedgerAccount: ({ containerRef, pageSize, view, stringOverrides, }: LedgerAccountProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/LedgerAccount/LedgerAccountRow' {
-  import React from 'react';
   import { LedgerAccountLineItem } from '@layerfi/components/types';
   import { View } from '@layerfi/components/types/general';
   export interface LedgerAccountRowProps {
@@ -2635,7 +2612,7 @@ declare module '@layerfi/components/components/LedgerAccount/LedgerAccountRow' {
       initialLoad?: boolean;
       view: View;
   }
-  export const LedgerAccountRow: ({ row, index, initialLoad, view, }: LedgerAccountRowProps) => React.JSX.Element;
+  export const LedgerAccountRow: ({ row, index, initialLoad, view, }: LedgerAccountRowProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/LedgerAccount/index' {
@@ -2643,7 +2620,6 @@ declare module '@layerfi/components/components/LedgerAccount/index' {
 }
 declare module '@layerfi/components/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails' {
-  import React from 'react';
   import { LedgerEntrySource } from '@layerfi/components/types/ledger_accounts';
   interface SourceDetailStringOverrides {
       sourceLabel?: string;
@@ -2661,7 +2637,7 @@ declare module '@layerfi/components/components/LedgerAccountEntryDetails/LedgerA
   export const SourceDetailView: ({ source, stringOverrides, }: {
       source: LedgerEntrySource;
       stringOverrides?: SourceDetailStringOverrides;
-  }) => React.JSX.Element | null;
+  }) => import("react/jsx-runtime").JSX.Element | null;
   interface JournalEntryDetailsStringOverrides {
       entryTypeLabel?: string;
       dateLabel?: string;
@@ -2688,7 +2664,7 @@ declare module '@layerfi/components/components/LedgerAccountEntryDetails/LedgerA
   }
   export const LedgerAccountEntryDetails: ({ stringOverrides, }: {
       stringOverrides?: LedgerAccountEntryDetailsStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2697,12 +2673,11 @@ declare module '@layerfi/components/components/LedgerAccountEntryDetails/index'
 }
 declare module '@layerfi/components/components/LinkedAccountOptions/LinkedAccountOptions' {
-  import React from 'react';
   import { HoverMenuProps } from '@layerfi/components/components/HoverMenu/index';
   interface LinkedAccountOptionsProps extends HoverMenuProps {
       showLedgerBalance?: boolean;
   }
-  export const LinkedAccountOptions: ({ children, config, showLedgerBalance, }: LinkedAccountOptionsProps) => React.JSX.Element;
+  export const LinkedAccountOptions: ({ children, config, showLedgerBalance, }: LinkedAccountOptionsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2711,7 +2686,6 @@ declare module '@layerfi/components/components/LinkedAccountOptions/index' {
 }
 declare module '@layerfi/components/components/LinkedAccountPill/LinkedAccountPill' {
-  import React from 'react';
   type Props = {
       text: string;
       config: {
@@ -2719,7 +2693,7 @@ declare module '@layerfi/components/components/LinkedAccountPill/LinkedAccountPi
           action: () => void;
       }[];
   };
-  export const LinkedAccountPill: ({ text, config }: Props) => React.JSX.Element;
+  export const LinkedAccountPill: ({ text, config }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -2728,7 +2702,6 @@ declare module '@layerfi/components/components/LinkedAccountPill/index' {
 }
 declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb' {
-  import React from 'react';
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
   export interface LinkedAccountThumbProps {
       account: LinkedAccount;
@@ -2742,32 +2715,64 @@ declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountT
           }[];
       };
   }
-  export const LinkedAccountThumb: ({ account, asWidget, showLedgerBalance, pillConfig, }: LinkedAccountThumbProps) => React.JSX.Element;
+  export const LinkedAccountThumb: ({ account, asWidget, showLedgerBalance, pillConfig, }: LinkedAccountThumbProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/LinkedAccountThumb/index' {
   export { LinkedAccountThumb } from '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb';
+}
+declare module '@layerfi/components/components/LinkedAccounts/AccountFormBox/AccountFormBox' {
+  import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
+  export type AccountFormBoxData = {
+      account: LinkedAccount;
+      isConfirmed: boolean;
+      openingDate?: Date;
+      openingBalance?: string;
+      saved?: boolean;
+  };
+  type AccountFormProps = {
+      account: LinkedAccount;
+      value: AccountFormBoxData;
+      isSaved?: boolean;
+      disableConfirmExclude?: boolean;
+      errors?: string[];
+      onChange: (value: AccountFormBoxData) => void;
+  };
+  export const AccountFormBox: ({ account, value, isSaved, disableConfirmExclude, onChange, errors, }: AccountFormProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
 }
 declare module '@layerfi/components/components/LinkedAccounts/ConfirmationModal/LinkedAccountToConfirm' {
-  import React from 'react';
   import type { LinkedAccount } from '@layerfi/components/types/linked_accounts';
   type LinkedAccountConfirmationProps = {
       account: LinkedAccount;
       isConfirmed: boolean;
       onChangeConfirmed: (isConfirmed: boolean) => void;
   };
-  export function LinkedAccountToConfirm({ account, isConfirmed, onChangeConfirmed, }: LinkedAccountConfirmationProps): React.JSX.Element;
+  export function LinkedAccountToConfirm({ account, isConfirmed, onChangeConfirmed, }: LinkedAccountConfirmationProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/LinkedAccounts/ConfirmationModal/LinkedAccountsConfirmationModal' {
-  import React from 'react';
-  export function LinkedAccountsConfirmationModal(): React.JSX.Element;
+  export function LinkedAccountsConfirmationModal(): import("react/jsx-runtime").JSX.Element;
+}
+declare module '@layerfi/components/components/LinkedAccounts/ConfirmationModal/useConfirmAndExcludeMultiple' {
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  export type AccountConfirmExcludeFormState = Record<string, boolean>;
+  export function useConfirmAndExcludeMultiple(data: AccountConfirmExcludeFormState, { onSuccess }: {
+      onSuccess: () => Awaitable<unknown>;
+  }): import("swr/mutation").SWRMutationResponse<true | undefined, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      data: AccountConfirmExcludeFormState;
+      tags: string[];
+  } | undefined, never>;
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountItemThumb' {
-  import React from 'react';
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
   export interface LinkedAccountItemThumbProps {
       account: LinkedAccount;
@@ -2776,11 +2781,10 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountItemT
       showUnlinkItem?: boolean;
       showBreakConnection?: boolean;
   }
-  export const LinkedAccountItemThumb: ({ account, asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountItemThumbProps) => React.JSX.Element;
+  export const LinkedAccountItemThumb: ({ account, asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountItemThumbProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
-  import React from 'react';
   export interface LinkedAccountsProps {
       asWidget?: boolean;
       elevated?: boolean;
@@ -2791,19 +2795,79 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
           title?: string;
       };
   }
-  export const LinkedAccounts: (props: LinkedAccountsProps) => React.JSX.Element;
-  export const LinkedAccountsComponent: ({ asWidget, elevated, showLedgerBalance, showUnlinkItem, showBreakConnection, stringOverrides, }: LinkedAccountsProps) => React.JSX.Element;
+  export const LinkedAccounts: (props: LinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
+  export const LinkedAccountsComponent: ({ asWidget, elevated, showLedgerBalance, showUnlinkItem, showBreakConnection, stringOverrides, }: LinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountsContent' {
-  import React from 'react';
   interface LinkedAccountsDataProps {
       asWidget?: boolean;
       showLedgerBalance?: boolean;
       showUnlinkItem?: boolean;
       showBreakConnection?: boolean;
   }
-  export const LinkedAccountsContent: ({ asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountsDataProps) => React.JSX.Element;
+  export const LinkedAccountsContent: ({ asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountsDataProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+}
+declare module '@layerfi/components/components/LinkedAccounts/OpeningBalanceModal/OpeningBalanceModal' {
+  type OpeningBalanceModalStringOverrides = {
+      title?: string;
+      description?: string;
+      buttonText?: string;
+  };
+  export function OpeningBalanceModal({ stringOverrides, }: {
+      stringOverrides?: OpeningBalanceModalStringOverrides;
+  }): import("react/jsx-runtime").JSX.Element | null;
+  export {};
+}
+declare module '@layerfi/components/components/LinkedAccounts/OpeningBalanceModal/useUpdateOpeningBalanceAndDate' {
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  export type OpeningBalanceData = {
+      accountId: string;
+      openingDate?: Date;
+      openingBalance?: number;
+  };
+  type OpeningBalanceAPIResponseValidationError = {
+      accountId: string;
+      status: 'rejected';
+      reason: {
+          cause: {
+              type: 'validation';
+              errors: string[];
+              accountId: string;
+          };
+      };
+  };
+  type OpeningBalanceAPIResponseError = {
+      accountId: string;
+      status: 'rejected';
+      reason: {
+          code?: number;
+          info?: string;
+          messages?: Record<string, string>[];
+          name?: string;
+      };
+  };
+  export type OpeningBalanceAPIResponseResult = {
+      accountId: string;
+      status: 'fulfilled';
+      value: {
+          data: {
+              type: string;
+          };
+      };
+  } | OpeningBalanceAPIResponseValidationError | OpeningBalanceAPIResponseError;
+  export function useBulkSetOpeningBalanceAndDate(data: OpeningBalanceData[], { onSuccess }: {
+      onSuccess: (results: OpeningBalanceAPIResponseResult[]) => Awaitable<void>;
+  }): import("swr/mutation").SWRMutationResponse<true | undefined, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly data: OpeningBalanceData[];
+      readonly tags: readonly ["#linked-accounts", "#opening-balance"];
+  } | undefined, never>;
   export {};
 }
@@ -2813,20 +2877,19 @@ declare module '@layerfi/components/components/LinkedAccounts/index' {
 }
 declare module '@layerfi/components/components/Loader/Loader' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface LoaderProps {
       children?: ReactNode;
       size?: number;
   }
-  export const Loader: ({ children, size }: LoaderProps) => React.JSX.Element;
+  export const Loader: ({ children, size }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Loader/SmallLoader' {
-  import React from 'react';
   export interface SmallLoaderProps {
       size?: number;
   }
-  export const SmallLoader: ({ size }: SmallLoaderProps) => React.JSX.Element;
+  export const SmallLoader: ({ size }: SmallLoaderProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Loader/index' {
@@ -2835,7 +2898,6 @@ declare module '@layerfi/components/components/Loader/index' {
 }
 declare module '@layerfi/components/components/MatchForm/MatchForm' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   export interface MatchFormProps {
       classNamePrefix: string;
@@ -2845,13 +2907,12 @@ declare module '@layerfi/components/components/MatchForm/MatchForm' {
       matchFormError?: string;
       readOnly?: boolean;
   }
-  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, readOnly, }: MatchFormProps) => React.JSX.Element;
+  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, readOnly, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/MatchForm/MatchFormMobile' {
-  import React from 'react';
   import { MatchFormProps } from '@layerfi/components/components/MatchForm/MatchForm';
-  export const MatchFormMobile: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, }: MatchFormProps) => React.JSX.Element;
+  export const MatchFormMobile: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/MatchForm/index' {
@@ -2860,25 +2921,23 @@ declare module '@layerfi/components/components/MatchForm/index' {
 }
 declare module '@layerfi/components/components/Onboarding/ConnectAccount' {
-  import React from 'react';
   import { OnboardingStep } from '@layerfi/components/types/layer_context';
   export interface ConnectAccountProps {
       onboardingStep: OnboardingStep;
       onTransactionsToReviewClick?: () => void;
       currentMonthOnly?: boolean;
   }
-  export const ConnectAccount: ({ onboardingStep, onTransactionsToReviewClick, }: ConnectAccountProps) => React.JSX.Element;
+  export const ConnectAccount: ({ onboardingStep, onTransactionsToReviewClick, }: ConnectAccountProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Onboarding/Onboarding' {
-  import React from 'react';
   import { OnboardingStep } from '@layerfi/components/types/layer_context';
   export interface OnboardingProps {
       onTransactionsToReviewClick?: () => void;
       onboardingStepOverride?: OnboardingStep;
   }
-  export const Onboarding: (props: OnboardingProps) => React.JSX.Element;
-  export const OnboardingContent: ({ onTransactionsToReviewClick, onboardingStepOverride, }: OnboardingProps) => React.JSX.Element | null;
+  export const Onboarding: (props: OnboardingProps) => import("react/jsx-runtime").JSX.Element;
+  export const OnboardingContent: ({ onTransactionsToReviewClick, onboardingStepOverride, }: OnboardingProps) => import("react/jsx-runtime").JSX.Element | null;
 }
 declare module '@layerfi/components/components/Onboarding/index' {
@@ -2886,7 +2945,6 @@ declare module '@layerfi/components/components/Onboarding/index' {
 }
 declare module '@layerfi/components/components/Pagination/Pagination' {
-  import React from 'react';
   export interface PaginationProps {
       currentPage: number;
       pageSize: number;
@@ -2896,7 +2954,7 @@ declare module '@layerfi/components/components/Pagination/Pagination' {
       hasMore?: boolean;
       fetchMore?: () => void;
   }
-  export const Pagination: ({ onPageChange, totalCount, siblingCount, currentPage, pageSize, hasMore, fetchMore, }: PaginationProps) => React.JSX.Element | null;
+  export const Pagination: ({ onPageChange, totalCount, siblingCount, currentPage, pageSize, hasMore, fetchMore, }: PaginationProps) => import("react/jsx-runtime").JSX.Element | null;
 }
 declare module '@layerfi/components/components/Pagination/index' {
@@ -2904,7 +2962,7 @@ declare module '@layerfi/components/components/Pagination/index' {
 }
 declare module '@layerfi/components/components/Panel/Panel' {
-  import React, { ReactNode, RefObject } from 'react';
+  import { ReactNode, RefObject } from 'react';
   export interface PanelProps {
       children: ReactNode;
       className?: string;
@@ -2914,26 +2972,48 @@ declare module '@layerfi/components/components/Panel/Panel' {
       parentRef?: RefObject<HTMLDivElement>;
       defaultSidebarHeight?: boolean;
   }
-  export const Panel: ({ children, className, sidebar, header, sidebarIsOpen, parentRef, defaultSidebarHeight, }: PanelProps) => React.JSX.Element;
+  export const Panel: ({ children, className, sidebar, header, sidebarIsOpen, parentRef, defaultSidebarHeight, }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Panel/index' {
   export { Panel } from '@layerfi/components/components/Panel/Panel';
+}
+declare module '@layerfi/components/components/PeriodPicker/PeriodPicker' {
+  export type PeriodPickerOption = 'month' | 'quarter' | 'year' | '2_months' | '3_months' | '6_months' | '12_months' | '2_quarters' | '3_quarters' | '4_quarters' | '8_quarters' | '2_years' | '3_years';
+  interface PeriodPickerProps {
+      onSelect: (option: {
+          key: PeriodPickerOption;
+          start_date: string;
+          end_date: string;
+      }) => void;
+      defaultValue?: PeriodPickerOption;
+  }
+  export const PeriodPicker: ({ onSelect, defaultValue }: PeriodPickerProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+}
+declare module '@layerfi/components/components/PeriodPicker/index' {
+  export { PeriodPicker } from '@layerfi/components/components/PeriodPicker/PeriodPicker';
 }
 declare module '@layerfi/components/components/Pill/Pill' {
-  import React, { PropsWithChildren } from 'react';
+  import { PropsWithChildren } from 'react';
   type PillKind = 'default' | 'info' | 'success' | 'warning' | 'error';
   type Props = PropsWithChildren & {
       kind?: PillKind;
       onHover?: () => void;
+      onClick?: () => void;
   };
-  export const Pill: ({ children, kind, onHover }: Props) => React.JSX.Element;
+  export const Pill: ({ children, kind, onHover, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
+}
+declare module '@layerfi/components/components/Pill/index' {
+  export { Pill } from '@layerfi/components/components/Pill/Pill';
 }
 declare module '@layerfi/components/components/PlatformOnboarding/LinkAccounts' {
-  import React from 'react';
   export interface LinkAccountsStringOverrides {
       backButtonText?: string;
       nextButtonText?: string;
@@ -2950,8 +3030,8 @@ declare module '@layerfi/components/components/PlatformOnboarding/LinkAccounts'
       onBack?: () => void;
       onNext?: () => void;
   }
-  export const LinkAccounts: ({ inBox, ...props }: LinkAccountsProps) => React.JSX.Element;
-  export const LinkAccountsContent: ({ title, asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, hideLoading, stringOverrides, onBack, onNext, }: LinkAccountsProps) => React.JSX.Element;
+  export const LinkAccounts: ({ inBox, ...props }: LinkAccountsProps) => import("react/jsx-runtime").JSX.Element;
+  export const LinkAccountsContent: ({ title, asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, hideLoading, stringOverrides, onBack, onNext, }: LinkAccountsProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/PlatformOnboarding/index' {
@@ -2959,7 +3039,7 @@ declare module '@layerfi/components/components/PlatformOnboarding/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
-  import React, { PropsWithChildren } from 'react';
+  import { PropsWithChildren } from 'react';
   import { ReportingBasis } from '@layerfi/components/types';
   type Props = PropsWithChildren & {
       tagFilter?: {
@@ -2970,46 +3050,49 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
       asContainer?: boolean;
   };
   const ProfitAndLoss: {
-      ({ children, tagFilter, reportingBasis, asContainer, }: Props): React.JSX.Element;
-      Chart: ({ forceRerenderOnDataChange, tagFilter, }: import("@layerfi/components/components/ProfitAndLossChart/ProfitAndLossChart").Props) => React.JSX.Element;
-      Context: React.Context<{
+      ({ children, tagFilter, reportingBasis, asContainer, }: Props): import("react/jsx-runtime").JSX.Element;
+      Chart: ({ forceRerenderOnDataChange, tagFilter, }: import("@layerfi/components/components/ProfitAndLossChart/ProfitAndLossChart").Props) => import("react/jsx-runtime").JSX.Element;
+      Context: import("react").Context<{
           data: import("@layerfi/components/types").ProfitAndLoss | undefined;
-          filteredDataRevenue: import("@layerfi/components/types/line_item").LineBaseItem[];
-          filteredTotalRevenue?: number;
-          filteredDataExpenses: import("@layerfi/components/types/line_item").LineBaseItem[];
-          filteredTotalExpenses?: number;
+          filteredDataRevenue: never[] | import("@layerfi/components/types/line_item").LineBaseItem[];
+          filteredTotalRevenue: number | undefined;
+          filteredDataExpenses: never[] | import("@layerfi/components/types/line_item").LineBaseItem[];
+          filteredTotalExpenses: number | undefined;
           isLoading: boolean;
           isValidating: boolean;
           error: unknown;
-          dateRange: import("@layerfi/components/types").DateRange;
-          changeDateRange: (dateRange: Partial<import("@layerfi/components/types").DateRange>) => void;
+          dateRange: {
+              startDate: Date;
+              endDate: Date;
+          };
+          changeDateRange: ({ startDate: start, endDate: end }: import("@layerfi/components/types").DateRange) => void;
           refetch: () => void;
           sidebarScope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope;
-          setSidebarScope: (view: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope) => void;
-          filters: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").ProfitAndLossFilters;
+          setSidebarScope: import("react").Dispatch<import("react").SetStateAction<import("../../hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope>>;
           sortBy: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, field: string, direction?: import("../../types").SortDirection) => void;
+          filters: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").ProfitAndLossFilters;
           setFilterTypes: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, types: string[]) => void;
-          tagFilter?: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").PnlTagFilter;
+          tagFilter: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").PnlTagFilter | undefined;
       }>;
-      ComparisonContext: React.Context<{
+      ComparisonContext: import("react").Context<{
           data: import("@layerfi/components/types/profit_and_loss").ProfitAndLossComparisonItem[] | undefined;
           isLoading: boolean;
           isValidating: boolean;
           error: unknown;
           compareMode: boolean;
-          setCompareMode: (mode: boolean) => void;
+          setCompareMode: import("react").Dispatch<import("react").SetStateAction<boolean>>;
           compareMonths: number;
-          setCompareMonths: (months: number) => void;
+          setCompareMonths: import("react").Dispatch<import("react").SetStateAction<number>>;
           compareOptions: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[];
-          setCompareOptions: (options: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[]) => void;
+          setCompareOptions: import("react").Dispatch<import("react").SetStateAction<import("../ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[]>>;
           refetch: (dateRange: import("@layerfi/components/types").DateRange, actAsInitial?: boolean) => void;
           getProfitAndLossComparisonCsv: (dateRange: import("@layerfi/components/types").DateRange, moneyFormat?: import("../../types").MoneyFormat) => Promise<{
               data?: import("@layerfi/components/types/general").S3PresignedUrl;
               error?: unknown;
           }>;
       }>;
-      DatePicker: ({ allowedDatePickerModes, datePickerMode: deprecated_datePickerMode, defaultDatePickerMode, customDateRanges, }: import("@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker").ProfitAndLossDatePickerProps) => React.JSX.Element;
-      CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/index").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
+      DatePicker: ({ allowedDatePickerModes, customDateRanges, defaultDatePickerMode, }: import("@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker").ProfitAndLossDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+      CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/index").ProfitAndLossCompareOptionsProps) => import("react/jsx-runtime").JSX.Element;
       Summaries: (props: {
           actionable?: boolean;
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries").ProfitAndLossSummariesStringOverrides;
@@ -3017,18 +3100,18 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           variants?: import("@layerfi/components/utils/styleUtils/sizeVariants").Variants;
           revenueLabel?: string;
           vertical?: boolean;
-      }) => React.JSX.Element;
-      Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfitAndLossTableProps) => React.JSX.Element;
+      }) => import("react/jsx-runtime").JSX.Element;
+      Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfitAndLossTableProps) => import("react/jsx-runtime").JSX.Element;
       DetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
           scope?: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope;
           hideClose?: boolean;
           showDatePicker?: boolean;
           chartColorsList?: string[];
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts").ProfitAndLossDetailedChartsStringOverrides;
-      }) => React.JSX.Element;
-      Header: ({ text, className, headingClassName, withDatePicker, }: import("@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader").ProfitAndLossHeaderProps) => React.JSX.Element;
-      Report: ({ stringOverrides, comparisonConfig, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, parentRef, view, }: import("@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport").ProfitAndLossReportProps) => React.JSX.Element;
-      DownloadButton: ({ stringOverrides, useComparisonPnl, moneyFormat, view, }: import("@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton").ProfitAndLossDownloadButtonProps) => React.JSX.Element;
+      }) => import("react/jsx-runtime").JSX.Element;
+      Header: ({ text, className, headingClassName, withDatePicker, }: import("@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader").ProfitAndLossHeaderProps) => import("react/jsx-runtime").JSX.Element;
+      Report: ({ stringOverrides, comparisonConfig, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, parentRef, view, }: import("@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport").ProfitAndLossReportProps) => import("react/jsx-runtime").JSX.Element;
+      DownloadButton: ({ stringOverrides, useComparisonPnl, moneyFormat, view, }: import("@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton").ProfitAndLossDownloadButtonProps) => import("react/jsx-runtime").JSX.Element;
   };
   export { ProfitAndLoss };
@@ -3038,12 +3121,10 @@ declare module '@layerfi/components/components/ProfitAndLoss/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/ChartStateCard' {
-  import React from 'react';
-  export const ChartStateCard: () => React.JSX.Element;
+  export const ChartStateCard: () => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/Indicator' {
-  import React from 'react';
   import { Props as BaseProps } from 'recharts/types/component/Label';
   type Props = BaseProps & {
       animateFrom: number;
@@ -3054,12 +3135,11 @@ declare module '@layerfi/components/components/ProfitAndLossChart/Indicator' {
       };
       setCustomCursorSize: (width: number, height: number, x: number) => void;
   };
-  export const Indicator: ({ className, animateFrom, setAnimateFrom, customCursorSize, setCustomCursorSize, viewBox, }: Props) => React.JSX.Element | null;
+  export const Indicator: ({ className, animateFrom, setAnimateFrom, customCursorSize, setCustomCursorSize, viewBox, }: Props) => import("react/jsx-runtime").JSX.Element | null;
   export {};
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/ProfitAndLossChart' {
-  import React from 'react';
   export interface Props {
       forceRerenderOnDataChange?: boolean;
       tagFilter?: {
@@ -3067,7 +3147,7 @@ declare module '@layerfi/components/components/ProfitAndLossChart/ProfitAndLossC
           values: string[];
       };
   }
-  export const ProfitAndLossChart: ({ forceRerenderOnDataChange, tagFilter, }: Props) => React.JSX.Element;
+  export const ProfitAndLossChart: ({ forceRerenderOnDataChange, tagFilter, }: Props) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/index' {
@@ -3075,7 +3155,6 @@ declare module '@layerfi/components/components/ProfitAndLossChart/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions' {
-  import React from 'react';
   export interface ProfitAndLossCompareOptionsProps {
       tagComparisonOptions: TagComparisonOption[];
       defaultTagFilter: TagComparisonOption;
@@ -3092,7 +3171,7 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/Profi
       tagKey: string;
       tagValues: string[];
   } | 'None';
-  export const ProfitAndLossCompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: ProfitAndLossCompareOptionsProps) => React.JSX.Element;
+  export const ProfitAndLossCompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: ProfitAndLossCompareOptionsProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossCompareOptions/index' {
@@ -3100,10 +3179,9 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/index
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker' {
-  import React from 'react';
   import type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
   export type ProfitAndLossDatePickerProps = TimeRangePickerConfig;
-  export const ProfitAndLossDatePicker: ({ allowedDatePickerModes, datePickerMode: deprecated_datePickerMode, defaultDatePickerMode, customDateRanges, }: ProfitAndLossDatePickerProps) => React.JSX.Element;
+  export const ProfitAndLossDatePicker: ({ allowedDatePickerModes, customDateRanges, defaultDatePickerMode, }: ProfitAndLossDatePickerProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/index' {
@@ -3111,7 +3189,6 @@ declare module '@layerfi/components/components/ProfitAndLossDatePicker/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailedChart' {
-  import React from 'react';
   import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
   import { LineBaseItem } from '@layerfi/components/types/line_item';
   interface DetailedChartProps {
@@ -3125,12 +3202,11 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       showDatePicker?: boolean;
       chartColorsList?: string[];
   }
-  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, chartColorsList, isLoading, showDatePicker, }: DetailedChartProps) => React.JSX.Element;
+  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, chartColorsList, isLoading, showDatePicker, }: DetailedChartProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailedTable' {
-  import React from 'react';
   import { Scope, SidebarScope, ProfitAndLossFilters } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
   import { SortDirection } from '@layerfi/components/types';
   import { LineBaseItem } from '@layerfi/components/types/line_item';
@@ -3154,11 +3230,10 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       opacity: number;
   }
   export const mapTypesToColors: (data: LineBaseItem[], colorList?: string[]) => TypeColorMapping[];
-  export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, chartColorsList, stringOverrides, }: DetailedTableProps) => React.JSX.Element;
+  export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, chartColorsList, stringOverrides, }: DetailedTableProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Filters' {
-  import React from 'react';
   import { Scope, SidebarScope, ProfitAndLossFilters } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
   import { LineBaseItem } from '@layerfi/components/types/line_item';
   export interface FiltersProps {
@@ -3167,11 +3242,10 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Filte
       filters: ProfitAndLossFilters;
       setFilterTypes: (scope: Scope, types: string[]) => void;
   }
-  export const Filters: ({ filteredData, sidebarScope, filters, setFilterTypes, }: FiltersProps) => React.JSX.Element;
+  export const Filters: ({ filteredData, sidebarScope, filters, setFilterTypes, }: FiltersProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts' {
-  import React from 'react';
   import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
   import { DetailedTableStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailedTable';
   export interface ProfitAndLossDetailedChartsStringOverrides {
@@ -3183,7 +3257,7 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Profi
       showDatePicker?: boolean;
       chartColorsList?: string[];
       stringOverrides?: ProfitAndLossDetailedChartsStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/index' {
@@ -3191,7 +3265,6 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/index
 }
 declare module '@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton' {
-  import React from 'react';
   import { MoneyFormat } from '@layerfi/components/types';
   import { View as ViewType } from '@layerfi/components/types/general';
   type ViewBreakpoint = ViewType | undefined;
@@ -3205,7 +3278,7 @@ declare module '@layerfi/components/components/ProfitAndLossDownloadButton/Profi
       moneyFormat?: MoneyFormat;
       view: ViewBreakpoint;
   }
-  export const ProfitAndLossDownloadButton: ({ stringOverrides, useComparisonPnl, moneyFormat, view, }: ProfitAndLossDownloadButtonProps) => React.JSX.Element;
+  export const ProfitAndLossDownloadButton: ({ stringOverrides, useComparisonPnl, moneyFormat, view, }: ProfitAndLossDownloadButtonProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -3214,14 +3287,13 @@ declare module '@layerfi/components/components/ProfitAndLossDownloadButton/index
 }
 declare module '@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader' {
-  import React from 'react';
   export interface ProfitAndLossHeaderProps {
       text?: string;
       className?: string;
       headingClassName?: string;
       withDatePicker?: boolean;
   }
-  export const ProfitAndLossHeader: ({ text, className, headingClassName, withDatePicker, }: ProfitAndLossHeaderProps) => React.JSX.Element;
+  export const ProfitAndLossHeader: ({ text, className, headingClassName, withDatePicker, }: ProfitAndLossHeaderProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossHeader/index' {
@@ -3229,7 +3301,7 @@ declare module '@layerfi/components/components/ProfitAndLossHeader/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { View as ViewType } from '@layerfi/components/types/general';
   import { ReportsStringOverrides } from '@layerfi/components/views/Reports/Reports';
   import type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
@@ -3241,7 +3313,7 @@ declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLoss
       parentRef?: RefObject<HTMLDivElement>;
       view?: ViewBreakpoint;
   } & TimeRangePickerConfig;
-  export const ProfitAndLossReport: ({ stringOverrides, comparisonConfig, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, parentRef, view, }: ProfitAndLossReportProps) => React.JSX.Element;
+  export const ProfitAndLossReport: ({ stringOverrides, comparisonConfig, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, parentRef, view, }: ProfitAndLossReportProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -3250,7 +3322,7 @@ declare module '@layerfi/components/components/ProfitAndLossReport/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries' {
-  import React, { type ReactNode } from 'react';
+  import { type ReactNode } from 'react';
   import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   export interface ProfitAndLossSummariesStringOverrides {
       revenueLabel?: string;
@@ -3276,8 +3348,8 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndL
           unstable_AdditionalListItems?: [ReactNode];
       };
   } & ProfitAndLossSummariesProps;
-  export function Internal_ProfitAndLossSummaries({ actionable, revenueLabel, stringOverrides, chartColorsList, slots, variants, }: Internal_ProfitAndLossSummariesProps): React.JSX.Element;
-  export const ProfitAndLossSummaries: (props: ProfitAndLossSummariesProps) => React.JSX.Element;
+  export function Internal_ProfitAndLossSummaries({ actionable, revenueLabel, stringOverrides, chartColorsList, slots, variants, }: Internal_ProfitAndLossSummariesProps): import("react/jsx-runtime").JSX.Element;
+  export const ProfitAndLossSummaries: (props: ProfitAndLossSummariesProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -3287,31 +3359,29 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesHeading' {
   import { PropsWithChildren } from 'react';
-  import React from 'react';
   import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   type ProfitAndLossSummariesHeadingProps = {
       variants?: Variants;
   } & PropsWithChildren;
-  export function ProfitAndLossSummariesHeading({ variants, children, }: ProfitAndLossSummariesHeadingProps): React.JSX.Element;
+  export function ProfitAndLossSummariesHeading({ variants, children, }: ProfitAndLossSummariesHeadingProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList' {
-  import React, { type PropsWithChildren } from 'react';
+  import { type PropsWithChildren } from 'react';
   type ProfitAndLossSummariesListItemProps = PropsWithChildren<{
       isActive?: boolean;
       onClick?: () => void;
   }>;
-  export function ProfitAndLossSummariesListItem({ children, isActive, onClick, }: ProfitAndLossSummariesListItemProps): React.JSX.Element;
+  export function ProfitAndLossSummariesListItem({ children, isActive, onClick, }: ProfitAndLossSummariesListItemProps): import("react/jsx-runtime").JSX.Element;
   type ProfitAndLossSummariesListProps = PropsWithChildren<{
       itemCount?: number;
   }>;
-  export function ProfitAndLossSummariesList({ children, itemCount, }: ProfitAndLossSummariesListProps): React.JSX.Element;
+  export function ProfitAndLossSummariesList({ children, itemCount, }: ProfitAndLossSummariesListProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesMiniChart' {
-  import React from 'react';
   import type { Scope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
   import type { ProfitAndLoss } from '@layerfi/components/types';
   import type { LineBaseItem } from '@layerfi/components/types/line_item';
@@ -3325,12 +3395,12 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/P
       chartColorsList?: string[];
       variants?: Variants;
   };
-  export function ProfitAndLossSummariesMiniChart({ data, chartColorsList, variants, }: ProfitAndLossMiniChartProps): React.JSX.Element;
+  export function ProfitAndLossSummariesMiniChart({ data, chartColorsList, variants, }: ProfitAndLossMiniChartProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesSummary' {
-  import React, { type ReactNode } from 'react';
+  import { type ReactNode } from 'react';
   import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   type ProfitAndLossSummariesSummaryProps = {
       label: string;
@@ -3341,22 +3411,20 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/P
       };
       variants?: Variants;
   };
-  export function ProfitAndLossSummariesSummary({ label, amount, isLoading, slots, variants, }: ProfitAndLossSummariesSummaryProps): React.JSX.Element;
+  export function ProfitAndLossSummariesSummary({ label, amount, isLoading, slots, variants, }: ProfitAndLossSummariesSummaryProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossCompareTable' {
-  import React from 'react';
   import { ProfitAndLossTableStringOverrides } from '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent';
   interface ProfilAndLostCompareTableProps {
       stringOverrides?: ProfitAndLossTableStringOverrides;
   }
-  export const ProfitAndLossCompareTable: ({ stringOverrides, }: ProfilAndLostCompareTableProps) => React.JSX.Element;
+  export const ProfitAndLossCompareTable: ({ stringOverrides, }: ProfilAndLostCompareTableProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent' {
-  import React from 'react';
   export interface ProfitAndLossTableStringOverrides {
       grossProfitLabel?: string;
       profitBeforeTaxesLabel?: string;
@@ -3367,13 +3435,12 @@ declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossT
       asContainer?: boolean;
       stringOverrides?: ProfitAndLossTableStringOverrides;
   };
-  export const ProfitAndLossTableComponent: ({ asContainer, stringOverrides, }: ProfitAndLossTableProps) => React.JSX.Element;
+  export const ProfitAndLossTableComponent: ({ asContainer, stringOverrides, }: ProfitAndLossTableProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableWithProvider' {
-  import React from 'react';
   import { ProfitAndLossTableProps } from '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent';
-  export const ProfitAndLossTableWithProvider: (props: ProfitAndLossTableProps) => React.JSX.Element;
+  export const ProfitAndLossTableWithProvider: (props: ProfitAndLossTableProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/empty_profit_and_loss_report' {
@@ -3388,7 +3455,7 @@ declare module '@layerfi/components/components/ProfitAndLossTable/index' {
 }
 declare module '@layerfi/components/components/ProfitAndLossView/ProfitAndLossView' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
   import { ProfitAndLossTableStringOverrides } from '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent';
@@ -3406,16 +3473,19 @@ declare module '@layerfi/components/components/ProfitAndLossView/ProfitAndLossVi
   export interface ProfitAndLossViewPanelProps extends ProfitAndLossViewProps {
       containerRef: RefObject<HTMLDivElement>;
   }
-  export const ProfitAndLossView: (props: ProfitAndLossViewProps) => React.JSX.Element;
+  export const ProfitAndLossView: (props: ProfitAndLossViewProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ProfitAndLossView/index' {
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/ProfitAndLossView';
+}
+declare module '@layerfi/components/components/ProjectProfitability/ProjectSelector' {
+  export function ProjectSelector(): import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Quickbooks/Quickbooks' {
-  import React from 'react';
-  const Quickbooks: () => React.JSX.Element;
+  const Quickbooks: () => import("react/jsx-runtime").JSX.Element;
   export { Quickbooks };
 }
@@ -3423,14 +3493,61 @@ declare module '@layerfi/components/components/Quickbooks/index' {
   export { Quickbooks } from '@layerfi/components/components/Quickbooks/Quickbooks';
 }
-declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
+declare module '@layerfi/components/components/RadioButtonGroup/RadioButton' {
   import React from 'react';
+  type Props = {
+      checked: boolean;
+      label: string;
+      name: string;
+      onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+      value: string;
+      disabled?: boolean;
+      size: 'small' | 'large';
+  };
+  export const RadioButton: ({ checked, label, name, onChange, value, disabled, size, }: Props) => import("react/jsx-runtime").JSX.Element;
+  export {};
+}
+declare module '@layerfi/components/components/RadioButtonGroup/RadioButtonGroup' {
+  import React from 'react';
+  export type RadioButtonLabel = {
+      label: string;
+      value: string;
+      disabled?: boolean;
+  };
+  type Props = {
+      name: string;
+      size?: 'small' | 'large';
+      buttons: RadioButtonLabel[];
+      selected?: RadioButtonLabel['value'];
+      onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  };
+  export const RadioButtonGroup: ({ name, size, buttons, onChange, selected, }: Props) => import("react/jsx-runtime").JSX.Element;
+  export {};
+}
+declare module '@layerfi/components/components/RadioButtonGroup/index' {
+  export { RadioButtonGroup } from '@layerfi/components/components/RadioButtonGroup/RadioButtonGroup';
+}
+declare module '@layerfi/components/components/SkeletonBalanceSheetRow/SkeletonBalanceSheetRow' {
+  import { PropsWithChildren } from 'react';
+  type Props = PropsWithChildren;
+  export const SkeletonBalanceSheetRow: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+  export {};
+}
+declare module '@layerfi/components/components/SkeletonBalanceSheetRow/index' {
+  export { SkeletonBalanceSheetRow } from '@layerfi/components/components/SkeletonBalanceSheetRow/SkeletonBalanceSheetRow';
+}
+declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
   export interface SkeletonLoaderProps {
       width?: string;
       height?: string;
       className?: string;
   }
-  export const SkeletonLoader: ({ height, width, className, }: SkeletonLoaderProps) => React.JSX.Element;
+  export const SkeletonLoader: ({ height, width, className, }: SkeletonLoaderProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/SkeletonLoader/index' {
@@ -3450,7 +3567,7 @@ declare module '@layerfi/components/components/SkeletonTableLoader/SkeletonTable
       height?: number;
       width?: number;
   }
-  export const SkeletonTableLoader: ({ rows, cols, height, width, }: SkeletonTableLoaderProps) => React.JSX.Element;
+  export const SkeletonTableLoader: ({ rows, cols, height, width, }: SkeletonTableLoaderProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -3459,7 +3576,6 @@ declare module '@layerfi/components/components/SkeletonTableLoader/index' {
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow' {
-  import React from 'react';
   import type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
   import { StatementOfCashFlowTableStringOverrides } from '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable';
   export interface StatementOfCashFlowStringOverrides {
@@ -3468,7 +3584,7 @@ declare module '@layerfi/components/components/StatementOfCashFlow/StatementOfCa
   export type StatementOfCashFlowProps = {
       stringOverrides?: StatementOfCashFlowStringOverrides;
   } & TimeRangePickerConfig;
-  export const StatementOfCashFlow: (props: StatementOfCashFlowProps) => React.JSX.Element;
+  export const StatementOfCashFlow: (props: StatementOfCashFlowProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
@@ -3481,15 +3597,21 @@ declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
   }[];
   export const ADJUSTMENTS_ROW_NAME = "Adjustments to Net Income";
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/datePicker/StatementOfCashFlowDatePicker' {
+  import type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
+  type StatementOfCashFlowDatePickerProps = Pick<TimeRangePickerConfig, 'allowedDatePickerModes' | 'customDateRanges' | 'defaultDatePickerMode'>;
+  export function StatementOfCashFlowDatePicker({ allowedDatePickerModes, customDateRanges, defaultDatePickerMode, }: StatementOfCashFlowDatePickerProps): import("react/jsx-runtime").JSX.Element;
+  export {};
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/download/CashflowStatementDownloadButton' {
-  import React from 'react';
   type CashflowStatementDownloadButtonProps = {
       startDate: Date;
       endDate: Date;
       iconOnly?: boolean;
   };
-  export function CashflowStatementDownloadButton({ startDate, endDate, iconOnly, }: CashflowStatementDownloadButtonProps): React.JSX.Element;
+  export function CashflowStatementDownloadButton({ startDate, endDate, iconOnly, }: CashflowStatementDownloadButtonProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -3517,7 +3639,6 @@ declare module '@layerfi/components/components/StatementOfCashFlow/index' {
 }
 declare module '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable' {
-  import React from 'react';
   import { StatementOfCashFlow } from '@layerfi/components/types';
   type StatementOfCashFlowRowProps = {
       name: string;
@@ -3534,7 +3655,7 @@ declare module '@layerfi/components/components/StatementOfCashFlowTable/Statemen
       data: StatementOfCashFlow;
       config: StatementOfCashFlowRowProps[];
       stringOverrides?: StatementOfCashFlowTableStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -3543,8 +3664,7 @@ declare module '@layerfi/components/components/StatementOfCashFlowTable/index' {
 }
 declare module '@layerfi/components/components/SyncingBadge/SyncingBadge' {
-  import React from 'react';
-  export const SyncingBadge: () => React.JSX.Element;
+  export const SyncingBadge: () => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/SyncingBadge/index' {
@@ -3552,7 +3672,6 @@ declare module '@layerfi/components/components/SyncingBadge/index' {
 }
 declare module '@layerfi/components/components/SyncingComponent/SyncingComponent' {
-  import React from 'react';
   interface SyncingComponentProps {
       title?: string;
       message?: string;
@@ -3580,7 +3699,7 @@ declare module '@layerfi/components/components/SyncingComponent/SyncingComponent
    *  hideContent={false}
    * />
    */
-  export const SyncingComponent: ({ title, message, onRefresh, inProgress, timeSync, hideContent, }: SyncingComponentProps) => React.JSX.Element;
+  export const SyncingComponent: ({ title, message, onRefresh, inProgress, timeSync, hideContent, }: SyncingComponentProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -3589,9 +3708,8 @@ declare module '@layerfi/components/components/SyncingComponent/index' {
 }
 declare module '@layerfi/components/components/Table/Table' {
-  import React from 'react';
   import { TableProps } from '@layerfi/components/types/table';
-  export const Table: ({ componentName, children, borderCollapse, bottomSpacing, }: TableProps) => React.JSX.Element;
+  export const Table: ({ componentName, children, borderCollapse, bottomSpacing, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Table/index' {
@@ -3604,9 +3722,8 @@ declare module '@layerfi/components/components/Table/index' {
 }
 declare module '@layerfi/components/components/TableBody/TableBody' {
-  import React from 'react';
   import { TableBodyProps } from '@layerfi/components/types/table';
-  export const TableBody: ({ children }: TableBodyProps) => React.JSX.Element;
+  export const TableBody: ({ children }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/TableBody/index' {
@@ -3614,9 +3731,8 @@ declare module '@layerfi/components/components/TableBody/index' {
 }
 declare module '@layerfi/components/components/TableCell/TableCell' {
-  import React from 'react';
   import { TableCellProps } from '@layerfi/components/types/table';
-  export const TableCell: ({ children, className, isHeaderCell, isCurrency, align, primary, withExpandIcon, fullWidth, colSpan, onClick, style, width, }: TableCellProps) => React.JSX.Element;
+  export const TableCell: ({ children, className, isHeaderCell, isCurrency, align, primary, withExpandIcon, fullWidth, colSpan, onClick, style, width, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/TableCell/index' {
@@ -3624,9 +3740,8 @@ declare module '@layerfi/components/components/TableCell/index' {
 }
 declare module '@layerfi/components/components/TableHead/TableHead' {
-  import React from 'react';
   import { TableHeadProps } from '@layerfi/components/types/table';
-  export const TableHead: ({ children }: TableHeadProps) => React.JSX.Element;
+  export const TableHead: ({ children }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/TableHead/index' {
@@ -3642,6 +3757,46 @@ declare module '@layerfi/components/components/TableRow/TableRow' {
 declare module '@layerfi/components/components/TableRow/index' {
   export { TableRow } from '@layerfi/components/components/TableRow/TableRow';
+}
+declare module '@layerfi/components/components/Tabs/Tab' {
+  import { ChangeEvent, ReactNode } from 'react';
+  interface TabProps {
+      checked: boolean;
+      label: string;
+      name: string;
+      onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+      value: string;
+      disabled?: boolean;
+      disabledMessage?: string;
+      leftIcon?: ReactNode;
+      index: number;
+  }
+  export const Tab: ({ checked, label, name, onChange, value, leftIcon, disabled, disabledMessage, index, }: TabProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+}
+declare module '@layerfi/components/components/Tabs/Tabs' {
+  import { ChangeEvent, ReactNode } from 'react';
+  interface Option {
+      label: string;
+      value: string;
+      disabled?: boolean;
+      disabledMessage?: string;
+      leftIcon?: ReactNode;
+  }
+  interface TabsProps {
+      name: string;
+      options: Option[];
+      selected?: Option['value'];
+      onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+  }
+  export const Tabs: ({ name, options, selected, onChange }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+}
+declare module '@layerfi/components/components/Tabs/index' {
+  export { Tabs } from '@layerfi/components/components/Tabs/Tabs';
 }
 declare module '@layerfi/components/components/Tasks/Tasks' {
   import React, { ReactNode } from 'react';
@@ -3702,17 +3857,17 @@ declare module '@layerfi/components/components/Tasks/Tasks' {
       defaultCollapsed?: boolean;
       collapsedWhenComplete?: boolean;
       stringOverrides?: TasksStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
   export const TasksProvider: ({ children }: {
       children: ReactNode;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
   export const TasksComponent: ({ collapsable, defaultCollapsed, collapsedWhenComplete, tasksHeader, stringOverrides, }: {
       tasksHeader?: string;
       collapsable?: boolean;
       defaultCollapsed?: boolean;
       collapsedWhenComplete?: boolean;
       stringOverrides?: TasksStringOverrides;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Tasks/index' {
@@ -3720,13 +3875,12 @@ declare module '@layerfi/components/components/Tasks/index' {
 }
 declare module '@layerfi/components/components/TasksHeader/TasksHeader' {
-  import React from 'react';
   export const TasksHeader: ({ tasksHeader, collapsable, open, toggleContent, }: {
       tasksHeader?: string;
       collapsable?: boolean;
       open?: boolean;
       toggleContent: () => void;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/TasksHeader/index' {
@@ -3734,10 +3888,9 @@ declare module '@layerfi/components/components/TasksHeader/index' {
 }
 declare module '@layerfi/components/components/TasksList/TasksList' {
-  import React from 'react';
   export const TasksList: ({ pageSize }: {
       pageSize?: number;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/TasksList/index' {
@@ -3745,13 +3898,12 @@ declare module '@layerfi/components/components/TasksList/index' {
 }
 declare module '@layerfi/components/components/TasksListItem/TasksListItem' {
-  import React from 'react';
   import { Task } from '@layerfi/components/types/tasks';
   export const TasksListItem: ({ task, goToNextPageIfAllComplete, defaultOpen, }: {
       task: Task;
       goToNextPageIfAllComplete: (task: Task) => void;
       defaultOpen: boolean;
-  }) => React.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/TasksListItem/index' {
@@ -3759,16 +3911,14 @@ declare module '@layerfi/components/components/TasksListItem/index' {
 }
 declare module '@layerfi/components/components/TasksMonthSelector/TaskMonthTile' {
-  import React from 'react';
   import { TaskMonthTileProps } from '@layerfi/components/components/TasksMonthSelector/types';
-  const TaskMonthTile: ({ monthData, onClick, active, disabled }: TaskMonthTileProps) => React.JSX.Element;
+  const TaskMonthTile: ({ monthData, onClick, active, disabled }: TaskMonthTileProps) => import("react/jsx-runtime").JSX.Element;
   export { TaskMonthTile };
 }
 declare module '@layerfi/components/components/TasksMonthSelector/TasksMonthSelector' {
-  import React from 'react';
   import { TasksMonthSelectorProps } from '@layerfi/components/components/TasksMonthSelector/types';
-  const TasksMonthSelector: ({ tasks, year, currentDate, onClick }: TasksMonthSelectorProps) => React.JSX.Element;
+  const TasksMonthSelector: ({ tasks, year, currentDate, onClick }: TasksMonthSelectorProps) => import("react/jsx-runtime").JSX.Element;
   export { TasksMonthSelector };
 }
@@ -3800,8 +3950,7 @@ declare module '@layerfi/components/components/TasksMonthSelector/types' {
 }
 declare module '@layerfi/components/components/TasksPending/TasksPending' {
-  import React from 'react';
-  export const TasksPending: () => React.JSX.Element;
+  export const TasksPending: () => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/TasksPending/index' {
@@ -3809,12 +3958,12 @@ declare module '@layerfi/components/components/TasksPending/index' {
 }
 declare module '@layerfi/components/components/Textarea/Textarea' {
-  import React, { HTMLProps } from 'react';
+  import { HTMLProps } from 'react';
   export interface TextareaProps extends HTMLProps<HTMLTextAreaElement> {
       isInvalid?: boolean;
       errorMessage?: string;
   }
-  export const Textarea: ({ className, isInvalid, errorMessage, ...props }: TextareaProps) => React.JSX.Element;
+  export const Textarea: ({ className, isInvalid, errorMessage, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Textarea/index' {
@@ -3822,18 +3971,21 @@ declare module '@layerfi/components/components/Textarea/index' {
 }
 declare module '@layerfi/components/components/Toast/Toast' {
-  import React from 'react';
   export interface ToastProps {
       id?: string;
       content: string;
       duration?: number;
       isExiting?: boolean;
   }
-  export function ToastsContainer(): React.JSX.Element;
+  export function ToastsContainer(): import("react/jsx-runtime").JSX.Element;
+}
+declare module '@layerfi/components/components/Toast/index' {
+  export { ToastsContainer } from '@layerfi/components/components/Toast/Toast';
 }
 declare module '@layerfi/components/components/Toggle/Toggle' {
-  import React, { CSSProperties, ChangeEvent, ReactNode } from 'react';
+  import { CSSProperties, ChangeEvent, ReactNode } from 'react';
   export interface Option {
       label: string;
       value: string;
@@ -3854,7 +4006,7 @@ declare module '@layerfi/components/components/Toggle/Toggle' {
       selected?: Option['value'];
       onChange: (event: ChangeEvent<HTMLInputElement>) => void;
   }
-  export const Toggle: ({ name, options, selected, onChange, size, }: ToggleProps) => React.JSX.Element;
+  export const Toggle: ({ name, options, selected, onChange, size, }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Toggle/index' {
@@ -3877,7 +4029,7 @@ declare module '@layerfi/components/components/Tooltip/Tooltip' {
   }
   export const Tooltip: ({ children, ...options }: {
       children: ReactNode;
-  } & TooltipOptions) => React.JSX.Element;
+  } & TooltipOptions) => import("react/jsx-runtime").JSX.Element;
   export const TooltipTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
       asChild?: boolean;
   }, "ref"> & React.RefAttributes<HTMLElement>>;
@@ -3997,10 +4149,9 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
 }
 declare module '@layerfi/components/components/Typography/ErrorText' {
-  import React from 'react';
   import { TextProps } from '@layerfi/components/components/Typography/Text';
   export type ErrorTextProps = TextProps;
-  export const ErrorText: ({ className, ...props }: ErrorTextProps) => React.JSX.Element;
+  export const ErrorText: ({ className, ...props }: ErrorTextProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Typography/Heading' {
@@ -4017,7 +4168,7 @@ declare module '@layerfi/components/components/Typography/Heading' {
       children: ReactNode;
       size?: HeadingSize;
   }
-  export const Heading: ({ as: Component, className, children, size, }: HeadingProps) => React.JSX.Element;
+  export const Heading: ({ as: Component, className, children, size, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Typography/Text' {
@@ -4052,8 +4203,8 @@ declare module '@layerfi/components/components/Typography/Text' {
       withTooltip?: TextUseTooltip;
       tooltipOptions?: TextTooltipOptions;
   }
-  export const Text: ({ as: Component, className, children, size, weight, withTooltip, ...props }: TextProps) => React.JSX.Element;
-  export const TextWithTooltip: ({ as: Component, className, children, size: _size, weight: _weight, withTooltip: _withTooltip, tooltipOptions, ...props }: TextProps) => React.JSX.Element;
+  export const Text: ({ as: Component, className, children, size, weight, withTooltip, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+  export const TextWithTooltip: ({ as: Component, className, children, size: _size, weight: _weight, withTooltip: _withTooltip, tooltipOptions, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/Typography/index' {
@@ -4063,12 +4214,11 @@ declare module '@layerfi/components/components/Typography/index' {
 }
 declare module '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar' {
-  import React from 'react';
   interface BookkeepingUpsellBarProps {
       onClick?: () => void;
       href?: string;
   }
-  export const BookkeepingUpsellBar: ({ onClick, href, }: BookkeepingUpsellBarProps) => React.JSX.Element;
+  export const BookkeepingUpsellBar: ({ onClick, href, }: BookkeepingUpsellBarProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -4098,13 +4248,13 @@ declare module '@layerfi/components/components/View/index' {
 }
 declare module '@layerfi/components/components/ViewHeader/ViewHeader' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface ViewHeaderProps {
       title?: string;
       className?: string;
       children?: ReactNode;
   }
-  export const ViewHeader: ({ title, className, children }: ViewHeaderProps) => React.JSX.Element;
+  export const ViewHeader: ({ title, className, children }: ViewHeaderProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ViewHeader/index' {
@@ -4125,28 +4275,33 @@ declare module '@layerfi/components/components/ui/Button/Button' {
 }
 declare module '@layerfi/components/components/ui/Checkbox/Checkbox' {
-  import React from 'react';
   import { type CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
   type CheckboxProps = Omit<AriaCheckboxProps, 'className'>;
-  export function Checkbox({ children, ...props }: CheckboxProps): React.JSX.Element;
+  export function Checkbox({ children, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/components/ui/Loading/LoadingSpinner' {
-  import React from 'react';
   import { type LucideProps } from 'lucide-react';
-  export function LoadingSpinner({ size }: Pick<LucideProps, 'size'>): React.JSX.Element;
+  export function LoadingSpinner({ size }: Pick<LucideProps, 'size'>): import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ui/Modal/Modal' {
   import React, { type ComponentProps } from 'react';
   import { type DialogProps, type ModalOverlayProps } from 'react-aria-components';
+  type ModalSize = 'md' | 'lg';
   const ModalOverlay: React.ForwardRefExoticComponent<Omit<ModalOverlayProps, "className"> & React.RefAttributes<HTMLDivElement>>;
+  const InternalModal: React.ForwardRefExoticComponent<{
+      size?: ModalSize;
+  } & {
+      children?: React.ReactNode | undefined;
+  } & React.RefAttributes<HTMLDivElement>>;
   const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "className"> & React.RefAttributes<HTMLElement>>;
-  type AllowedModalProps = Pick<ComponentProps<typeof ModalOverlay>, 'isOpen' | 'onOpenChange'>;
+  type AllowedModalOverlayProps = Pick<ComponentProps<typeof ModalOverlay>, 'isOpen' | 'onOpenChange'>;
+  type AllowedInternalModalProps = Pick<ComponentProps<typeof InternalModal>, 'size'>;
   type AllowedDialogProps = Pick<ComponentProps<typeof Dialog>, 'children'>;
-  type ModalProps = AllowedModalProps & AllowedDialogProps;
-  export function Modal({ isOpen, onOpenChange, children }: ModalProps): React.JSX.Element;
+  type ModalProps = AllowedModalOverlayProps & AllowedInternalModalProps & AllowedDialogProps;
+  export function Modal({ isOpen, size, onOpenChange, children, }: ModalProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -4155,7 +4310,7 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
   type ModalContextBarProps = {
       onClose?: () => void;
   };
-  function ModalContextBar({ onClose }: ModalContextBarProps): React.JSX.Element;
+  function ModalContextBar({ onClose }: ModalContextBarProps): import("react/jsx-runtime").JSX.Element;
   const ModalHeading: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react-aria-components").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "className"> & {
       size?: "sm";
       pbe?: "2xs" | "xs" | "sm" | "md" | "lg";
@@ -4168,21 +4323,21 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
   } & {
       children?: React.ReactNode | undefined;
   } & React.RefAttributes<HTMLParagraphElement>, "slot">, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-  function ModalContent({ children }: PropsWithChildren): React.JSX.Element;
-  function ModalActions({ children }: PropsWithChildren): React.JSX.Element;
+  function ModalContent({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+  function ModalActions({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
   export { ModalContextBar, ModalHeading, ModalDescription, ModalContent, ModalActions, };
 }
 declare module '@layerfi/components/components/ui/Stack/Stack' {
-  import React, { type PropsWithChildren } from 'react';
+  import { type PropsWithChildren } from 'react';
   export type StackProps = PropsWithChildren<{
       gap?: '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '5xl';
       align?: 'start' | 'center';
       justify?: 'center';
       slot?: string;
   }>;
-  export function VStack(props: StackProps): React.JSX.Element;
-  export function HStack(props: StackProps): React.JSX.Element;
+  export function VStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
+  export function HStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/components/ui/Typography/Heading' {
@@ -4225,7 +4380,7 @@ declare module '@layerfi/components/components/utility/ConditionalList' {
       isLoading?: never;
       Loading?: never;
   });
-  export function ConditionalList<T>({ list, isLoading, Empty, Container, Loading, children }: ConditionalListProps<T>): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+  export function ConditionalList<T>({ list, isLoading, Empty, Container, Loading, children, }: ConditionalListProps<T>): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
   export {};
 }
@@ -4537,6 +4692,8 @@ declare module '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccount
       unlinkAccount: (source: import("@layerfi/components/types/linked_accounts").AccountSource, accountId: string) => void;
       confirmAccount: (source: import("@layerfi/components/types/linked_accounts").AccountSource, accountId: string) => void;
       excludeAccount: (source: import("@layerfi/components/types/linked_accounts").AccountSource, accountId: string) => void;
+      accountsToAddOpeningBalanceInModal: import("@layerfi/components/types/linked_accounts").LinkedAccount[];
+      setAccountsToAddOpeningBalanceInModal: (accounts: import("@layerfi/components/types/linked_accounts").LinkedAccount[]) => void;
       breakConnection: (source: import("@layerfi/components/types/linked_accounts").AccountSource, connectionExternalId: string) => void;
   }>;
@@ -4553,11 +4710,11 @@ declare module '@layerfi/components/contexts/ProfitAndLossComparisonContext/Prof
       isValidating: boolean;
       error: unknown;
       compareMode: boolean;
-      setCompareMode: (mode: boolean) => void;
+      setCompareMode: import("react").Dispatch<import("react").SetStateAction<boolean>>;
       compareMonths: number;
-      setCompareMonths: (months: number) => void;
+      setCompareMonths: import("react").Dispatch<import("react").SetStateAction<number>>;
       compareOptions: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[];
-      setCompareOptions: (options: import("@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[]) => void;
+      setCompareOptions: import("react").Dispatch<import("react").SetStateAction<import("../../components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions").TagComparisonOption[]>>;
       refetch: (dateRange: import("@layerfi/components/types").DateRange, actAsInitial?: boolean) => void;
       getProfitAndLossComparisonCsv: (dateRange: import("@layerfi/components/types").DateRange, moneyFormat?: import("../../types").MoneyFormat) => Promise<{
           data?: S3PresignedUrl;
@@ -4658,6 +4815,8 @@ declare module '@layerfi/components/hooks/useAuth' {
       expires_in: number;
       apiUrl: "https://api.layerfi.com" | "https://sandbox.layerfi.com" | "https://staging.layerfi.com";
   }, any, {
+      revalidateOnFocus: true;
+      revalidateOnReconnect: true;
       refreshInterval: (latestData: {
           access_token: string;
           token_type: string;
@@ -4980,6 +5139,8 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
       unlinkAccount: (source: AccountSource, accountId: string) => void;
       confirmAccount: (source: AccountSource, accountId: string) => void;
       excludeAccount: (source: AccountSource, accountId: string) => void;
+      accountsToAddOpeningBalanceInModal: LinkedAccount[];
+      setAccountsToAddOpeningBalanceInModal: (accounts: LinkedAccount[]) => void;
       breakConnection: (source: AccountSource, connectionExternalId: string) => void;
   };
   export const useLinkedAccounts: UseLinkedAccounts;
@@ -5007,17 +5168,14 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/index' {
 }
 declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
-  import { ProfitAndLoss, DateRange, ReportingBasis, SortDirection } from '@layerfi/components/types';
-  import { LineBaseItem } from '@layerfi/components/types/line_item';
+  import { ReportingBasis, SortDirection, type DateRange } from '@layerfi/components/types';
   export type Scope = 'expenses' | 'revenue';
   export type SidebarScope = Scope | undefined;
   export type PnlTagFilter = {
       key: string;
       values: string[];
   };
-  type Props = {
-      startDate?: Date;
-      endDate?: Date;
+  type UseProfitAndLossOptions = {
       tagFilter?: PnlTagFilter;
       reportingBasis?: ReportingBasis;
   };
@@ -5027,26 +5185,28 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
       types?: string[];
   };
   export type ProfitAndLossFilters = Record<Scope, ProfitAndLossFilter | undefined>;
-  type UseProfitAndLoss = (props?: Props) => {
-      data: ProfitAndLoss | undefined;
-      filteredDataRevenue: LineBaseItem[];
-      filteredTotalRevenue?: number;
-      filteredDataExpenses: LineBaseItem[];
-      filteredTotalExpenses?: number;
+  export const useProfitAndLoss: ({ tagFilter, reportingBasis, }: UseProfitAndLossOptions) => {
+      data: import("@layerfi/components/types").ProfitAndLoss | undefined;
+      filteredDataRevenue: never[] | import("@layerfi/components/types/line_item").LineBaseItem[];
+      filteredTotalRevenue: number | undefined;
+      filteredDataExpenses: never[] | import("@layerfi/components/types/line_item").LineBaseItem[];
+      filteredTotalExpenses: number | undefined;
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
-      dateRange: DateRange;
-      changeDateRange: (dateRange: Partial<DateRange>) => void;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
+      changeDateRange: ({ startDate: start, endDate: end }: DateRange) => void;
       refetch: () => void;
       sidebarScope: SidebarScope;
-      setSidebarScope: (view: SidebarScope) => void;
-      filters: ProfitAndLossFilters;
+      setSidebarScope: import("react").Dispatch<import("react").SetStateAction<SidebarScope>>;
       sortBy: (scope: Scope, field: string, direction?: SortDirection) => void;
+      filters: ProfitAndLossFilters;
       setFilterTypes: (scope: Scope, types: string[]) => void;
-      tagFilter?: PnlTagFilter;
+      tagFilter: PnlTagFilter | undefined;
   };
-  export const useProfitAndLoss: UseProfitAndLoss;
   export {};
 }
@@ -5112,31 +5272,59 @@ declare module '@layerfi/components/hooks/useProfitAndLossComparison/index' {
 declare module '@layerfi/components/hooks/useProfitAndLossComparison/useProfitAndLossComparison' {
   import { TagComparisonOption } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
   import { DateRange, MoneyFormat, ReportingBasis } from '@layerfi/components/types';
-  import { S3PresignedUrl } from '@layerfi/components/types/general';
-  import { ProfitAndLossComparisonItem } from '@layerfi/components/types/profit_and_loss';
   export type Scope = 'expenses' | 'revenue';
   export type SidebarScope = Scope | undefined;
   type Props = {
       reportingBasis?: ReportingBasis;
   };
-  type UseProfitAndLossComparison = (props: Props) => {
-      data: ProfitAndLossComparisonItem[] | undefined;
+  export function useProfitAndLossComparison({ reportingBasis, }: Props): {
+      data: import("@layerfi/components/types/profit_and_loss").ProfitAndLossComparisonItem[] | undefined;
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
       compareMode: boolean;
-      setCompareMode: (mode: boolean) => void;
+      setCompareMode: import("react").Dispatch<import("react").SetStateAction<boolean>>;
       compareMonths: number;
-      setCompareMonths: (months: number) => void;
+      setCompareMonths: import("react").Dispatch<import("react").SetStateAction<number>>;
       compareOptions: TagComparisonOption[];
-      setCompareOptions: (options: TagComparisonOption[]) => void;
+      setCompareOptions: import("react").Dispatch<import("react").SetStateAction<TagComparisonOption[]>>;
       refetch: (dateRange: DateRange, actAsInitial?: boolean) => void;
       getProfitAndLossComparisonCsv: (dateRange: DateRange, moneyFormat?: MoneyFormat) => Promise<{
-          data?: S3PresignedUrl;
+          data?: import("@layerfi/components/types/general").S3PresignedUrl;
           error?: unknown;
       }>;
   };
-  export const useProfitAndLossComparison: UseProfitAndLossComparison;
+  export {};
+}
+declare module '@layerfi/components/hooks/useProjects' {
+  type TagKey = string;
+  type TagOptionValue = string;
+  type TagCategoryOption = {
+      label: string;
+      value: TagOptionValue;
+  };
+  export function useTags(): {
+      readonly hasActiveTag: false;
+      readonly tagLabel: undefined;
+      readonly tagKey: undefined;
+      readonly activeValue: undefined;
+      readonly valueOptions: undefined;
+      readonly setActiveValue: ({ key, activeValue }: {
+          key: TagKey;
+          activeValue?: TagOptionValue;
+      }) => void;
+  } | {
+      readonly hasActiveTag: true;
+      readonly tagLabel: string;
+      readonly tagKey: string;
+      readonly activeValue: TagCategoryOption | undefined;
+      readonly valueOptions: TagCategoryOption[];
+      readonly setActiveValue: ({ key, activeValue }: {
+          key: TagKey;
+          activeValue?: TagOptionValue;
+      }) => void;
+  };
   export {};
 }
@@ -5266,309 +5454,336 @@ declare module '@layerfi/components/hooks/useWindowSize/useWindowSize' {
 }
 declare module '@layerfi/components/icons/AlertCircle' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const AlertCircle: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const AlertCircle: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default AlertCircle;
 }
 declare module '@layerfi/components/icons/AlertOctagon' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const AlertOctagon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const AlertOctagon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default AlertOctagon;
+}
+declare module '@layerfi/components/icons/ArrowRightCircle' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const ArrowRightCircle: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default ArrowRightCircle;
 }
 declare module '@layerfi/components/icons/BackArrow' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const BackArrow: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const BackArrow: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default BackArrow;
 }
 declare module '@layerfi/components/icons/BarChart2' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const BarChart2: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const BarChart2: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default BarChart2;
 }
 declare module '@layerfi/components/icons/Bell' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Bell: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Bell: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Bell;
+}
+declare module '@layerfi/components/icons/Calendar' {
+  import { SVGProps } from 'react';
+  const Calendar: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+  export default Calendar;
 }
 declare module '@layerfi/components/icons/Check' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Check: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Check: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Check;
 }
 declare module '@layerfi/components/icons/CheckCircle' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const CheckCircle: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const CheckCircle: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default CheckCircle;
+}
+declare module '@layerfi/components/icons/CheckedCircle' {
+  import { SVGProps } from 'react';
+  type Props = SVGProps<SVGSVGElement> & {
+      size: SVGProps<SVGSVGElement>['width'];
+      fillColor: string;
+      strokeColor: string;
+  };
+  const CheckedCircle: ({ fillColor, strokeColor, size, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+  export default CheckedCircle;
 }
 declare module '@layerfi/components/icons/ChevronDown' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ChevronDown: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const ChevronDown: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ChevronDown;
 }
 declare module '@layerfi/components/icons/ChevronDownFill' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ChevronDownFill: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const ChevronDownFill: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ChevronDownFill;
 }
 declare module '@layerfi/components/icons/ChevronLeft' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ChevronLeft: ({ ...props }: IconSvgProps) => React.JSX.Element;
+  const ChevronLeft: ({ ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ChevronLeft;
 }
 declare module '@layerfi/components/icons/ChevronRight' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ChevronRight: ({ ...props }: IconSvgProps) => React.JSX.Element;
+  const ChevronRight: ({ ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ChevronRight;
+}
+declare module '@layerfi/components/icons/ChevronUp' {
+  import { SVGProps } from 'react';
+  const ChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+  export default ChevronUp;
 }
 declare module '@layerfi/components/icons/CloseIcon' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const CloseIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const CloseIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default CloseIcon;
 }
 declare module '@layerfi/components/icons/Coffee' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const CoffeeIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const CoffeeIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default CoffeeIcon;
 }
 declare module '@layerfi/components/icons/Collapse' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Collapse: ({ ...props }: IconSvgProps) => React.JSX.Element;
+  const Collapse: ({ ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Collapse;
 }
 declare module '@layerfi/components/icons/CreditCard' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const CreditCard: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const CreditCard: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default CreditCard;
+}
+declare module '@layerfi/components/icons/Dataflow' {
+  import { SVGProps } from 'react';
+  const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+  export default SvgComponent;
 }
 declare module '@layerfi/components/icons/DownloadCloud' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const DownloadCloud: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const DownloadCloud: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default DownloadCloud;
 }
 declare module '@layerfi/components/icons/Edit2' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Edit2: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Edit2: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Edit2;
 }
 declare module '@layerfi/components/icons/Expand' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Expand: ({ ...props }: IconSvgProps) => React.JSX.Element;
+  const Expand: ({ ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Expand;
 }
 declare module '@layerfi/components/icons/Eye' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Eye: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Eye: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Eye;
 }
 declare module '@layerfi/components/icons/File' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const File: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const File: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default File;
 }
 declare module '@layerfi/components/icons/Folder' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Folder: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Folder: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Folder;
+}
+declare module '@layerfi/components/icons/FolderPlus' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const FolderPlus: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default FolderPlus;
 }
 declare module '@layerfi/components/icons/Inbox' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Inbox: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Inbox: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Inbox;
 }
 declare module '@layerfi/components/icons/InfoIcon' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const InfoIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const InfoIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default InfoIcon;
 }
 declare module '@layerfi/components/icons/InstitutionIcon' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const InstitutionIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const InstitutionIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default InstitutionIcon;
 }
 declare module '@layerfi/components/icons/Link' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Link: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Link: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Link;
+}
+declare module '@layerfi/components/icons/Link2' {
+  import { SVGProps } from 'react';
+  type Props = SVGProps<SVGSVGElement> & {
+      size: SVGProps<SVGSVGElement>['width'];
+  };
+  const Link2: ({ size, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+  export default Link2;
+}
+declare module '@layerfi/components/icons/LinkBroken' {
+  import { SVGProps } from 'react';
+  type Props = SVGProps<SVGSVGElement> & {
+      size: SVGProps<SVGSVGElement>['width'];
+  };
+  const LinkBroken: ({ size, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+  export default LinkBroken;
 }
 declare module '@layerfi/components/icons/Loader' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Loader: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Loader: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Loader;
 }
 declare module '@layerfi/components/icons/MinimizeTwo' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const MinimizeTwo: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const MinimizeTwo: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default MinimizeTwo;
 }
 declare module '@layerfi/components/icons/MoreVertical' {
-  import React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const MoreVertical: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const MoreVertical: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default MoreVertical;
 }
 declare module '@layerfi/components/icons/Paperclip' {
-  import React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Paperclip: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Paperclip: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Paperclip;
 }
 declare module '@layerfi/components/icons/PieChart' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const PieChart: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const PieChart: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default PieChart;
 }
 declare module '@layerfi/components/icons/PlaidIcon' {
-  import React from 'react';
-  const PlaidIcon: () => React.JSX.Element;
+  const PlaidIcon: () => import("react/jsx-runtime").JSX.Element;
   export default PlaidIcon;
 }
 declare module '@layerfi/components/icons/Plus' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Plus: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Plus: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Plus;
 }
 declare module '@layerfi/components/icons/PlusIcon' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const PlusIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const PlusIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default PlusIcon;
 }
 declare module '@layerfi/components/icons/ProgressIcon' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ProgressIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const ProgressIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ProgressIcon;
 }
 declare module '@layerfi/components/icons/RefreshCcw' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const RefreshCcw: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const RefreshCcw: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default RefreshCcw;
 }
 declare module '@layerfi/components/icons/Save' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Save: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Save: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Save;
 }
 declare module '@layerfi/components/icons/Scissors' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Scissors: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Scissors: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Scissors;
 }
 declare module '@layerfi/components/icons/ScissorsFullOpen' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ScissorsFullOpen: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const ScissorsFullOpen: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ScissorsFullOpen;
+}
+declare module '@layerfi/components/icons/ScissorsOpen' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const ScissorsOpen: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default ScissorsOpen;
 }
 declare module '@layerfi/components/icons/SmileIcon' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const SmileIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const SmileIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default SmileIcon;
 }
 declare module '@layerfi/components/icons/SortArrows' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const SortArrows: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const SortArrows: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default SortArrows;
 }
 declare module '@layerfi/components/icons/Sunrise' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Sunrise: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Sunrise: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Sunrise;
 }
 declare module '@layerfi/components/icons/Trash' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const Trash: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const Trash: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Trash;
 }
 declare module '@layerfi/components/icons/UploadCloud' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const UploadCloud: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const UploadCloud: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default UploadCloud;
+}
+declare module '@layerfi/components/icons/WarningCircle' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const WarningCircle: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default WarningCircle;
 }
 declare module '@layerfi/components/icons/X' {
-  import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const X: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  const X: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default X;
 }
@@ -5608,10 +5823,10 @@ declare module '@layerfi/components/index' {
 }
 declare module '@layerfi/components/models/APIError' {
-  export interface APIErrorMessage {
+  export type APIErrorMessage = {
       type?: string;
       description?: string;
-  }
+  };
   export class APIError extends Error {
       code?: number;
       info?: string;
@@ -5644,6 +5859,7 @@ declare module '@layerfi/components/models/ErrorHandler' {
 }
 declare module '@layerfi/components/models/Money' {
   export const centsToDollars: (cents?: number) => string;
+  export function centsToDollarsWithoutCommas(cents?: number): string;
   export const dollarsToCents: (dollars?: string) => number;
   const _default: {
       centsToDollars: (cents?: number) => string;
@@ -5653,9 +5869,8 @@ declare module '@layerfi/components/models/Money' {
 }
 declare module '@layerfi/components/providers/AccountConfirmationStoreProvider' {
-  import React, { type PropsWithChildren } from 'react';
-  const ACCOUNT_CONFIRMATION_VISIBILITY: readonly ["PRELOADED", "DEFAULT", "DISMISSED"];
-  type AccountConfirmationVisibility = typeof ACCOUNT_CONFIRMATION_VISIBILITY[number];
+  import { type PropsWithChildren } from 'react';
+  type AccountConfirmationVisibility = 'PRELOADED' | 'DEFAULT' | 'DISMISSED';
   type AccountConfirmationStoreShape = {
       visibility: AccountConfirmationVisibility;
       actions: {
@@ -5673,28 +5888,28 @@ declare module '@layerfi/components/providers/AccountConfirmationStoreProvider'
   type AccountConfirmationStoreProviderProps = PropsWithChildren<{
       initialVisibility?: AccountConfirmationVisibility;
   }>;
-  export function AccountConfirmationStoreProvider({ children, initialVisibility, }: AccountConfirmationStoreProviderProps): React.JSX.Element;
+  export function AccountConfirmationStoreProvider({ children, initialVisibility, }: AccountConfirmationStoreProviderProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/providers/AuthInputProvider' {
-  import React, { type PropsWithChildren } from 'react';
+  import { type PropsWithChildren } from 'react';
   type AuthInputShape = {
       appId?: string;
       appSecret?: string;
       businessAccessToken?: string;
   };
   export function useAuthInput(): AuthInputShape;
-  export function AuthInputProvider({ appId, appSecret, businessAccessToken, children, }: PropsWithChildren<AuthInputShape>): React.JSX.Element;
+  export function AuthInputProvider({ appId, appSecret, businessAccessToken, children, }: PropsWithChildren<AuthInputShape>): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/providers/BankTransactionsProvider/BankTransactionsProvider' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   interface BankTransactionsProviderProps {
       children: ReactNode;
   }
-  export const BankTransactionsProvider: ({ children, }: BankTransactionsProviderProps) => React.JSX.Element;
+  export const BankTransactionsProvider: ({ children, }: BankTransactionsProviderProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -5703,34 +5918,33 @@ declare module '@layerfi/components/providers/BankTransactionsProvider/index' {
 }
 declare module '@layerfi/components/providers/BusinessProvider/BusinessProvider' {
-  import React, { PropsWithChildren } from 'react';
+  import { PropsWithChildren } from 'react';
   import { LayerProviderProps } from '@layerfi/components/providers/LayerProvider/LayerProvider';
   type BusinessProviderProps = PropsWithChildren<Pick<LayerProviderProps, 'businessId' | 'theme' | 'onError' | 'eventCallbacks'>>;
-  export const BusinessProvider: ({ businessId, children, theme, onError, eventCallbacks, }: PropsWithChildren<BusinessProviderProps>) => React.JSX.Element;
+  export const BusinessProvider: ({ businessId, children, theme, onError, eventCallbacks, }: PropsWithChildren<BusinessProviderProps>) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/providers/Environment/EnvironmentInputProvider' {
-  import React, { type PropsWithChildren } from 'react';
+  import { type PropsWithChildren } from 'react';
   import { type Environment } from '@layerfi/components/providers/Environment/environmentConfigs';
   type EnvironmentInputShape = {
       environment?: Environment;
       usePlaidSandbox?: boolean;
   };
   export function useEnvironment(): {
-      environment: "sandbox" | "production" | "staging" | "internalStaging";
+      environment: Environment;
       apiUrl: "https://api.layerfi.com" | "https://sandbox.layerfi.com" | "https://staging.layerfi.com";
       authUrl: "https://auth.layerfi.com/oauth2/token";
       scope: "https://api.layerfi.com/production" | "https://sandbox.layerfi.com/sandbox";
       usePlaidSandbox: boolean;
   };
-  export function EnvironmentInputProvider({ children, environment, usePlaidSandbox, }: PropsWithChildren<EnvironmentInputShape>): React.JSX.Element;
+  export function EnvironmentInputProvider({ children, environment, usePlaidSandbox, }: PropsWithChildren<EnvironmentInputShape>): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/providers/Environment/environmentConfigs' {
-  const ENVIRONMENTS: readonly ["production", "sandbox", "staging", "internalStaging"];
-  export type Environment = typeof ENVIRONMENTS[number];
+  export type Environment = 'production' | 'sandbox' | 'staging' | 'internalStaging';
   export const EnvironmentConfigs: {
       readonly production: {
           readonly apiUrl: "https://api.layerfi.com";
@@ -5757,11 +5971,80 @@ declare module '@layerfi/components/providers/Environment/environmentConfigs' {
           readonly usePlaidSandbox: true;
       };
   };
+}
+declare module '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider' {
+  import { type PropsWithChildren } from 'react';
+  const _DATE_PICKER_MODES: readonly ["dayPicker"];
+  export type DatePickerMode = typeof _DATE_PICKER_MODES[number];
+  const _RANGE_PICKER_MODES: readonly ["dayRangePicker", "monthPicker", "monthRangePicker", "yearPicker"];
+  export type DateRangePickerMode = typeof _RANGE_PICKER_MODES[number];
+  export function useGlobalDate(): {
+      date: Date;
+      displayMode: "dayPicker";
+  };
+  export function useGlobalDateActions(): {
+      set: (options: {
+          date: Date;
+      }) => void;
+  };
+  export function useGlobalDateRange(): {
+      start: Date;
+      end: Date;
+      rangeDisplayMode: "dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker";
+  };
+  export function useGlobalDateRangeActions(): {
+      setRange: (options: {
+          start: Date;
+          end: Date;
+      }) => void;
+      setRangeDisplayMode: (options: {
+          rangeDisplayMode: DateRangePickerMode;
+      }) => void;
+      setRangeWithExplicitDisplayMode: (options: {
+          start: Date;
+          end: Date;
+          rangeDisplayMode: DateRangePickerMode;
+      }) => void;
+      setMonth: (options: {
+          start: Date;
+      }) => void;
+      setMonthRange: (options: {
+          start: Date;
+          end: Date;
+      }) => void;
+      setYear: (options: {
+          start: Date;
+      }) => void;
+  };
+  type GlobalDateStoreProviderProps = PropsWithChildren;
+  export function GlobalDateStoreProvider({ children, }: GlobalDateStoreProviderProps): import("react/jsx-runtime").JSX.Element;
   export {};
+}
+declare module '@layerfi/components/providers/GlobalDateStore/useGlobalDateRangePicker' {
+  import { type DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
+  export function useGlobalDateRangePicker({ allowedDatePickerModes, defaultDatePickerMode, onSetMonth, }: {
+      allowedDatePickerModes?: ReadonlyArray<DateRangePickerMode>;
+      defaultDatePickerMode?: DateRangePickerMode;
+      onSetMonth?: (startOfMonth: Date) => void;
+  }): {
+      allowedDateRangePickerModes: readonly ["dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker", ...("dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker")[]];
+      dateFormat: "MMM d" | undefined;
+      rangeDisplayMode: "dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker";
+      selected: Date | [Date, Date];
+      setSelected: ({ start, end }: {
+          start: Date;
+          end: Date;
+      }) => void;
+      setRangeDisplayMode: (options: {
+          rangeDisplayMode: DateRangePickerMode;
+      }) => void;
+  };
 }
 declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
-  import React, { PropsWithChildren } from 'react';
+  import { PropsWithChildren } from 'react';
   import { LayerError } from '@layerfi/components/models/ErrorHandler';
   import { LayerThemeConfig } from '@layerfi/components/types/layer_context';
   import type { Environment } from '@layerfi/components/providers/Environment/environmentConfigs';
@@ -5780,7 +6063,7 @@ declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
       onError?: (error: LayerError) => void;
       eventCallbacks?: EventCallbacks;
   };
-  export const LayerProvider: ({ appId, appSecret, businessAccessToken, environment, usePlaidSandbox, ...restProps }: PropsWithChildren<LayerProviderProps>) => React.JSX.Element;
+  export const LayerProvider: ({ appId, appSecret, businessAccessToken, environment, usePlaidSandbox, ...restProps }: PropsWithChildren<LayerProviderProps>) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/providers/LayerProvider/index' {
@@ -5788,8 +6071,8 @@ declare module '@layerfi/components/providers/LayerProvider/index' {
 }
 declare module '@layerfi/components/providers/LinkedAccountsProvider/LinkedAccountsProvider' {
-  import React, { type PropsWithChildren } from 'react';
-  export const LinkedAccountsProvider: ({ children, }: PropsWithChildren) => React.JSX.Element;
+  import { type PropsWithChildren } from 'react';
+  export const LinkedAccountsProvider: ({ children, }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/providers/LinkedAccountsProvider/index' {
@@ -5797,14 +6080,14 @@ declare module '@layerfi/components/providers/LinkedAccountsProvider/index' {
 }
 declare module '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   interface ReceiptsProviderProps {
       children: ReactNode;
       bankTransaction: BankTransaction;
       isActive?: boolean;
   }
-  export const ReceiptsProvider: ({ children, bankTransaction, isActive, }: ReceiptsProviderProps) => React.JSX.Element;
+  export const ReceiptsProvider: ({ children, bankTransaction, isActive, }: ReceiptsProviderProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -6442,7 +6725,7 @@ declare module '@layerfi/components/types/linked_accounts' {
       institution: PlaidInstitution | null;
   };
   export type AccountSource = EnumWithUnknownValues<'PLAID' | 'STRIPE'>;
-  const _KNOWN_ACCOUNT_NOTIFICATION_TYPES: readonly ["CONFIRM_RELEVANT", "CONFIRM_UNIQUE"];
+  const _KNOWN_ACCOUNT_NOTIFICATION_TYPES: readonly ["CONFIRM_RELEVANT", "CONFIRM_UNIQUE", "OPENING_BALANCE_MISSING"];
   type KnownAccountNotificationType = typeof _KNOWN_ACCOUNT_NOTIFICATION_TYPES[number];
   const _KNOWN_ACCOUNT_NOTIFICATION_SCOPES: readonly ["USER"];
   type KnownAccountNotificationScope = typeof _KNOWN_ACCOUNT_NOTIFICATION_SCOPES[number];
@@ -6721,6 +7004,12 @@ declare module '@layerfi/components/types' {
   export type ReportingBasis = 'CASH' | 'ACCRUAL';
   export type MoneyFormat = 'CENTS' | 'DOLLAR_STRING';
+}
+declare module '@layerfi/components/utils/array/getArrayWithAtLeastOneOrFallback' {
+  type ArrayWithAtLeastOne<T> = readonly [T, ...T[]];
+  export function getArrayWithAtLeastOneOrFallback<T>(list: ReadonlyArray<T>, fallback: ArrayWithAtLeastOne<T>): ArrayWithAtLeastOne<T>;
+  export {};
 }
 declare module '@layerfi/components/utils/bankTransactions' {
   import { CategoryOption } from '@layerfi/components/components/CategorySelect/CategorySelect';
@@ -6796,6 +7085,14 @@ declare module '@layerfi/components/utils/format' {
   export const humanizeEnum: (text: string) => string;
   export const convertNumberToCurrency: (amount: number | undefined) => string;
   export const convertCurrencyToNumber: (amount: string) => string;
+  /**
+   * Convert amount to cents by multiplying by 100.
+   * For example:
+   * 100.00 -> 10000
+   * 100.01 -> 10001
+   * 100.001 -> 10000
+   */
+  export const convertToCents: (amount?: number | string) => number | undefined;
 }
 declare module '@layerfi/components/utils/helpers' {
@@ -6857,6 +7154,10 @@ declare module '@layerfi/components/utils/styleUtils/toDataProperties' {
   export function toDataProperties<TKeys extends Lowercase<string>, TValues>(input: Record<TKeys, TValues>): DataProperties<Record<TKeys, Extract<TValues, AllowedDataValue>>>;
   export {};
+}
+declare module '@layerfi/components/utils/switch/safeAssertUnreachable' {
+  export function safeAssertUnreachable(value: never, message?: string): never;
 }
 declare module '@layerfi/components/utils/swr/defaultSWRConfig' {
   export const DEFAULT_SWR_CONFIG: {
@@ -6866,9 +7167,19 @@ declare module '@layerfi/components/utils/swr/defaultSWRConfig' {
       readonly revalidateIfStale: false;
   };
+}
+declare module '@layerfi/components/utils/zustand/useStoreWithDateSelected' {
+  import type { StoreApi } from 'zustand';
+  type ReadonlyStoreApi<T> = Pick<StoreApi<T>, 'getState' | 'getInitialState' | 'subscribe'>;
+  type ExtractState<S> = S extends {
+      getState: () => infer T;
+  } ? T : never;
+  export function useStoreWithDateSelected<S extends ReadonlyStoreApi<unknown>>(api: S, selector: (state: ExtractState<S>) => Date): Date;
+  export {};
 }
 declare module '@layerfi/components/views/AccountingOverview/AccountingOverview' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
   import { OnboardingStep } from '@layerfi/components/types/layer_context';
@@ -6900,7 +7211,7 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
           };
       };
   }
-  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, showTransactionsToReview, slotProps, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, showTransactionsToReview, slotProps, }: AccountingOverviewProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -6909,7 +7220,6 @@ declare module '@layerfi/components/views/AccountingOverview/index' {
 }
 declare module '@layerfi/components/views/AccountingOverview/internal/TransactionsToReview' {
-  import React from 'react';
   import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   type TransactionsToReviewProps = {
       onClick?: () => void;
@@ -6920,12 +7230,11 @@ declare module '@layerfi/components/views/AccountingOverview/internal/Transactio
       };
       variants?: Variants;
   };
-  export function TransactionsToReview({ onClick, usePnlDateRange, tagFilter, variants, }: TransactionsToReviewProps): React.JSX.Element;
+  export function TransactionsToReview({ onClick, usePnlDateRange, tagFilter, variants, }: TransactionsToReviewProps): import("react/jsx-runtime").JSX.Element;
   export {};
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts' {
-  import React from 'react';
   import { BankTransactionsMode, BankTransactionsStringOverrides } from '@layerfi/components/components/BankTransactions/BankTransactions';
   import { MobileComponentType } from '@layerfi/components/components/BankTransactions/constants';
   interface BankTransactionsWithLinkedAccountsStringOverrides {
@@ -6947,7 +7256,7 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       mobileComponent?: MobileComponentType;
       stringOverrides?: BankTransactionsWithLinkedAccountsStringOverrides;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, mode, showDescriptions, showReceiptUploads, showTooltips, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, mode, showDescriptions, showReceiptUploads, showTooltips, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -6956,7 +7265,6 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/ind
 }
 declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOverview' {
-  import React from 'react';
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
   import { TasksStringOverrides } from '@layerfi/components/components/Tasks/Tasks';
@@ -6984,7 +7292,7 @@ declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOvervie
        */
       title?: string;
   }
-  export const BookkeepingOverview: ({ title, showTitle, stringOverrides, slotProps, }: BookkeepingOverviewProps) => React.JSX.Element;
+  export const BookkeepingOverview: ({ title, showTitle, stringOverrides, slotProps, }: BookkeepingOverviewProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/views/BookkeepingOverview/index' {
@@ -6992,12 +7300,11 @@ declare module '@layerfi/components/views/BookkeepingOverview/index' {
 }
 declare module '@layerfi/components/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer' {
-  import React, { PropsWithChildren } from 'react';
-  export function BookkeepingProfitAndLossSummariesContainer({ children, }: PropsWithChildren): React.JSX.Element;
+  import { PropsWithChildren } from 'react';
+  export function BookkeepingProfitAndLossSummariesContainer({ children, }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
-  import React from 'react';
   import { ChartOfAccountsStringOverrides } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
   import { JournalStringOverrides } from '@layerfi/components/components/Journal/Journal';
   export interface GeneralLedgerStringOverrides {
@@ -7018,7 +7325,7 @@ declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
       stringOverrides?: GeneralLedgerStringOverrides;
       chartOfAccountsOptions?: ChartOfAccountsOptions;
   }
-  export const GeneralLedgerView: ({ title, showTitle, stringOverrides, chartOfAccountsOptions, }: GeneralLedgerProps) => React.JSX.Element;
+  export const GeneralLedgerView: ({ title, showTitle, stringOverrides, chartOfAccountsOptions, }: GeneralLedgerProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/views/GeneralLedger/index' {
@@ -7026,9 +7333,8 @@ declare module '@layerfi/components/views/GeneralLedger/index' {
 }
 declare module '@layerfi/components/views/ProjectProfitability/ProjectProfitability' {
-  import React from 'react';
-  import { RangePickerMode } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
   import { MoneyFormat } from '@layerfi/components/types';
+  import type { DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
   export type TagOption = {
       label: string;
       tagKey: string;
@@ -7041,10 +7347,10 @@ declare module '@layerfi/components/views/ProjectProfitability/ProjectProfitabil
       valueOptions: TagOption[];
       showTitle?: boolean;
       stringOverrides?: ProjectsStringOverrides;
-      datePickerMode?: RangePickerMode;
+      datePickerMode?: DateRangePickerMode;
       csvMoneyFormat?: MoneyFormat;
   }
-  export const ProjectProfitabilityView: ({ valueOptions, showTitle, stringOverrides, datePickerMode, csvMoneyFormat, }: ProjectProfitabilityProps) => React.JSX.Element;
+  export const ProjectProfitabilityView: ({ valueOptions, showTitle, stringOverrides, datePickerMode, csvMoneyFormat, }: ProjectProfitabilityProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare module '@layerfi/components/views/ProjectProfitability/index' {
@@ -7052,7 +7358,7 @@ declare module '@layerfi/components/views/ProjectProfitability/index' {
 }
 declare module '@layerfi/components/views/Reports/Reports' {
-  import React, { RefObject } from 'react';
+  import { RefObject } from 'react';
   import { BalanceSheetStringOverrides } from '@layerfi/components/components/BalanceSheet/BalanceSheet';
   import { ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
@@ -7091,7 +7397,7 @@ declare module '@layerfi/components/views/Reports/Reports' {
       statementOfCashFlowConfig?: TimeRangePickerConfig;
       view: ViewBreakpoint;
   }
-  export const Reports: ({ title, showTitle, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => React.JSX.Element;
+  export const Reports: ({ title, showTitle, stringOverrides, enabledReports, comparisonConfig, profitAndLossConfig, statementOfCashFlowConfig, }: ReportsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 }
@@ -7101,15 +7407,15 @@ declare module '@layerfi/components/views/Reports/index' {
 }
 declare module '@layerfi/components/views/Reports/reportTypes' {
   import type { CustomDateRange } from '@layerfi/components/components/DatePicker/DatePickerOptions';
-  import type { RangePickerMode } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
+  import type { DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
   import type { MoneyFormat } from '@layerfi/components/types';
   export type TimeRangePickerConfig = {
       /**
        * @deprecated Use `defaultDatePickerMode` instead
        */
-      datePickerMode?: RangePickerMode;
-      defaultDatePickerMode?: RangePickerMode;
-      allowedDatePickerModes?: ReadonlyArray<RangePickerMode>;
+      datePickerMode?: DateRangePickerMode;
+      defaultDatePickerMode?: DateRangePickerMode;
+      allowedDatePickerModes?: ReadonlyArray<DateRangePickerMode>;
       csvMoneyFormat?: MoneyFormat;
       customDateRanges?: CustomDateRange[];
   };