@layerfi/components 0.1.75 → 0.1.77

package/dist/index.d.ts

@@ -1061,7 +1061,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
       selectedId?: string;
       showTooltips: boolean;
   }
-  export const BusinessCategories: ({ select, selectedId, showTooltips }: BusinessCategoriesProps) => React.JSX.Element;
+  export const BusinessCategories: ({ select, selectedId, showTooltips, }: BusinessCategoriesProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessForm' {
@@ -1094,9 +1094,8 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Persona
       bankTransaction: BankTransaction;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
-      isOpen?: boolean;
   }
-  export const PersonalForm: ({ bankTransaction, showReceiptUploads, isOpen, showDescriptions, }: PersonalFormProps) => React.JSX.Element;
+  export const PersonalForm: ({ bankTransaction, showReceiptUploads, showDescriptions, }: PersonalFormProps) => React.JSX.Element;
   export {};
 
 }
@@ -1108,9 +1107,8 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
       showTooltips: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
-      isOpen?: boolean;
   }
-  export const SplitAndMatchForm: ({ bankTransaction, showTooltips, showReceiptUploads, isOpen, showDescriptions, }: SplitAndMatchFormProps) => React.JSX.Element;
+  export const SplitAndMatchForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: SplitAndMatchFormProps) => React.JSX.Element;
   export {};
 
 }
@@ -1228,8 +1226,10 @@ declare module '@layerfi/components/components/BankTransactionReceipts/BankTrans
   export interface BankTransactionReceiptsHandle {
       uploadReceipt: (file: File) => void;
   }
-  export const BankTransactionReceiptsWithProvider: React.ForwardRefExoticComponent<BankTransactionReceiptsWithProviderProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
-  export const BankTransactionReceipts: React.ForwardRefExoticComponent<BankTransactionReceiptsProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
+  const BankTransactionReceiptsWithProvider: React.ForwardRefExoticComponent<BankTransactionReceiptsWithProviderProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
+  export { BankTransactionReceiptsWithProvider };
+  const BankTransactionReceipts: React.ForwardRefExoticComponent<BankTransactionReceiptsProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
+  export { BankTransactionReceipts };
 
 }
 declare module '@layerfi/components/components/BankTransactionReceipts/index' {
@@ -1250,6 +1250,7 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       initialLoad?: boolean;
       showDescriptions: boolean;
       showReceiptUploads: boolean;
+      showReceiptUploadColumn: boolean;
       showTooltips: boolean;
       mode: BankTransactionsMode;
       stringOverrides?: BankTransactionCTAStringOverrides;
@@ -1257,7 +1258,7 @@ 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, showTooltips, stringOverrides, }: Props) => React.JSX.Element;
+  export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, mode, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, showReceiptUploadColumn, showTooltips, stringOverrides, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -1434,10 +1435,11 @@ declare module '@layerfi/components/components/BankTransactionsTable/index' {
 }
 declare module '@layerfi/components/components/Button/BackButton' {
   import React, { ButtonHTMLAttributes } from 'react';
-  export interface BackButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  type BackButtonProps = {
       textOnly?: boolean;
-  }
-  export const BackButton: ({ className, children, textOnly, ...props }: BackButtonProps) => React.JSX.Element;
+  } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+  export const BackButton: ({ className, textOnly, ...props }: BackButtonProps) => React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/components/Button/Button' {
@@ -1464,10 +1466,11 @@ declare module '@layerfi/components/components/Button/Button' {
 }
 declare module '@layerfi/components/components/Button/CloseButton' {
   import React, { ButtonHTMLAttributes } from 'react';
-  export interface CloseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  type CloseButtonProps = {
       textOnly?: boolean;
-  }
-  export const CloseButton: ({ className, children, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
+  } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+  export const CloseButton: ({ className, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/components/Button/DownloadButton' {
@@ -1489,10 +1492,11 @@ declare module '@layerfi/components/components/Button/DownloadButton' {
 }
 declare module '@layerfi/components/components/Button/ExpandButton' {
   import React, { ButtonHTMLAttributes } from 'react';
-  export interface ExpandButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  type ExpandButtonProps = {
       collapsed?: boolean;
-  }
-  export const ExpandButton: ({ className, children, collapsed, ...props }: ExpandButtonProps) => React.JSX.Element;
+  } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+  export const ExpandButton: ({ className, collapsed, ...props }: ExpandButtonProps) => React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/components/Button/ExpandCollapseButton' {
@@ -1520,7 +1524,7 @@ declare module '@layerfi/components/components/Button/IconButton' {
       download?: HTMLAnchorElement['download'];
       onClick?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void;
   }
-  export const IconButton: ({ className, 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) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/Link' {
@@ -1548,7 +1552,7 @@ declare module '@layerfi/components/components/Button/RetryButton' {
       fullWidth?: boolean;
       iconOnly?: boolean;
   }
-  export const RetryButton: ({ className, processing, disabled, error, children, ...props }: RetryButtonProps) => React.JSX.Element;
+  export const RetryButton: ({ className, processing, disabled, error: _error, children, ...props }: RetryButtonProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/SubmitButton' {
@@ -1672,7 +1676,7 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelectDraw
       selected?: CategoryOption;
       showTooltips: boolean;
   }
-  export const CategorySelectDrawer: ({ onSelect, selected, showTooltips, }: CategorySelectDrawerProps) => React.JSX.Element;
+  export const CategorySelectDrawer: ({ onSelect, selected, showTooltips: _showTooltips, }: CategorySelectDrawerProps) => React.JSX.Element;
   export {};
 
 }
@@ -1836,7 +1840,8 @@ declare module '@layerfi/components/components/Container/Container' {
       children: ReactNode;
       style?: CSSProperties;
   }
-  export const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+  const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+  export { Container };
 
 }
 declare module '@layerfi/components/components/Container/Header' {
@@ -1855,7 +1860,8 @@ declare module '@layerfi/components/components/Container/Header' {
       children: ReactNode;
       layout?: HeaderLayout;
   }
-  export const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+  const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+  export { Header };
 
 }
 declare module '@layerfi/components/components/Container/index' {
@@ -1912,7 +1918,7 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
           ModeSelector: FC<DatePickerModeSelectorProps>;
       };
   }
-  export const DatePicker: ({ selected, onChange, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
+  export const DatePicker: ({ selected, onChange, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText: _placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
   export {};
 
 }
@@ -2075,8 +2081,8 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
       date?: string;
       error?: string;
   }
-  export const ExpandedBankTransactionRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<SaveHandle>>;
-  export {};
+  const ExpandedBankTransactionRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<SaveHandle>>;
+  export { ExpandedBankTransactionRow };
 
 }
 declare module '@layerfi/components/components/ExpandedBankTransactionRow/index' {
@@ -2085,7 +2091,7 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/index'
 }
 declare module '@layerfi/components/components/FileThumb/FileThumb' {
   import React from 'react';
-  export interface FileThumbProps {
+  type FileThumbProps = {
       url?: string;
       type?: string;
       floatingActions?: boolean;
@@ -2098,8 +2104,9 @@ declare module '@layerfi/components/components/FileThumb/FileThumb' {
       onOpen?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
       enableDownload?: boolean;
       error?: string;
-  }
-  export const FileThumb: ({ url, type, 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) => React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/components/FileThumb/index' {
@@ -2125,7 +2132,8 @@ declare module '@layerfi/components/components/Header/Header' {
       rounded?: boolean;
       children: ReactNode;
   }
-  export const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
+  const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
+  export { Header };
 
 }
 declare module '@layerfi/components/components/Header/HeaderCol' {
@@ -2647,20 +2655,6 @@ declare module '@layerfi/components/components/MatchForm/index' {
   export { MatchForm } from '@layerfi/components/components/MatchForm/MatchForm';
   export { MatchFormMobile } from '@layerfi/components/components/MatchForm/MatchFormMobile';
 
-}
-declare module '@layerfi/components/components/NotificationCard/NotificationCard' {
-  import React, { ReactNode } from 'react';
-  export interface NotificationCardProps {
-      onClick: () => void;
-      children: ReactNode;
-      className?: string;
-  }
-  export const NotificationCard: ({ onClick, children, className, }: NotificationCardProps) => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/NotificationCard/index' {
-  export { NotificationCard } from '@layerfi/components/components/NotificationCard/NotificationCard';
-
 }
 declare module '@layerfi/components/components/Onboarding/ConnectAccount' {
   import React from 'react';
@@ -2813,12 +2807,15 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
       }>;
       DatePicker: ({ allowedDatePickerModes, datePickerMode: deprecated_datePickerMode, defaultDatePickerMode, customDateRanges, }: import("@layerfi/components/views/Reports/reportTypes").TimeRangePickerConfig) => React.JSX.Element;
       CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/index").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
-      Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: {
-          vertical?: boolean | undefined;
+      Summaries: (props: {
           actionable?: boolean | undefined;
-          revenueLabel?: string | undefined;
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries").ProfitAndLossSummariesStringOverrides | undefined;
           chartColorsList?: string[] | undefined;
+          variants?: Partial<{
+              size: "lg" | "sm";
+          }> | undefined;
+          revenueLabel?: string | undefined;
+          vertical?: boolean | undefined;
       }) => React.JSX.Element;
       Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfitAndLossTableProps) => React.JSX.Element;
       DetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
@@ -2898,7 +2895,7 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/Profi
 
 }
 declare module '@layerfi/components/components/ProfitAndLossCompareOptions/index' {
-  export { ProfitAndLossCompareOptions, ProfitAndLossCompareOptionsProps } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
+  export { ProfitAndLossCompareOptions, ProfitAndLossCompareOptionsProps, } from '@layerfi/components/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions';
 
 }
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker' {
@@ -3050,41 +3047,102 @@ declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLoss
 declare module '@layerfi/components/components/ProfitAndLossReport/index' {
   export { ProfitAndLossReport } from '@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport';
 
-}
-declare module '@layerfi/components/components/ProfitAndLossSummaries/MiniChart' {
-  import React from 'react';
-  import { LineBaseItem } from '@layerfi/components/types/line_item';
-  export interface MiniChartProps {
-      data: LineBaseItem[];
-      chartColorsList?: string[];
-  }
-  export const MiniChart: ({ data, chartColorsList }: MiniChartProps) => React.JSX.Element;
-
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries' {
-  import React from 'react';
+  import React, { type ReactNode } from 'react';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   export interface ProfitAndLossSummariesStringOverrides {
       revenueLabel?: string;
       expensesLabel?: string;
       netProfitLabel?: string;
   }
   type ProfitAndLossSummariesProps = {
-      vertical?: boolean;
       actionable?: boolean;
+      stringOverrides?: ProfitAndLossSummariesStringOverrides;
+      chartColorsList?: string[];
+      variants?: Variants;
       /**
        * @deprecated Use `stringOverrides.revenueLabel` instead
        */
       revenueLabel?: string;
-      stringOverrides?: ProfitAndLossSummariesStringOverrides;
-      chartColorsList?: string[];
+      /**
+       * @deprecated Orientation is determined by the container size
+       */
+      vertical?: boolean;
   };
-  export const ProfitAndLossSummaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: ProfitAndLossSummariesProps) => React.JSX.Element;
+  type Internal_ProfitAndLossSummariesProps = {
+      slots?: {
+          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 {};
 
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/index' {
   export { ProfitAndLossSummaries } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
 
+}
+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 {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList' {
+  import React, { type PropsWithChildren } from 'react';
+  type ProfitAndLossSummariesListItemProps = PropsWithChildren<{
+      isActive?: boolean;
+      onClick?: () => void;
+  }>;
+  export function ProfitAndLossSummariesListItem({ children, isActive, onClick, }: ProfitAndLossSummariesListItemProps): React.JSX.Element;
+  type ProfitAndLossSummariesListProps = PropsWithChildren<{
+      itemCount?: number;
+  }>;
+  export function ProfitAndLossSummariesList({ children, itemCount, }: ProfitAndLossSummariesListProps): React.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';
+  import { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
+  export function toMiniChartData({ scope, data, }: {
+      scope: Scope;
+      data?: ProfitAndLoss;
+  }): LineBaseItem[];
+  type ProfitAndLossMiniChartProps = {
+      data: LineBaseItem[];
+      chartColorsList?: string[];
+      variants?: Variants;
+  };
+  export function ProfitAndLossSummariesMiniChart({ data, chartColorsList, variants, }: ProfitAndLossMiniChartProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesSummary' {
+  import React, { type ReactNode } from 'react';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
+  type ProfitAndLossSummariesSummaryProps = {
+      label: string;
+      amount: number;
+      isLoading?: boolean;
+      slots?: {
+          Chart: ReactNode;
+      };
+      variants?: Variants;
+  };
+  export function ProfitAndLossSummariesSummary({ label, amount, isLoading, slots, variants, }: ProfitAndLossSummariesSummaryProps): React.JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossCompareTable' {
   import React from 'react';
@@ -3473,7 +3531,7 @@ declare module '@layerfi/components/components/Toast/Toast' {
       duration?: number;
       isExiting?: boolean;
   }
-  export const ToastsContainer: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+  export function ToastsContainer(): React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Toggle/Toggle' {
@@ -3506,7 +3564,7 @@ declare module '@layerfi/components/components/Toggle/index' {
 
 }
 declare module '@layerfi/components/components/Tooltip/Tooltip' {
-  import React, { ReactNode } from 'react';
+  import React, { ReactNode, HTMLProps } from 'react';
   import type { Placement } from '@floating-ui/react';
   export interface TooltipOptions {
       initialOpen?: boolean;
@@ -3525,7 +3583,9 @@ declare module '@layerfi/components/components/Tooltip/Tooltip' {
   export const TooltipTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
       asChild?: boolean | undefined;
   }, "ref"> & React.RefAttributes<HTMLElement>>;
-  export const TooltipContent: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  type TooltipContentProps = Omit<HTMLProps<HTMLDivElement>, 'style'>;
+  export const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  export {};
 
 }
 declare module '@layerfi/components/components/Tooltip/index' {
@@ -3637,23 +3697,6 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       disabled: boolean | undefined;
   };
 
-}
-declare module '@layerfi/components/components/TransactionToReviewCard/TransactionToReviewCard' {
-  import React from 'react';
-  export interface TransactionToReviewCardProps {
-      onClick?: () => void;
-      usePnlDateRange?: boolean;
-      tagFilter?: {
-          key: string;
-          values: string[];
-      };
-  }
-  export const TransactionToReviewCard: ({ onClick, usePnlDateRange, tagFilter, }: TransactionToReviewCardProps) => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/TransactionToReviewCard/index' {
-  export { TransactionToReviewCard } from '@layerfi/components/components/TransactionToReviewCard/TransactionToReviewCard';
-
 }
 declare module '@layerfi/components/components/Typography/ErrorText' {
   import React from 'react';
@@ -3712,7 +3755,7 @@ declare module '@layerfi/components/components/Typography/Text' {
       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, weight, withTooltip, tooltipOptions, ...props }: TextProps) => React.JSX.Element;
+  export const TextWithTooltip: ({ as: Component, className, children, size: _size, weight: _weight, withTooltip: _withTooltip, tooltipOptions, ...props }: TextProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Typography/index' {
@@ -3748,7 +3791,8 @@ declare module '@layerfi/components/components/View/View' {
       sidebar?: ReactNode;
       viewClassName?: string;
   }
-  export const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLDivElement>>;
+  const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLDivElement>>;
+  export { View };
 
 }
 declare module '@layerfi/components/components/View/index' {
@@ -3768,15 +3812,20 @@ declare module '@layerfi/components/components/ViewHeader/ViewHeader' {
 declare module '@layerfi/components/components/ViewHeader/index' {
   export { ViewHeader } from '@layerfi/components/components/ViewHeader/ViewHeader';
 
+}
+declare module '@layerfi/components/components/ui/Stack' {
+  import React, { type PropsWithChildren } from 'react';
+  export type StackProps = PropsWithChildren<{
+      gap?: '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '5xl';
+      align?: 'start';
+  }>;
+  export function VStack({ align, children, gap }: StackProps): React.JSX.Element;
+
 }
 declare module '@layerfi/components/config/charts' {
   export const INACTIVE_OPACITY_LEVELS: number[];
   export const DEFAULT_CHART_OPACITY: number[];
   export const DEFAULT_CHART_COLOR_TYPE: string[];
-  export const DEFAULT_MINICHART_COLORS: {
-      color: string;
-      opacity: number;
-  }[];
   export const TASKS_CHARTS_COLORS: {
       done: string;
       pending: string;
@@ -4252,7 +4301,7 @@ declare module '@layerfi/components/hooks/useChartOfAccounts/index' {
 }
 declare module '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts' {
   import { FormError, DateRange, NewAccount } from '@layerfi/components/types';
-  import { ChartWithBalances, LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
+  import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
   import { BaseSelectOption } from '@layerfi/components/types/general';
   export interface ChartOfAccountsForm {
       action: 'new' | 'edit';
@@ -4274,12 +4323,12 @@ declare module '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts'
   };
   export const flattenAccounts: (accounts: LedgerAccountBalance[]) => LedgerAccountBalance[];
   export const useChartOfAccounts: ({ withDates, startDate: initialStartDate, endDate: initialEndDate }?: Props) => {
-      data: ChartWithBalances | undefined;
+      data: import("@layerfi/components/types/chart_of_accounts").ChartWithBalances | undefined;
       isLoading: boolean;
       isValidating: boolean;
       error: any;
       refetch: () => Promise<{
-          data: ChartWithBalances;
+          data: import("@layerfi/components/types/chart_of_accounts").ChartWithBalances;
       } | undefined>;
       create: (newAccount: NewAccount) => Promise<void>;
       form: ChartOfAccountsForm | undefined;
@@ -4414,7 +4463,7 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/index' {
 }
 declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
   import { LedgerAccounts, LedgerAccountsEntry } from '@layerfi/components/types';
-  type UseLedgerAccounts = (showReversalEntries: Boolean) => {
+  type UseLedgerAccounts = (showReversalEntries: boolean) => {
       data?: LedgerAccounts;
       entryData?: LedgerAccountsEntry;
       isLoading?: boolean;
@@ -5143,6 +5192,7 @@ declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
       url: string;
       scope: string;
       apiUrl: string;
+      usePlaidSandbox: boolean;
   };
   export const LayerEnvironment: Record<string, LayerEnvironmentConfig>;
   export type EventCallbacks = {
@@ -5272,7 +5322,7 @@ declare module '@layerfi/components/types/bank_transactions' {
       processing?: boolean;
       suggested_matches?: SuggestedMatch[];
       match?: BankTransactionMatch;
-      document_ids: String[];
+      document_ids: string[];
   }
   export interface SuggestedMatch {
       id: string;
@@ -5585,7 +5635,7 @@ declare module '@layerfi/components/types/layer_context' {
       apiUrl: string;
       theme?: LayerThemeConfig;
       colors: ColorsPalette;
-      usePlaidSandbox?: boolean;
+      usePlaidSandbox: boolean;
       onboardingStep?: OnboardingStep;
       environment: string;
       toasts: (ToastProps & {
@@ -6176,12 +6226,32 @@ declare module '@layerfi/components/utils/profitAndLossUtils' {
   export const humanizeTitle: (sidebarView: SidebarScope) => "Expenses" | "Revenue" | "Profit & Loss";
   export const applyShare: (items: LineBaseItem[], total: number) => LineBaseItem[];
 
+}
+declare module '@layerfi/components/utils/styleUtils/sizeVariants' {
+  const SIZE_VARIANTS: readonly ["sm", "lg"];
+  type SizeVariant = (typeof SIZE_VARIANTS)[number];
+  export type Variants = Partial<{
+      size: SizeVariant;
+  }>;
+  export {};
+
+}
+declare module '@layerfi/components/utils/styleUtils/toDataProperties' {
+  type AllowedDataValue = string | number | true;
+  type DataPrefix<T extends string> = `data-${T}`;
+  type DataProperties<T> = {
+      [K in keyof T as DataPrefix<Extract<K, string>>]: T[K] extends AllowedDataValue ? T[K] : never;
+  };
+  export function toDataProperties<T extends Record<string, unknown>>(input: T): DataProperties<T>;
+  export {};
+
 }
 declare module '@layerfi/components/views/AccountingOverview/AccountingOverview' {
   import React, { 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';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   import { TagOption } from '@layerfi/components/views/ProjectProfitability/ProjectProfitability';
   interface AccountingOverviewStringOverrides {
       header?: string;
@@ -6201,14 +6271,37 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
       stringOverrides?: AccountingOverviewStringOverrides;
       tagFilter?: TagOption;
       showTransactionsToReview?: boolean;
+      slotProps?: {
+          profitAndLoss?: {
+              summaries?: {
+                  variants?: Variants;
+              };
+          };
+      };
   }
-  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, showTransactionsToReview, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, showTransactionsToReview, slotProps, }: AccountingOverviewProps) => React.JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/views/AccountingOverview/index' {
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/AccountingOverview';
 
+}
+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;
+      usePnlDateRange?: boolean;
+      tagFilter?: {
+          key: string;
+          values: string[];
+      };
+      variants?: Variants;
+  };
+  export function TransactionsToReview({ onClick, usePnlDateRange, tagFilter, variants, }: TransactionsToReviewProps): React.JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts' {
   import React from 'react';
@@ -6246,8 +6339,8 @@ declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOvervie
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
   import { TasksStringOverrides } from '@layerfi/components/components/Tasks/Tasks';
+  import { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   export interface BookkeepingOverviewProps {
-      title?: string;
       showTitle?: boolean;
       stringOverrides?: {
           title?: string;
@@ -6258,13 +6351,29 @@ declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOvervie
               summaries?: ProfitAndLossSummariesStringOverrides;
           };
       };
+      slotProps?: {
+          profitAndLoss?: {
+              summaries?: {
+                  variants?: Variants;
+              };
+          };
+      };
+      /**
+       * @deprecated Use `stringOverrides.title` instead
+       */
+      title?: string;
   }
-  export const BookkeepingOverview: ({ title, showTitle, stringOverrides, }: BookkeepingOverviewProps) => React.JSX.Element;
+  export const BookkeepingOverview: ({ title, showTitle, stringOverrides, slotProps, }: BookkeepingOverviewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/BookkeepingOverview/index' {
   export { BookkeepingOverview } from '@layerfi/components/views/BookkeepingOverview/BookkeepingOverview';
 
+}
+declare module '@layerfi/components/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer' {
+  import React, { PropsWithChildren } from 'react';
+  export function BookkeepingProfitAndLossSummariesContainer({ children, }: PropsWithChildren): React.JSX.Element;
+
 }
 declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
   import React from 'react';