@layerfi/components 0.1.105 → 0.1.106-alpha.1

package/dist/index.d.ts

@@ -1065,6 +1065,7 @@ declare module '@layerfi/components/components/Badge/Badge' {
   import { ReactNode } from 'react';
   import { ButtonProps } from '@layerfi/components/components/Button/Button';
   export enum BadgeSize {
+      EXTRA_SMALL = "xs",
       SMALL = "small",
       MEDIUM = "medium"
   }
@@ -1076,15 +1077,16 @@ declare module '@layerfi/components/components/Badge/Badge' {
       ERROR = "error"
   }
   export interface BadgeProps {
-      children: ReactNode;
+      children?: ReactNode;
       icon?: ReactNode;
       onClick?: ButtonProps['onClick'];
       tooltip?: ReactNode;
       size?: BadgeSize;
       variant?: BadgeVariant;
       hoverable?: boolean;
+      iconOnly?: boolean;
   }
-  export const Badge: ({ icon, onClick, children, tooltip, size, variant, hoverable, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+  export const Badge: ({ icon, onClick, children, tooltip, size, variant, hoverable, iconOnly, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Badge/index' {
@@ -1122,6 +1124,7 @@ declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
       asWidget?: boolean;
       stringOverrides?: BalanceSheetStringOverrides;
   }>;
+  export const StandaloneBalanceSheet: (props: BalanceSheetProps) => import("react/jsx-runtime").JSX.Element;
   export const BalanceSheet: (props: BalanceSheetProps) => import("react/jsx-runtime").JSX.Element;
 
 }
@@ -1160,7 +1163,7 @@ declare module '@layerfi/components/components/BalanceSheet/download/useBalanceS
 
 }
 declare module '@layerfi/components/components/BalanceSheet/index' {
-  export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/BalanceSheet';
+  export { BalanceSheet, StandaloneBalanceSheet } from '@layerfi/components/components/BalanceSheet/BalanceSheet';
 
 }
 declare module '@layerfi/components/components/BalanceSheetDatePicker/BalanceSheetDatePicker' {
@@ -1553,6 +1556,7 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
        * @deprecated `mode` can be inferred from the bookkeeping configuration of a business
        */
       mode?: BankTransactionsMode;
+      showCustomerVendor?: boolean;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
       showTooltips?: boolean;
@@ -1568,7 +1572,7 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
       onError?: (error: LayerError) => void;
       showTags?: boolean;
   }
-  export const BankTransactions: ({ onError, showTags, mode, ...props }: BankTransactionsWithErrorProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactions: ({ onError, showTags, showCustomerVendor, mode, ...props }: BankTransactionsWithErrorProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactionsHeader' {
@@ -1691,6 +1695,18 @@ declare module '@layerfi/components/components/BaseConfirmationModal/BaseConfirm
   };
   export function BaseConfirmationModal({ isOpen, onOpenChange, title, description, onConfirm, confirmLabel, retryLabel, cancelLabel, errorText, }: BaseConfirmationModalProps): import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/BaseDetailView/BaseDetailView' {
+  import type { PropsWithChildren } from 'react';
+  export type BaseDetailViewProps = PropsWithChildren<{
+      name: string;
+      onGoBack: () => void;
+      slots: {
+          Header: React.FC;
+      };
+  }>;
+  export const BaseDetailView: ({ name, onGoBack, slots, children }: BaseDetailViewProps) => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/Bills/BillSummary' {
   import type { Bill } from '@layerfi/components/types';
@@ -2598,6 +2614,14 @@ declare module '@layerfi/components/components/CustomAccountForm/useCustomAccoun
   };
   export {};
 
+}
+declare module '@layerfi/components/components/DataPoint/DataPoint' {
+  import type { PropsWithChildren } from 'react';
+  export type DataPointProps = PropsWithChildren<{
+      label: string;
+  }>;
+  export const DataPoint: ({ label, children }: DataPointProps) => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/DataState/DataState' {
   import { ReactNode } from 'react';
@@ -2624,6 +2648,75 @@ declare module '@layerfi/components/components/DataState/DataState' {
 declare module '@layerfi/components/components/DataState/index' {
   export { DataState, DataStateStatus } from '@layerfi/components/components/DataState/DataState';
 
+}
+declare module '@layerfi/components/components/DataTable/DataTable' {
+  export type Column<TData, K> = {
+      id: K;
+      header?: React.ReactNode;
+      cell: (row: TData) => React.ReactNode;
+      isRowHeader?: true;
+  };
+  export type ColumnConfig<TData, TColumns extends string> = {
+      [K in TColumns]: Column<TData, K>;
+  };
+  export interface DataTableProps<TData, TColumns extends string> {
+      columnConfig: ColumnConfig<TData, TColumns>;
+      data: TData[] | undefined;
+      componentName: string;
+      ariaLabel: string;
+      isLoading: boolean;
+      isError: boolean;
+      slots: {
+          EmptyState: React.FC;
+          ErrorState: React.FC;
+      };
+  }
+  export const DataTable: <TData extends {
+      id: string;
+  }, TColumns extends string>({ columnConfig, data, isLoading, isError, componentName, ariaLabel, slots, }: DataTableProps<TData, TColumns>) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/DataTable/DataTableHeader' {
+  import { type SearchFieldProps } from '@layerfi/components/components/SearchField/SearchField';
+  interface CountProps {
+      showCount?: true;
+      totalCount?: string;
+  }
+  interface ClearFiltersButtonProps {
+      onClick: () => void;
+  }
+  interface DataTableHeaderProps {
+      name: string;
+      count?: CountProps;
+      slotProps?: {
+          SearchField?: SearchFieldProps;
+          ClearFiltersButton?: ClearFiltersButtonProps;
+      };
+      slots?: {
+          HeaderActions?: React.FC;
+          HeaderFilters?: React.FC;
+          Filters?: React.FC;
+      };
+  }
+  export const DataTableHeader: ({ name, count, slotProps, slots }: DataTableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/DataTable/PaginatedTable' {
+  import { type DataTableProps } from '@layerfi/components/components/DataTable/DataTable';
+  interface PaginationProps {
+      pageSize?: number;
+      hasMore?: boolean;
+      fetchMore?: () => void;
+  }
+  interface PaginatedTableProps<TData, TColumns extends string> extends DataTableProps<TData, TColumns> {
+      paginationProps: PaginationProps;
+  }
+  export function PaginatedTable<TData extends {
+      id: string;
+  }, TColumns extends string>({ data, isLoading, isError, columnConfig, componentName, ariaLabel, paginationProps, slots, }: PaginatedTableProps<TData, TColumns>): import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/DatePicker/DatePicker' {
   import { type FC } from 'react';
@@ -2706,7 +2799,7 @@ declare module '@layerfi/components/components/DateTime/index' {
 declare module '@layerfi/components/components/DetailsList/DetailsList' {
   import { ReactNode } from 'react';
   export interface DetailsListProps {
-      title?: string;
+      title?: ReactNode;
       className?: string;
       titleClassName?: string;
       children: ReactNode;
@@ -3127,13 +3220,12 @@ declare module '@layerfi/components/components/Input/index' {
 }
 declare module '@layerfi/components/components/Integrations/Integrations' {
   export interface IntegrationsProps {
-      elevated?: boolean;
       stringOverrides?: {
           title?: string;
       };
   }
   export const Integrations: (props: IntegrationsProps) => import("react/jsx-runtime").JSX.Element;
-  export const IntegrationsComponent: ({ elevated, stringOverrides, }: IntegrationsProps) => import("react/jsx-runtime").JSX.Element;
+  export const IntegrationsComponent: ({ stringOverrides, }: IntegrationsProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu' {
@@ -3174,6 +3266,1337 @@ declare module '@layerfi/components/components/Integrations/IntegrationsQuickboo
   }
   export const getQuickbooksConnectionSyncUiState: (quickbooksConnectionStatus: StatusOfQuickbooksConnection) => QuickbooksConnectionSyncUiState;
 
+}
+declare module '@layerfi/components/components/Invoices/InvoiceDetail/InvoiceDetail' {
+  import { type InvoiceFormProps } from '@layerfi/components/components/Invoices/InvoiceForm/InvoiceForm';
+  export type InvoiceDetailProps = InvoiceFormProps & {
+      onGoBack: () => void;
+  };
+  export const InvoiceDetail: (props: InvoiceDetailProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Invoices/InvoiceForm/InvoiceForm' {
+  import type { Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { UpsertInvoiceMode } from '@layerfi/components/features/invoices/api/useUpsertInvoice';
+  export type InvoiceFormMode = {
+      mode: UpsertInvoiceMode.Update;
+      invoice: Invoice;
+  } | {
+      mode: UpsertInvoiceMode.Create;
+  };
+  export type InvoiceFormProps = InvoiceFormMode & {
+      onSuccess?: (invoice: Invoice) => void;
+  };
+  export const InvoiceForm: (props: InvoiceFormProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Invoices/InvoiceForm/useInvoiceForm' {
+  import { type Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { UpsertInvoiceMode } from '@layerfi/components/features/invoices/api/useUpsertInvoice';
+  import { BigDecimal as BD } from 'effect';
+  export const EMPTY_LINE_ITEM: {
+      product: string;
+      description: string;
+      unitPrice: number;
+      quantity: BD.BigDecimal;
+      amount: number;
+  };
+  type UseInvoiceFormProps = {
+      onSuccess?: (invoice: Invoice) => void;
+      mode: UpsertInvoiceMode.Create;
+  } | {
+      onSuccess?: (invoice: Invoice) => void;
+      mode: UpsertInvoiceMode.Update;
+      invoice: Invoice;
+  };
+  export const useInvoiceForm: (props: UseInvoiceFormProps) => {
+      form: import("@tanstack/react-form").FormApi<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, unknown> & import("@tanstack/react-form").ReactFormApi<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+          invoiceNumber: string;
+          customer: null;
+          email: string;
+          address: string;
+          lineItems: {
+              product: string;
+              description: string;
+              unitPrice: number;
+              quantity: BD.BigDecimal;
+              amount: number;
+          }[];
+      } | {
+          invoiceNumber: string | null;
+          customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          email: string | null | undefined;
+          address: string | null | undefined;
+          lineItems: {
+              amount: number;
+              id: string;
+              externalId: string | null;
+              memo: string | null;
+              description: string | null;
+              product: string | null;
+              subtotal: number;
+              quantity: BD.BigDecimal;
+              invoiceId: string;
+              unitPrice: number;
+              discountAmount: number;
+              salesTaxTotal: number;
+              totalAmount: number;
+          }[];
+      }> | undefined, unknown> & {
+          AppField: import("@tanstack/react-form").FieldComponent<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }, import("@tanstack/react-form").FormValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+              invoiceNumber: string;
+              customer: null;
+              email: string;
+              address: string;
+              lineItems: {
+                  product: string;
+                  description: string;
+                  unitPrice: number;
+                  quantity: BD.BigDecimal;
+                  amount: number;
+              }[];
+          } | {
+              invoiceNumber: string | null;
+              customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              email: string | null | undefined;
+              address: string | null | undefined;
+              lineItems: {
+                  amount: number;
+                  id: string;
+                  externalId: string | null;
+                  memo: string | null;
+                  description: string | null;
+                  product: string | null;
+                  subtotal: number;
+                  quantity: BD.BigDecimal;
+                  invoiceId: string;
+                  unitPrice: number;
+                  discountAmount: number;
+                  salesTaxTotal: number;
+                  totalAmount: number;
+              }[];
+          }> | undefined, unknown, NoInfer<{
+              readonly BaseFormTextField: typeof import("@layerfi/components/features/forms/components/BaseFormTextField").BaseFormTextField;
+              readonly FormBigDecimalField: typeof import("@layerfi/components/features/forms/components/FormBigDecimalField").FormBigDecimalField;
+              readonly FormCurrencyField: typeof import("@layerfi/components/features/forms/components/FormCurrencyField").FormCurrencyField;
+              readonly FormTextAreaField: typeof import("@layerfi/components/features/forms/components/FormTextAreaField").FormTextAreaField;
+              readonly FormTextField: typeof import("@layerfi/components/features/forms/components/FormTextField").FormTextField;
+          }>>;
+          AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
+      };
+      submitError: string | undefined;
+      isFormValid: boolean;
+  };
+  export {};
+
+}
+declare module '@layerfi/components/components/Invoices/InvoiceStatusCell/InvoiceStatusCell' {
+  import { type Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  export const InvoiceStatusCell: ({ invoice, inline }: {
+      invoice: Invoice;
+      inline?: boolean;
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Invoices/Invoices' {
+  interface InvoicesStringOverrides {
+      title?: string;
+  }
+  export interface InvoicesProps {
+      showTitle?: boolean;
+      stringOverrides?: InvoicesStringOverrides;
+  }
+  export const unstable_Invoices: ({ showTitle, stringOverrides, }: InvoicesProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Invoices/InvoicesTable/InvoicesTable' {
+  import { type Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  interface InvoicesTableProps {
+      onCreateInvoice: () => void;
+      onSelectInvoice: (invoice: Invoice) => void;
+  }
+  export const InvoicesTable: ({ onCreateInvoice, onSelectInvoice }: InvoicesTableProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/Journal/Journal' {
   import { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
@@ -3353,12 +4776,14 @@ declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex'
 declare module '@layerfi/components/components/LedgerAccount/LedgerAccountRow' {
   import { LedgerAccountLineItem } from '@layerfi/components/types';
   import { View } from '@layerfi/components/types/general';
+  import { LedgerAccountNodeType } from '@layerfi/components/types/chart_of_accounts';
   export interface LedgerAccountRowProps {
       row: LedgerAccountLineItem;
       index: number;
       view: View;
+      nodeType?: LedgerAccountNodeType;
   }
-  export const LedgerAccountRow: ({ row, index, view, }: LedgerAccountRowProps) => import("react/jsx-runtime").JSX.Element;
+  export const LedgerAccountRow: ({ row, index, view, nodeType, }: LedgerAccountRowProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/LedgerAccount/index' {
@@ -3723,13 +5148,7 @@ declare module '@layerfi/components/components/Pagination/Pagination' {
       hasMore?: boolean;
       fetchMore?: () => void;
   }
-  /**
-   * Pagination wrapped into container with spacing and positioning.
-   * Use PaginationContent component, if you want to render plain pagination element
-   * without spacings and positioning.
-   */
-  export const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-  export const PaginationContent: ({ onPageChange, totalCount, siblingCount, currentPage, pageSize, hasMore, fetchMore, }: PaginationProps) => import("react/jsx-runtime").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' {
@@ -3844,9 +5263,10 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
       comparisonConfig?: ProfitAndLossCompareConfig;
       reportingBasis?: ReportingBasis;
       asContainer?: boolean;
+      withReportsModeProvider?: boolean;
   };
   const ProfitAndLoss: {
-      ({ children, tagFilter, comparisonConfig, reportingBasis, asContainer, }: Props): import("react/jsx-runtime").JSX.Element;
+      ({ withReportsModeProvider, ...restProps }: 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;
@@ -3857,11 +5277,6 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           isLoading: boolean;
           isValidating: boolean;
           error: unknown;
-          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: import("react").Dispatch<import("react").SetStateAction<import("../../hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope>>;
@@ -3869,6 +5284,10 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           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 | undefined;
+          dateRange: {
+              startDate: Date;
+              endDate: Date;
+          };
       }>;
       ComparisonContext: import("react").Context<{
           data: import("@layerfi/components/types/profit_and_loss").ProfitAndLossComparisonItem[] | undefined;
@@ -4246,14 +5665,13 @@ declare module '@layerfi/components/components/ProjectProfitability/ProjectSelec
 
 }
 declare module '@layerfi/components/components/SearchField/SearchField' {
-  type SearchFieldProps = {
+  export type SearchFieldProps = {
       value: string;
       slot?: string;
       onChange: (value: string) => void;
       label: string;
   };
   export function SearchField({ slot, label, ...restProps }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
-  export {};
 
 }
 declare module '@layerfi/components/components/SelectVendor/SelectVendor' {
@@ -4322,6 +5740,7 @@ declare module '@layerfi/components/components/StatementOfCashFlow/StatementOfCa
   export type StatementOfCashFlowProps = TimeRangePickerConfig & {
       stringOverrides?: StatementOfCashFlowStringOverrides;
   };
+  export const StandaloneStatementOfCashFlow: (props: StatementOfCashFlowProps) => import("react/jsx-runtime").JSX.Element;
   export const StatementOfCashFlow: (props: StatementOfCashFlowProps) => import("react/jsx-runtime").JSX.Element;
 
 }
@@ -4373,7 +5792,7 @@ declare module '@layerfi/components/components/StatementOfCashFlow/download/useC
 
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/index' {
-  export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow';
+  export { StatementOfCashFlow, StandaloneStatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow';
 
 }
 declare module '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable' {
@@ -4762,13 +6181,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
-          update: () => void;
+          placement: import("@floating-ui/utils").Placement;
           x: number;
           y: number;
-          placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
+          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
@@ -4811,13 +6230,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
-          update: () => void;
+          placement: import("@floating-ui/utils").Placement;
           x: number;
           y: number;
-          placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
+          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
@@ -5097,6 +6516,50 @@ declare module '@layerfi/components/components/ui/Checkbox/Checkbox' {
   export function CheckboxWithTooltip({ tooltip, ...props }: CheckboxWithTooltipProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/ComboBox/ComboBox' {
+  import { type ReactNode } from 'react';
+  import type { OneOf } from '@layerfi/components/types/utility/oneOf';
+  type ComboBoxOption = {
+      label: string;
+      value: string;
+      isDisabled?: boolean;
+  };
+  type OptionsOrGroups<T> = OneOf<[
+      {
+          options: ReadonlyArray<T>;
+      },
+      {
+          groups: ReadonlyArray<{
+              label: string;
+              options: ReadonlyArray<T>;
+          }>;
+      }
+  ]>;
+  type AriaLabelProps = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby'>;
+  type ComboBoxProps<T extends ComboBoxOption> = {
+      className?: string;
+      selectedValue: T | null;
+      onSelectedValueChange: (value: T | null) => void;
+      onInputValueChange?: (value: string) => void;
+      placeholder?: string;
+      slots?: {
+          EmptyMessage?: ReactNode;
+          ErrorMessage?: ReactNode;
+          SelectedValue?: ReactNode;
+      };
+      inputId?: string;
+      isDisabled?: boolean;
+      isError?: boolean;
+      isLoading?: boolean;
+      isMutating?: boolean;
+      isSearchable?: boolean;
+      isClearable?: boolean;
+      displayDisabledAsSelected?: boolean;
+  } & OptionsOrGroups<T> & AriaLabelProps;
+  export function ComboBox<T extends ComboBoxOption>({ className, selectedValue, onSelectedValueChange, options, groups, onInputValueChange, placeholder, slots, inputId, isDisabled, isError, isLoading, isMutating, isSearchable, isClearable, displayDisabledAsSelected, ...ariaProps }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/DropdownMenu/DropdownMenu' {
   import React, { PropsWithChildren } from 'react';
@@ -5125,6 +6588,22 @@ declare module '@layerfi/components/components/ui/DropdownMenu/DropdownMenu' {
   export const DropdownMenu: ({ children, ariaLabel, slots, slotProps }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/Form/Form' {
+  import { type FormProps as ReactAriaFormProps, type TextFieldProps as ReactAriaTextFieldProps, type FieldErrorProps as ReactAriaFieldErrorProps } from 'react-aria-components';
+  export const Form: import("react").ForwardRefExoticComponent<ReactAriaFormProps & import("react").RefAttributes<HTMLFormElement>>;
+  export type TextFieldProps = ReactAriaTextFieldProps & {
+      inline?: boolean;
+      textarea?: boolean;
+  };
+  export const TextField: import("react").ForwardRefExoticComponent<ReactAriaTextFieldProps & {
+      inline?: boolean;
+      textarea?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  type FieldErrorProps = Omit<ReactAriaFieldErrorProps, 'className'>;
+  export const FieldError: import("react").ForwardRefExoticComponent<FieldErrorProps & import("react").RefAttributes<HTMLElement>>;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/Input/Input' {
   import { type ComponentProps } from 'react';
@@ -5143,6 +6622,16 @@ declare module '@layerfi/components/components/ui/Input/InputGroup' {
       actionCount?: 1 | 2;
   } & import("react").RefAttributes<HTMLDivElement>>;
 
+}
+declare module '@layerfi/components/components/ui/Input/TextArea' {
+  import { type ComponentProps } from 'react';
+  import { TextArea as ReactAriaTextArea } from 'react-aria-components';
+  type TextAreaProps = Omit<ComponentProps<typeof ReactAriaTextArea>, 'className'> & {
+      resize?: 'both' | 'vertical' | 'horizontal' | 'none';
+  };
+  export const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/ListBox/ListBox' {
   import { type ForwardedRef, type Ref } from 'react';
@@ -5168,7 +6657,7 @@ declare module '@layerfi/components/components/ui/ListBox/ListBox' {
       pbs?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       size?: "xs" | "sm" | "md" | "lg";
       status?: "error";
-      variant?: "subtle";
+      variant?: "placeholder" | "subtle";
       weight?: "normal" | "bold";
   } & {
       children?: import("react").ReactNode | undefined;
@@ -5247,7 +6736,7 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
       pbs?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       size?: "xs" | "sm" | "md" | "lg";
       status?: "error";
-      variant?: "subtle";
+      variant?: "placeholder" | "subtle";
       weight?: "normal" | "bold";
   } & {
       children?: import("react").ReactNode | undefined;
@@ -5272,6 +6761,10 @@ declare module '@layerfi/components/components/ui/Popover/Popover' {
   export const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLElement>>;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/Portal/Portal' {
+  export const PORTAL_CLASS_NAME = "Layer__Portal";
+
 }
 declare module '@layerfi/components/components/ui/SearchField/MinimalSearchField' {
   import { type SearchFieldProps as ReactAriaSearchFieldProps } from 'react-aria-components';
@@ -5296,7 +6789,7 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
   import { type PropsWithChildren } from 'react';
   import type { Spacing } from '@layerfi/components/components/ui/sharedUITypes';
   export type StackProps = PropsWithChildren<{
-      align?: 'start' | 'center';
+      align?: 'start' | 'center' | 'baseline' | 'end';
       gap?: Spacing;
       justify?: 'start' | 'center' | 'end' | 'space-between';
       overflow?: 'scroll' | 'hidden' | 'auto' | 'clip' | 'visible';
@@ -5311,7 +6804,7 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
       className?: string;
   }>;
   export const VStack: import("react").ForwardRefExoticComponent<{
-      align?: "start" | "center";
+      align?: "start" | "center" | "baseline" | "end";
       gap?: Spacing;
       justify?: "start" | "center" | "end" | "space-between";
       overflow?: "scroll" | "hidden" | "auto" | "clip" | "visible";
@@ -5328,7 +6821,7 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLDivElement>>;
   export const HStack: import("react").ForwardRefExoticComponent<{
-      align?: "start" | "center";
+      align?: "start" | "center" | "baseline" | "end";
       gap?: Spacing;
       justify?: "start" | "center" | "end" | "space-between";
       overflow?: "scroll" | "hidden" | "auto" | "clip" | "visible";
@@ -5346,6 +6839,32 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
   } & import("react").RefAttributes<HTMLDivElement>>;
   export const Spacer: () => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/ui/Table/Table' {
+  import { type CellProps, type ColumnProps, type RowProps, type TableBodyProps, type TableHeaderProps, type TableProps } from 'react-aria-components';
+  const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+  const TableHeader: (<T>(props: TableHeaderProps<T> & {
+      ref?: React.Ref<HTMLTableSectionElement>;
+  }) => React.ReactElement) & {
+      displayName?: string;
+  };
+  const TableBody: (<T>(props: TableBodyProps<T> & {
+      ref?: React.Ref<HTMLTableSectionElement>;
+  }) => React.ReactElement) & {
+      displayName?: string;
+  };
+  const Row: (<T>(props: RowProps<T> & {
+      ref?: React.Ref<HTMLTableRowElement>;
+  }) => React.ReactElement) & {
+      displayName?: string;
+  };
+  type ColumnStyleProps = {
+      textAlign?: 'left' | 'center' | 'right';
+  };
+  const Column: import("react").ForwardRefExoticComponent<ColumnProps & ColumnStyleProps & import("react").RefAttributes<HTMLTableColElement>>;
+  const Cell: import("react").ForwardRefExoticComponent<CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+  export { Table, TableBody, TableHeader, Cell, Column, Row, };
+
 }
 declare module '@layerfi/components/components/ui/TagGroup/TagGroup' {
   import { TagGroup as ReactAriaTagGroup, TagList as ReactAriaTagList, Tag as ReactAriaTag } from 'react-aria-components';
@@ -5398,7 +6917,7 @@ declare module '@layerfi/components/components/ui/Typography/Text' {
       pbs?: Spacing;
       size?: 'xs' | 'sm' | 'md' | 'lg';
       status?: 'error';
-      variant?: 'subtle';
+      variant?: 'placeholder' | 'subtle';
       weight?: 'normal' | 'bold';
   };
   type TextRenderingProps = {
@@ -5864,8 +7383,8 @@ declare module '@layerfi/components/contexts/LedgerAccountsContext/LedgerAccount
       error?: unknown;
       errorEntry?: unknown;
       refetch: () => void;
-      accountId?: string;
-      setAccountId: (id?: string) => void;
+      selectedAccount: import("@layerfi/components/types/chart_of_accounts").LedgerAccountBalanceWithNodeType | undefined;
+      setSelectedAccount: (account: import("@layerfi/components/types/chart_of_accounts").LedgerAccountBalanceWithNodeType | undefined) => void;
       selectedEntryId?: string;
       setSelectedEntryId: (id?: string) => void;
       closeSelectedEntry: () => void;
@@ -6109,10 +7628,11 @@ declare module '@layerfi/components/features/customerVendor/components/CustomerV
   type CustomerVendorSelectorProps = {
       selectedCustomerVendor: CustomerVendor | null;
       onSelectedCustomerVendorChange: (customerVendor: CustomerVendor | null) => void;
+      placeholder: string;
       isMutating?: boolean;
       isReadOnly?: boolean;
   };
-  export function CustomerVendorSelector({ selectedCustomerVendor, onSelectedCustomerVendorChange, isMutating, isReadOnly, }: CustomerVendorSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+  export function CustomerVendorSelector({ selectedCustomerVendor, onSelectedCustomerVendorChange, placeholder, isMutating, isReadOnly, }: CustomerVendorSelectorProps): import("react/jsx-runtime").JSX.Element | null;
   export {};
 
 }
@@ -6128,6 +7648,7 @@ declare module '@layerfi/components/features/customerVendor/customerVendorSchema
       email: Schema.NullOr<typeof Schema.String>;
       mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
       officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+      addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
       status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
       memo: Schema.NullOr<typeof Schema.String>;
       _local: Schema.optional<Schema.Struct<{
@@ -6156,6 +7677,7 @@ declare module '@layerfi/components/features/customerVendor/customerVendorSchema
       readonly email: string | null;
       readonly mobile_phone: string | null;
       readonly office_phone: string | null;
+      readonly address_string: string | null;
       readonly status: string;
       readonly memo: string | null;
       readonly customerVendorType: "CUSTOMER";
@@ -6184,6 +7706,7 @@ declare module '@layerfi/components/features/customerVendor/customerVendorSchema
       readonly email: string | null;
       readonly mobilePhone: string | null;
       readonly officePhone: string | null;
+      readonly addressString: string | null;
       readonly status: "ACTIVE" | "ARCHIVED";
       readonly memo: string | null;
       readonly _local?: {
@@ -6219,6 +7742,7 @@ declare module '@layerfi/components/features/customers/api/useListCustomers' {
           email: Schema.NullOr<typeof Schema.String>;
           mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
           officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+          addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
           status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
           memo: Schema.NullOr<typeof Schema.String>;
           _local: Schema.optional<Schema.Struct<{
@@ -6246,6 +7770,7 @@ declare module '@layerfi/components/features/customers/api/useListCustomers' {
               readonly email: string | null;
               readonly mobilePhone: string | null;
               readonly officePhone: string | null;
+              readonly addressString: string | null;
               readonly status: "ACTIVE" | "ARCHIVED";
               readonly memo: string | null;
               readonly _local?: {
@@ -6267,8 +7792,22 @@ declare module '@layerfi/components/features/customers/api/useListCustomers' {
       query?: string;
       isEnabled?: boolean;
   };
-  export function useListCustomers({ query, isEnabled }?: UseListCustomersParams): ListCustomersSWRResponse;
-  export function usePreloadCustomers(parameters?: UseListCustomersParams): void;
+  export function useListCustomers({ query, isEnabled }?: UseListCustomersParams): ListCustomersSWRResponse;
+  export function usePreloadCustomers(parameters?: UseListCustomersParams): void;
+  export {};
+
+}
+declare module '@layerfi/components/features/customers/components/CustomerSelector' {
+  import { Customer } from '@layerfi/components/features/customers/customersSchemas';
+  type CustomerSelectorProps = {
+      selectedCustomer: Customer | null;
+      onSelectedCustomerChange: (customer: Customer | null) => void;
+      placeholder?: string;
+      isReadOnly?: boolean;
+      inline?: boolean;
+      className?: string;
+  };
+  export function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, placeholder, isReadOnly, inline, className, }: CustomerSelectorProps): import("react/jsx-runtime").JSX.Element | null;
   export {};
 
 }
@@ -6282,12 +7821,14 @@ declare module '@layerfi/components/features/customers/customersSchemas' {
       email: Schema.NullOr<typeof Schema.String>;
       mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
       officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+      addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
       status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
       memo: Schema.NullOr<typeof Schema.String>;
       _local: Schema.optional<Schema.Struct<{
           isOptimistic: typeof Schema.Boolean;
       }>>;
   }>;
+  export type Customer = typeof CustomerSchema.Type;
   export const encodeCustomer: (a: {
       readonly id: string;
       readonly externalId: string | null;
@@ -6296,6 +7837,7 @@ declare module '@layerfi/components/features/customers/customersSchemas' {
       readonly email: string | null;
       readonly mobilePhone: string | null;
       readonly officePhone: string | null;
+      readonly addressString: string | null;
       readonly status: "ACTIVE" | "ARCHIVED";
       readonly memo: string | null;
       readonly _local?: {
@@ -6309,6 +7851,7 @@ declare module '@layerfi/components/features/customers/customersSchemas' {
       readonly email: string | null;
       readonly mobile_phone: string | null;
       readonly office_phone: string | null;
+      readonly address_string: string | null;
       readonly status: string;
       readonly memo: string | null;
       readonly _local?: {
@@ -6316,6 +7859,792 @@ declare module '@layerfi/components/features/customers/customersSchemas' {
       } | undefined;
   };
 
+}
+declare module '@layerfi/components/features/forms/components/BaseFormTextField' {
+  import type { PropsWithChildren } from 'react';
+  import { type TextFieldProps } from '@layerfi/components/components/ui/Form/Form';
+  export interface BaseFormTextFieldProps {
+      label: string;
+      className?: string;
+      inline?: boolean;
+      showLabel?: boolean;
+      showFieldError?: boolean;
+      inputMode?: TextFieldProps['inputMode'];
+      isTextArea?: boolean;
+  }
+  export function BaseFormTextField<TData>({ label, className, inline, showLabel, showFieldError, isTextArea, children, }: PropsWithChildren<BaseFormTextFieldProps>): import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/features/forms/components/FormBigDecimalField' {
+  import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
+  type FormBigDecimalFieldProps = {
+      slotProps: {
+          BaseFormTextField: Omit<BaseFormTextFieldProps, 'inputMode'>;
+      };
+      maxInputLength?: number;
+      allowNegative?: boolean;
+  };
+  export function FormBigDecimalField({ slotProps, maxInputLength, allowNegative, }: FormBigDecimalFieldProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/features/forms/components/FormCurrencyField' {
+  import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
+  type FormCurrencyFieldProps = {
+      slotProps: {
+          BaseFormTextField: Omit<BaseFormTextFieldProps, 'inputMode'>;
+      };
+  };
+  export function FormCurrencyField({ slotProps }: FormCurrencyFieldProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/features/forms/components/FormTextAreaField' {
+  import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
+  type FormTextAreaFieldProps = {
+      slotProps: {
+          BaseFormTextField: BaseFormTextFieldProps;
+      };
+  };
+  export function FormTextAreaField({ slotProps }: FormTextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/features/forms/components/FormTextField' {
+  import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
+  type FormTextFieldProps = {
+      slotProps: {
+          BaseFormTextField: BaseFormTextFieldProps;
+      };
+  };
+  export function FormTextField({ slotProps }: FormTextFieldProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/features/forms/hooks/useForm' {
+  import { BaseFormTextField } from '@layerfi/components/features/forms/components/BaseFormTextField';
+  import { FormBigDecimalField } from '@layerfi/components/features/forms/components/FormBigDecimalField';
+  import { FormCurrencyField } from '@layerfi/components/features/forms/components/FormCurrencyField';
+  import { FormTextAreaField } from '@layerfi/components/features/forms/components/FormTextAreaField';
+  import { FormTextField } from '@layerfi/components/features/forms/components/FormTextField';
+  export const fieldContext: import("react").Context<import("@tanstack/react-form").AnyFieldApi>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, formContext: import("react").Context<import("@tanstack/react-form").AnyFormApi>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any>;
+  export const useAppForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & {
+      AppField: import("@tanstack/react-form").FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
+          readonly BaseFormTextField: typeof BaseFormTextField;
+          readonly FormBigDecimalField: typeof FormBigDecimalField;
+          readonly FormCurrencyField: typeof FormCurrencyField;
+          readonly FormTextAreaField: typeof FormTextAreaField;
+          readonly FormTextField: typeof FormTextField;
+      }>>;
+      AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
+  }, withForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
+      readonly BaseFormTextField: typeof BaseFormTextField;
+      readonly FormBigDecimalField: typeof FormBigDecimalField;
+      readonly FormCurrencyField: typeof FormCurrencyField;
+      readonly FormTextAreaField: typeof FormTextAreaField;
+      readonly FormTextField: typeof FormTextField;
+  }, {}, TRenderProps>) => (props: import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+      form: import("@tanstack/react-form").FormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & {
+          AppField: import("@tanstack/react-form").FieldComponent<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, NoInfer<{
+              readonly BaseFormTextField: typeof BaseFormTextField;
+              readonly FormBigDecimalField: typeof FormBigDecimalField;
+              readonly FormCurrencyField: typeof FormCurrencyField;
+              readonly FormTextAreaField: typeof FormTextAreaField;
+              readonly FormTextField: typeof FormTextField;
+          }>>;
+          AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
+      };
+  }>) => import("react").JSX.Element;
+
+}
+declare module '@layerfi/components/features/invoices/api/useListInvoices' {
+  import { type SWRInfiniteResponse } from 'swr/infinite';
+  import { Schema } from 'effect';
+  import { type PaginationParams, type SortParams } from '@layerfi/components/types/utility/pagination';
+  import { InvoiceStatus, type Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  export const LIST_INVOICES_TAG_KEY = "#list-invoices";
+  type ListInvoicesBaseParams = {
+      businessId: string;
+  };
+  type ListInvoicesFilterParams = {
+      status?: ReadonlyArray<InvoiceStatus>;
+      dueAtStart?: Date;
+      dueAtEnd?: Date;
+  };
+  enum SortBy {
+      SentAt = "sent_at"
+  }
+  type ListInvoicesOptions = ListInvoicesFilterParams & PaginationParams & SortParams<SortBy>;
+  type ListInvoicesParams = ListInvoicesBaseParams & ListInvoicesOptions;
+  const ListInvoicesReturnSchema: Schema.Struct<{
+      data: Schema.Array$<Schema.Struct<{
+          id: typeof Schema.UUID;
+          businessId: Schema.PropertySignature<":", string, "business_id", ":", string, false, never>;
+          externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+          status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<InvoiceStatus, InvoiceStatus, never>>;
+          sentAt: Schema.PropertySignature<":", Date | null, "sent_at", ":", string | null, false, never>;
+          dueAt: Schema.PropertySignature<":", Date | null, "due_at", ":", string | null, false, never>;
+          paidAt: Schema.PropertySignature<":", Date | null, "paid_at", ":", string | null, false, never>;
+          voidedAt: Schema.PropertySignature<":", Date | null, "voided_at", ":", string | null, false, never>;
+          invoiceNumber: Schema.PropertySignature<":", string | null, "invoice_number", ":", string | null, false, never>;
+          recipientName: Schema.PropertySignature<":", string | null, "recipient_name", ":", string | null, false, never>;
+          customer: Schema.NullOr<Schema.Struct<{
+              id: typeof Schema.UUID;
+              externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+              individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+              companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+              email: Schema.NullOr<typeof Schema.String>;
+              mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+              officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+              addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
+              status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+              memo: Schema.NullOr<typeof Schema.String>;
+              _local: Schema.optional<Schema.Struct<{
+                  isOptimistic: typeof Schema.Boolean;
+              }>>;
+          }>>;
+          lineItems: Schema.PropertySignature<":", readonly {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly memo: string | null;
+              readonly description: string | null;
+              readonly product: string | null;
+              readonly subtotal: number;
+              readonly quantity: import("effect/BigDecimal").BigDecimal;
+              readonly invoiceId: string;
+              readonly unitPrice: number;
+              readonly discountAmount: number;
+              readonly salesTaxTotal: number;
+              readonly totalAmount: number;
+          }[], "line_items", ":", readonly {
+              readonly id: string;
+              readonly external_id: string | null;
+              readonly memo: string | null;
+              readonly description: string | null;
+              readonly product: string | null;
+              readonly subtotal: number;
+              readonly quantity: string;
+              readonly invoice_id: string;
+              readonly unit_price: number;
+              readonly discount_amount: number;
+              readonly sales_taxes_total: number;
+              readonly total_amount: number;
+          }[], false, never>;
+          subtotal: typeof Schema.Number;
+          additionalDiscount: Schema.PropertySignature<":", number, "additional_discount", ":", number, false, never>;
+          additionalSalesTaxesTotal: Schema.PropertySignature<":", number, "additional_sales_taxes_total", ":", number, false, never>;
+          totalAmount: Schema.PropertySignature<":", number, "total_amount", ":", number, false, never>;
+          outstandingBalance: Schema.PropertySignature<":", number, "outstanding_balance", ":", number, false, never>;
+          importedAt: Schema.PropertySignature<":", Date, "imported_at", ":", string, false, never>;
+          updatedAt: Schema.PropertySignature<":", Date | null, "updated_at", ":", string | null, false, never>;
+          memo: Schema.NullOr<typeof Schema.String>;
+      }>>;
+      meta: Schema.Struct<{
+          pagination: Schema.Struct<{
+              cursor: Schema.NullOr<typeof Schema.String>;
+              hasMore: Schema.PropertySignature<":", boolean, "has_more", ":", boolean, false, never>;
+              totalCount: Schema.PropertySignature<":", number | undefined, "total_count", ":", number | undefined, false, never>;
+          }>;
+      }>;
+  }>;
+  type ListInvoicesReturn = typeof ListInvoicesReturnSchema.Type;
+  class ListInvoicesSWRResponse {
+      private swrResponse;
+      constructor(swrResponse: SWRInfiniteResponse<ListInvoicesReturn>);
+      get data(): {
+          readonly data: readonly {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly status: InvoiceStatus;
+              readonly memo: string | null;
+              readonly customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              readonly businessId: string;
+              readonly updatedAt: Date | null;
+              readonly subtotal: number;
+              readonly paidAt: Date | null;
+              readonly totalAmount: number;
+              readonly sentAt: Date | null;
+              readonly dueAt: Date | null;
+              readonly voidedAt: Date | null;
+              readonly invoiceNumber: string | null;
+              readonly recipientName: string | null;
+              readonly lineItems: readonly {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly memo: string | null;
+                  readonly description: string | null;
+                  readonly product: string | null;
+                  readonly subtotal: number;
+                  readonly quantity: import("effect/BigDecimal").BigDecimal;
+                  readonly invoiceId: string;
+                  readonly unitPrice: number;
+                  readonly discountAmount: number;
+                  readonly salesTaxTotal: number;
+                  readonly totalAmount: number;
+              }[];
+              readonly additionalDiscount: number;
+              readonly additionalSalesTaxesTotal: number;
+              readonly outstandingBalance: number;
+              readonly importedAt: Date;
+          }[];
+          readonly meta: {
+              readonly pagination: {
+                  readonly cursor: string | null;
+                  readonly totalCount: number | undefined;
+                  readonly hasMore: boolean;
+              };
+          };
+      }[] | undefined;
+      get size(): number;
+      get setSize(): (size: number | ((_size: number) => number)) => Promise<{
+          readonly data: readonly {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly status: InvoiceStatus;
+              readonly memo: string | null;
+              readonly customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              readonly businessId: string;
+              readonly updatedAt: Date | null;
+              readonly subtotal: number;
+              readonly paidAt: Date | null;
+              readonly totalAmount: number;
+              readonly sentAt: Date | null;
+              readonly dueAt: Date | null;
+              readonly voidedAt: Date | null;
+              readonly invoiceNumber: string | null;
+              readonly recipientName: string | null;
+              readonly lineItems: readonly {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly memo: string | null;
+                  readonly description: string | null;
+                  readonly product: string | null;
+                  readonly subtotal: number;
+                  readonly quantity: import("effect/BigDecimal").BigDecimal;
+                  readonly invoiceId: string;
+                  readonly unitPrice: number;
+                  readonly discountAmount: number;
+                  readonly salesTaxTotal: number;
+                  readonly totalAmount: number;
+              }[];
+              readonly additionalDiscount: number;
+              readonly additionalSalesTaxesTotal: number;
+              readonly outstandingBalance: number;
+              readonly importedAt: Date;
+          }[];
+          readonly meta: {
+              readonly pagination: {
+                  readonly cursor: string | null;
+                  readonly totalCount: number | undefined;
+                  readonly hasMore: boolean;
+              };
+          };
+      }[] | undefined>;
+      get isLoading(): boolean;
+      get isValidating(): boolean;
+      get isError(): boolean;
+      get refetch(): import("swr/infinite").SWRInfiniteKeyedMutator<{
+          readonly data: readonly {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly status: InvoiceStatus;
+              readonly memo: string | null;
+              readonly customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              readonly businessId: string;
+              readonly updatedAt: Date | null;
+              readonly subtotal: number;
+              readonly paidAt: Date | null;
+              readonly totalAmount: number;
+              readonly sentAt: Date | null;
+              readonly dueAt: Date | null;
+              readonly voidedAt: Date | null;
+              readonly invoiceNumber: string | null;
+              readonly recipientName: string | null;
+              readonly lineItems: readonly {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly memo: string | null;
+                  readonly description: string | null;
+                  readonly product: string | null;
+                  readonly subtotal: number;
+                  readonly quantity: import("effect/BigDecimal").BigDecimal;
+                  readonly invoiceId: string;
+                  readonly unitPrice: number;
+                  readonly discountAmount: number;
+                  readonly salesTaxTotal: number;
+                  readonly totalAmount: number;
+              }[];
+              readonly additionalDiscount: number;
+              readonly additionalSalesTaxesTotal: number;
+              readonly outstandingBalance: number;
+              readonly importedAt: Date;
+          }[];
+          readonly meta: {
+              readonly pagination: {
+                  readonly cursor: string | null;
+                  readonly totalCount: number | undefined;
+                  readonly hasMore: boolean;
+              };
+          };
+      }[]>;
+  }
+  export const listInvoices: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: ListInvoicesParams | undefined;
+  } | undefined) => () => Promise<{
+      readonly data: readonly {
+          readonly id: string;
+          readonly externalId: string | null;
+          readonly status: InvoiceStatus;
+          readonly memo: string | null;
+          readonly customer: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly email: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+              readonly addressString: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly memo: string | null;
+              readonly _local?: {
+                  readonly isOptimistic: boolean;
+              } | undefined;
+          } | null;
+          readonly businessId: string;
+          readonly updatedAt: Date | null;
+          readonly subtotal: number;
+          readonly paidAt: Date | null;
+          readonly totalAmount: number;
+          readonly sentAt: Date | null;
+          readonly dueAt: Date | null;
+          readonly voidedAt: Date | null;
+          readonly invoiceNumber: string | null;
+          readonly recipientName: string | null;
+          readonly lineItems: readonly {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly memo: string | null;
+              readonly description: string | null;
+              readonly product: string | null;
+              readonly subtotal: number;
+              readonly quantity: import("effect/BigDecimal").BigDecimal;
+              readonly invoiceId: string;
+              readonly unitPrice: number;
+              readonly discountAmount: number;
+              readonly salesTaxTotal: number;
+              readonly totalAmount: number;
+          }[];
+          readonly additionalDiscount: number;
+          readonly additionalSalesTaxesTotal: number;
+          readonly outstandingBalance: number;
+          readonly importedAt: Date;
+      }[];
+      readonly meta: {
+          readonly pagination: {
+              readonly cursor: string | null;
+              readonly totalCount: number | undefined;
+              readonly hasMore: boolean;
+          };
+      };
+  }>;
+  export function useListInvoices({ status, dueAtStart, dueAtEnd, sortBy, sortOrder, limit, showTotalCount, }?: ListInvoicesOptions): ListInvoicesSWRResponse;
+  export function useInvoicesInvalidator(): {
+      invalidateInvoices: () => Promise<undefined[]>;
+      debouncedInvalidateInvoices: import("lodash").DebouncedFunc<() => Promise<undefined[]>>;
+  };
+  export function useInvoicesOptimisticUpdater(): {
+      optimisticallyUpdateInvoices: (transformInvoice: (invoice: Invoice) => Invoice) => Promise<undefined[]>;
+  };
+  export {};
+
+}
+declare module '@layerfi/components/features/invoices/api/useUpsertInvoice' {
+  import type { Key } from 'swr';
+  import { type SWRMutationResponse } from 'swr/mutation';
+  import { type UpsertInvoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { Schema } from 'effect';
+  export enum UpsertInvoiceMode {
+      Create = "Create",
+      Update = "Update"
+  }
+  const UpsertInvoiceReturnSchema: Schema.Struct<{
+      data: Schema.Struct<{
+          id: typeof Schema.UUID;
+          businessId: Schema.PropertySignature<":", string, "business_id", ":", string, false, never>;
+          externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+          status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<import("@layerfi/components/features/invoices/invoiceSchemas").InvoiceStatus, import("../invoiceSchemas").InvoiceStatus, never>>;
+          sentAt: Schema.PropertySignature<":", Date | null, "sent_at", ":", string | null, false, never>;
+          dueAt: Schema.PropertySignature<":", Date | null, "due_at", ":", string | null, false, never>;
+          paidAt: Schema.PropertySignature<":", Date | null, "paid_at", ":", string | null, false, never>;
+          voidedAt: Schema.PropertySignature<":", Date | null, "voided_at", ":", string | null, false, never>;
+          invoiceNumber: Schema.PropertySignature<":", string | null, "invoice_number", ":", string | null, false, never>;
+          recipientName: Schema.PropertySignature<":", string | null, "recipient_name", ":", string | null, false, never>;
+          customer: Schema.NullOr<Schema.Struct<{
+              id: typeof Schema.UUID;
+              externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+              individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+              companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+              email: Schema.NullOr<typeof Schema.String>;
+              mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+              officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+              addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
+              status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+              memo: Schema.NullOr<typeof Schema.String>;
+              _local: Schema.optional<Schema.Struct<{
+                  isOptimistic: typeof Schema.Boolean;
+              }>>;
+          }>>;
+          lineItems: Schema.PropertySignature<":", readonly {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly memo: string | null;
+              readonly description: string | null;
+              readonly product: string | null;
+              readonly subtotal: number;
+              readonly quantity: import("effect/BigDecimal").BigDecimal;
+              readonly invoiceId: string;
+              readonly unitPrice: number;
+              readonly discountAmount: number;
+              readonly salesTaxTotal: number;
+              readonly totalAmount: number;
+          }[], "line_items", ":", readonly {
+              readonly id: string;
+              readonly external_id: string | null;
+              readonly memo: string | null;
+              readonly description: string | null;
+              readonly product: string | null;
+              readonly subtotal: number;
+              readonly quantity: string;
+              readonly invoice_id: string;
+              readonly unit_price: number;
+              readonly discount_amount: number;
+              readonly sales_taxes_total: number;
+              readonly total_amount: number;
+          }[], false, never>;
+          subtotal: typeof Schema.Number;
+          additionalDiscount: Schema.PropertySignature<":", number, "additional_discount", ":", number, false, never>;
+          additionalSalesTaxesTotal: Schema.PropertySignature<":", number, "additional_sales_taxes_total", ":", number, false, never>;
+          totalAmount: Schema.PropertySignature<":", number, "total_amount", ":", number, false, never>;
+          outstandingBalance: Schema.PropertySignature<":", number, "outstanding_balance", ":", number, false, never>;
+          importedAt: Schema.PropertySignature<":", Date, "imported_at", ":", string, false, never>;
+          updatedAt: Schema.PropertySignature<":", Date | null, "updated_at", ":", string | null, false, never>;
+          memo: Schema.NullOr<typeof Schema.String>;
+      }>;
+  }>;
+  type UpsertInvoiceReturn = typeof UpsertInvoiceReturnSchema.Type;
+  type UpsertInvoiceSWRMutationResponse = SWRMutationResponse<UpsertInvoiceReturn, unknown, Key, UpsertInvoice>;
+  class UpsertInvoiceSWRResponse {
+      private swrResponse;
+      constructor(swrResponse: UpsertInvoiceSWRMutationResponse);
+      get data(): {
+          readonly data: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly status: import("@layerfi/components/features/invoices/invoiceSchemas").InvoiceStatus;
+              readonly memo: string | null;
+              readonly customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              readonly businessId: string;
+              readonly updatedAt: Date | null;
+              readonly subtotal: number;
+              readonly paidAt: Date | null;
+              readonly totalAmount: number;
+              readonly sentAt: Date | null;
+              readonly dueAt: Date | null;
+              readonly voidedAt: Date | null;
+              readonly invoiceNumber: string | null;
+              readonly recipientName: string | null;
+              readonly lineItems: readonly {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly memo: string | null;
+                  readonly description: string | null;
+                  readonly product: string | null;
+                  readonly subtotal: number;
+                  readonly quantity: import("effect/BigDecimal").BigDecimal;
+                  readonly invoiceId: string;
+                  readonly unitPrice: number;
+                  readonly discountAmount: number;
+                  readonly salesTaxTotal: number;
+                  readonly totalAmount: number;
+              }[];
+              readonly additionalDiscount: number;
+              readonly additionalSalesTaxesTotal: number;
+              readonly outstandingBalance: number;
+              readonly importedAt: Date;
+          };
+      } | undefined;
+      get trigger(): import("swr/mutation").TriggerWithArgs<{
+          readonly data: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly status: import("@layerfi/components/features/invoices/invoiceSchemas").InvoiceStatus;
+              readonly memo: string | null;
+              readonly customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              readonly businessId: string;
+              readonly updatedAt: Date | null;
+              readonly subtotal: number;
+              readonly paidAt: Date | null;
+              readonly totalAmount: number;
+              readonly sentAt: Date | null;
+              readonly dueAt: Date | null;
+              readonly voidedAt: Date | null;
+              readonly invoiceNumber: string | null;
+              readonly recipientName: string | null;
+              readonly lineItems: readonly {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly memo: string | null;
+                  readonly description: string | null;
+                  readonly product: string | null;
+                  readonly subtotal: number;
+                  readonly quantity: import("effect/BigDecimal").BigDecimal;
+                  readonly invoiceId: string;
+                  readonly unitPrice: number;
+                  readonly discountAmount: number;
+                  readonly salesTaxTotal: number;
+                  readonly totalAmount: number;
+              }[];
+              readonly additionalDiscount: number;
+              readonly additionalSalesTaxesTotal: number;
+              readonly outstandingBalance: number;
+              readonly importedAt: Date;
+          };
+      }, unknown, Key, {
+          readonly memo: string | null;
+          readonly sentAt: Date;
+          readonly dueAt: Date;
+          readonly invoiceNumber: string | undefined;
+          readonly lineItems: readonly {
+              readonly description: string;
+              readonly product: string;
+              readonly quantity: import("effect/BigDecimal").BigDecimal;
+              readonly unitPrice: number;
+          }[];
+          readonly additionalDiscount: number | undefined;
+          readonly customerId: string;
+          readonly additionalSalesTaxes: readonly {
+              readonly amount: number;
+          }[] | undefined;
+      }>;
+      get isMutating(): boolean;
+      get isError(): boolean;
+  }
+  const CreateParamsSchema: Schema.Struct<{
+      businessId: typeof Schema.String;
+  }>;
+  const UpdateParamsSchema: Schema.Struct<{
+      businessId: typeof Schema.String;
+      invoiceId: typeof Schema.String;
+  }>;
+  export type CreateParams = typeof CreateParamsSchema.Type;
+  export type UpdateParams = typeof UpdateParamsSchema.Type;
+  export type UpsertParams = CreateParams | UpdateParams;
+  type UseUpsertInvoiceProps = {
+      mode: UpsertInvoiceMode.Create;
+  } | {
+      mode: UpsertInvoiceMode.Update;
+      invoiceId: string;
+  };
+  export const useUpsertInvoice: (props: UseUpsertInvoiceProps) => UpsertInvoiceSWRResponse;
+  export {};
+
+}
+declare module '@layerfi/components/features/invoices/invoiceSchemas' {
+  import { Schema } from 'effect';
+  export enum InvoiceStatus {
+      Voided = "VOIDED",
+      Paid = "PAID",
+      WrittenOff = "WRITTEN_OFF",
+      PartiallyWrittenOff = "PARTIALLY_WRITTEN_OFF",
+      PartiallyPaid = "PARTIALLY_PAID",
+      Sent = "SENT"
+  }
+  export const TransformedInvoiceStatusSchema: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<InvoiceStatus, InvoiceStatus, never>>;
+  export const InvoiceLineItemSchema: Schema.Struct<{
+      id: typeof Schema.UUID;
+      externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+      invoiceId: Schema.PropertySignature<":", string, "invoice_id", ":", string, false, never>;
+      description: Schema.NullOr<typeof Schema.String>;
+      product: Schema.NullOr<typeof Schema.String>;
+      unitPrice: Schema.PropertySignature<":", number, "unit_price", ":", number, false, never>;
+      quantity: typeof Schema.BigDecimal;
+      subtotal: typeof Schema.Number;
+      discountAmount: Schema.PropertySignature<":", number, "discount_amount", ":", number, false, never>;
+      salesTaxTotal: Schema.PropertySignature<":", number, "sales_taxes_total", ":", number, false, never>;
+      totalAmount: Schema.PropertySignature<":", number, "total_amount", ":", number, false, never>;
+      memo: Schema.NullOr<typeof Schema.String>;
+  }>;
+  export type InvoiceLineItem = typeof InvoiceLineItemSchema.Type;
+  export const InvoiceSchema: Schema.Struct<{
+      id: typeof Schema.UUID;
+      businessId: Schema.PropertySignature<":", string, "business_id", ":", string, false, never>;
+      externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+      status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<InvoiceStatus, InvoiceStatus, never>>;
+      sentAt: Schema.PropertySignature<":", Date | null, "sent_at", ":", string | null, false, never>;
+      dueAt: Schema.PropertySignature<":", Date | null, "due_at", ":", string | null, false, never>;
+      paidAt: Schema.PropertySignature<":", Date | null, "paid_at", ":", string | null, false, never>;
+      voidedAt: Schema.PropertySignature<":", Date | null, "voided_at", ":", string | null, false, never>;
+      invoiceNumber: Schema.PropertySignature<":", string | null, "invoice_number", ":", string | null, false, never>;
+      recipientName: Schema.PropertySignature<":", string | null, "recipient_name", ":", string | null, false, never>;
+      customer: Schema.NullOr<Schema.Struct<{
+          id: typeof Schema.UUID;
+          externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+          individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+          companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+          email: Schema.NullOr<typeof Schema.String>;
+          mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+          officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+          addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
+          status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+          memo: Schema.NullOr<typeof Schema.String>;
+          _local: Schema.optional<Schema.Struct<{
+              isOptimistic: typeof Schema.Boolean;
+          }>>;
+      }>>;
+      lineItems: Schema.PropertySignature<":", readonly {
+          readonly id: string;
+          readonly externalId: string | null;
+          readonly memo: string | null;
+          readonly description: string | null;
+          readonly product: string | null;
+          readonly subtotal: number;
+          readonly quantity: import("effect/BigDecimal").BigDecimal;
+          readonly invoiceId: string;
+          readonly unitPrice: number;
+          readonly discountAmount: number;
+          readonly salesTaxTotal: number;
+          readonly totalAmount: number;
+      }[], "line_items", ":", readonly {
+          readonly id: string;
+          readonly external_id: string | null;
+          readonly memo: string | null;
+          readonly description: string | null;
+          readonly product: string | null;
+          readonly subtotal: number;
+          readonly quantity: string;
+          readonly invoice_id: string;
+          readonly unit_price: number;
+          readonly discount_amount: number;
+          readonly sales_taxes_total: number;
+          readonly total_amount: number;
+      }[], false, never>;
+      subtotal: typeof Schema.Number;
+      additionalDiscount: Schema.PropertySignature<":", number, "additional_discount", ":", number, false, never>;
+      additionalSalesTaxesTotal: Schema.PropertySignature<":", number, "additional_sales_taxes_total", ":", number, false, never>;
+      totalAmount: Schema.PropertySignature<":", number, "total_amount", ":", number, false, never>;
+      outstandingBalance: Schema.PropertySignature<":", number, "outstanding_balance", ":", number, false, never>;
+      importedAt: Schema.PropertySignature<":", Date, "imported_at", ":", string, false, never>;
+      updatedAt: Schema.PropertySignature<":", Date | null, "updated_at", ":", string | null, false, never>;
+      memo: Schema.NullOr<typeof Schema.String>;
+  }>;
+  export type Invoice = typeof InvoiceSchema.Type;
+  export const UpsertInvoiceTaxLineItemSchema: Schema.Struct<{
+      amount: typeof Schema.Number;
+  }>;
+  export const UpsertInvoiceLineItemSchema: Schema.Struct<{
+      description: typeof Schema.String;
+      product: typeof Schema.String;
+      unitPrice: Schema.PropertySignature<":", number, "unit_price", ":", number, false, never>;
+      quantity: typeof Schema.BigDecimal;
+  }>;
+  export type UpsertInvoiceLineItem = typeof UpsertInvoiceLineItemSchema.Type;
+  export const UpsertInvoiceSchema: Schema.Struct<{
+      sentAt: Schema.PropertySignature<":", Date, "sent_at", ":", string, false, never>;
+      dueAt: Schema.PropertySignature<":", Date, "due_at", ":", string, false, never>;
+      invoiceNumber: Schema.PropertySignature<":", string | undefined, "invoice_number", ":", string | undefined, false, never>;
+      customerId: Schema.PropertySignature<":", string, "customer_id", ":", string, false, never>;
+      memo: Schema.NullOr<typeof Schema.String>;
+      lineItems: Schema.PropertySignature<":", readonly {
+          readonly description: string;
+          readonly product: string;
+          readonly quantity: import("effect/BigDecimal").BigDecimal;
+          readonly unitPrice: number;
+      }[], "line_items", ":", readonly {
+          readonly description: string;
+          readonly product: string;
+          readonly quantity: string;
+          readonly unit_price: number;
+      }[], false, never>;
+      additionalDiscount: Schema.PropertySignature<":", number | undefined, "additional_discount", ":", number | undefined, false, never>;
+      additionalSalesTaxes: Schema.PropertySignature<":", readonly {
+          readonly amount: number;
+      }[] | undefined, "additional_sales_taxes", ":", readonly {
+          readonly amount: number;
+      }[] | undefined, false, never>;
+  }>;
+  export type UpsertInvoice = typeof UpsertInvoiceSchema.Type;
+
 }
 declare module '@layerfi/components/features/ledger/accounts/[ledgerAccountId]/api/useListLedgerAccountLines' {
   import { LedgerAccountLineItem, LedgerAccountLineItems } from '@layerfi/components/types/ledger_accounts';
@@ -6561,11 +8890,11 @@ declare module '@layerfi/components/features/tags/components/TagSelector' {
   export type Tag = typeof TagSchema.Type;
   type TagSelectorProps = {
       selectedTags: ReadonlyArray<Tag>;
-      isReadOnly?: boolean;
       onAddTag: (tagValue: TagValue) => void;
       onRemoveTag: (tag: Tag) => void;
+      isReadOnly?: boolean;
   };
-  export function TagSelector({ selectedTags, isReadOnly, onAddTag, onRemoveTag, }: TagSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+  export function TagSelector({ selectedTags, onAddTag, onRemoveTag, isReadOnly, }: TagSelectorProps): import("react/jsx-runtime").JSX.Element | null;
   export {};
 
 }
@@ -7159,6 +9488,24 @@ declare module '@layerfi/components/hooks/customAccounts/useCustomAccounts' {
   export function useCustomAccounts({ userCreated }?: useCustomAccountsParams): import("swr").SWRResponse<import("./types").CustomAccount[], any, any>;
   export {};
 
+}
+declare module '@layerfi/components/hooks/mutation/useMinMutatingMutation' {
+  import type { Key } from 'swr';
+  import type { SWRMutationResponse } from 'swr/mutation';
+  type UseMinLoadingMutationOptions<TData, TError, TMutationKey extends Key, TExtraArg> = {
+      swrMutationResponse: SWRMutationResponse<TData, TError, TMutationKey, TExtraArg>;
+      minMutatingMs?: number;
+  };
+  /**
+   * Motivation:
+   * - Some mutations are so fast that relying on the `isMutating` state can cause flickering.
+   *
+   * Any SWR mutation response wrapped in this hook will appear to be mutating for a minimum
+   * duration.
+   */
+  export function useMinMutatingMutation<TData, TError, TMutationKey extends Key, TExtraArg>({ swrMutationResponse, minMutatingMs, }: UseMinLoadingMutationOptions<TData, TError, TMutationKey, TExtraArg>): SWRMutationResponse<TData, TError, TMutationKey, TExtraArg>;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/ref/useStopClickEventsRef' {
   export function useStopClickEventsRefCallback(): (element: HTMLElement | null) => void;
@@ -7267,13 +9614,17 @@ declare module '@layerfi/components/hooks/useBankTransactions/useBankTransaction
       tagFilterQueryString?: string;
   };
   export function useBankTransactions({ categorized, direction, query, startDate, endDate, tagFilterQueryString, }: UseBankTransactionsOptions): import("swr/infinite").SWRInfiniteResponse<GetBankTransactionsReturn, any>;
+  type BankTransactionsInvalidateOptions = {
+      withPrecedingOptimisticUpdate?: boolean;
+  };
   export function useBankTransactionsInvalidator(): {
-      invalidateBankTransactions: () => Promise<undefined[]>;
-      debouncedInvalidateBankTransactions: import("lodash").DebouncedFunc<() => Promise<undefined[]>>;
+      invalidateBankTransactions: (invalidateOptions?: BankTransactionsInvalidateOptions) => Promise<undefined[]>;
+      debouncedInvalidateBankTransactions: import("lodash").DebouncedFunc<(invalidateOptions?: BankTransactionsInvalidateOptions) => Promise<undefined[]>>;
   };
   export function useBankTransactionsOptimisticUpdater(): {
       optimisticallyUpdateBankTransactions: (transformTransaction: (txn: BankTransaction) => BankTransaction) => Promise<undefined[]>;
   };
+  export {};
 
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactionsDownload' {
@@ -7594,6 +9945,7 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/index' {
 }
 declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
   import { LedgerAccounts, LedgerAccountsEntry } from '@layerfi/components/types';
+  import type { LedgerAccountBalanceWithNodeType } from '@layerfi/components/types/chart_of_accounts';
   type UseLedgerAccounts = (showReversalEntries: boolean) => {
       data?: LedgerAccounts;
       entryData?: LedgerAccountsEntry;
@@ -7604,8 +9956,8 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
       error?: unknown;
       errorEntry?: unknown;
       refetch: () => void;
-      accountId?: string;
-      setAccountId: (id?: string) => void;
+      selectedAccount: LedgerAccountBalanceWithNodeType | undefined;
+      setSelectedAccount: (account: LedgerAccountBalanceWithNodeType | undefined) => void;
       selectedEntryId?: string;
       setSelectedEntryId: (id?: string) => void;
       closeSelectedEntry: () => void;
@@ -7658,24 +10010,23 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/useListExternalAccou
   export function useListExternalAccounts(): import("swr").SWRResponse<import("../../types/linked_accounts").LinkedAccount[], any, any>;
 
 }
-declare module '@layerfi/components/hooks/usePagination/index' {
-  export { usePagination, DOTS } from '@layerfi/components/hooks/usePagination/usePagination';
-
-}
-declare module '@layerfi/components/hooks/usePagination/usePagination' {
-  export const DOTS = "...";
+declare module '@layerfi/components/hooks/usePaginationRange/usePaginationRange' {
+  export enum Dots {
+      DotsLeft = "DotsLeft",
+      DotsRight = "DotsRight"
+  }
   export interface UsePaginationProps {
       totalCount: number;
       pageSize: number;
       siblingCount?: number;
       currentPage: number;
   }
-  export type UsePaginationReturn = (string | number)[] | undefined;
-  export const usePagination: ({ totalCount, pageSize, siblingCount, currentPage, }: UsePaginationProps) => UsePaginationReturn;
+  export type UsePaginationReturn = (Dots | number)[];
+  export const usePaginationRange: ({ totalCount, pageSize, siblingCount, currentPage, }: UsePaginationProps) => UsePaginationReturn;
 
 }
 declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
-  import { ReportingBasis, SortDirection, type DateRange } from '@layerfi/components/types';
+  import { ReportingBasis, SortDirection } from '@layerfi/components/types';
   export type Scope = 'expenses' | 'revenue';
   export type SidebarScope = Scope | undefined;
   export type PnlTagFilter = {
@@ -7701,11 +10052,6 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
-      dateRange: {
-          startDate: Date;
-          endDate: Date;
-      };
-      changeDateRange: ({ startDate: start, endDate: end }: DateRange) => void;
       refetch: () => void;
       sidebarScope: SidebarScope;
       setSidebarScope: import("react").Dispatch<import("react").SetStateAction<SidebarScope>>;
@@ -7713,6 +10059,10 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
       filters: ProfitAndLossFilters;
       setFilterTypes: (scope: Scope, types: string[]) => void;
       tagFilter: PnlTagFilter | undefined;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
   };
   export {};
 
@@ -8047,6 +10397,12 @@ declare module '@layerfi/components/icons/ChevronRight' {
   const ChevronRight: ({ ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ChevronRight;
 
+}
+declare module '@layerfi/components/icons/ChevronRightFill' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const ChevronRightFill: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default ChevronRightFill;
+
 }
 declare module '@layerfi/components/icons/ChevronUp' {
   import { SVGProps } from 'react';
@@ -8337,8 +10693,8 @@ declare module '@layerfi/components/index' {
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/BankTransactions';
   export { Integrations } from '@layerfi/components/components/Integrations/Integrations';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
-  export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
-  export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/index';
+  export { StandaloneBalanceSheet as BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
+  export { StandaloneStatementOfCashFlow as StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/index';
   export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { Journal } from '@layerfi/components/components/Journal/index';
   export { Tasks } from '@layerfi/components/components/Tasks/Tasks';
@@ -8353,6 +10709,7 @@ declare module '@layerfi/components/index' {
   export { unstable_BillsView } from '@layerfi/components/views/Bills';
   export { Reports } from '@layerfi/components/views/Reports/index';
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
+  export { unstable_Invoices } from '@layerfi/components/components/Invoices/Invoices';
   export { useLayerContext } from '@layerfi/components/contexts/LayerContext/index';
   export { useBankTransactionsContext } from '@layerfi/components/contexts/BankTransactionsContext/index';
   export { BankTransactionsProvider } from '@layerfi/components/providers/BankTransactionsProvider/index';
@@ -8513,36 +10870,35 @@ declare module '@layerfi/components/providers/Environment/environmentConfigs' {
 }
 declare module '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider' {
   import { type PropsWithChildren } from 'react';
+  import type { UnifiedPickerMode } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
   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 const isDateRangePickerMode: (mode: string) => mode is DateRangePickerMode;
   export function useGlobalDate(): {
       date: Date;
-      displayMode: "dayPicker";
   };
   export function useGlobalDateActions(): {
-      set: (options: {
+      setDate: (options: {
           date: Date;
       }) => void;
   };
-  export function useGlobalDateRange(): {
+  export function useGlobalDateRange({ displayMode }: {
+      displayMode: DateRangePickerMode;
+  }): {
       start: Date;
       end: Date;
-      rangeDisplayMode: "dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker";
   };
   export function useGlobalDateRangeActions(): {
-      setRange: (options: {
+      setRangeWithExplicitDisplayMode: (options: {
           start: Date;
           end: Date;
+          displayMode: UnifiedPickerMode;
       }) => void;
-      setRangeDisplayMode: (options: {
-          rangeDisplayMode: DateRangePickerMode;
-      }) => void;
-      setRangeWithExplicitDisplayMode: (options: {
+      setDateRange: (options: {
           start: Date;
           end: Date;
-          rangeDisplayMode: DateRangePickerMode;
       }) => void;
       setMonth: (options: {
           start: Date;
@@ -8567,23 +10923,26 @@ declare module '@layerfi/components/providers/GlobalDateStore/GlobalDateStorePro
 
 }
 declare module '@layerfi/components/providers/GlobalDateStore/useGlobalDateRangePicker' {
-  import { type DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
-  export function useGlobalDateRangePicker({ allowedDatePickerModes, defaultDatePickerMode, onSetMonth, }: {
+  import { DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
+  import { type UnifiedPickerMode } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
+  import { type ReadonlyArrayWithAtLeastOne } from '@layerfi/components/utils/array/getArrayWithAtLeastOneOrFallback';
+  export const getAllowedDateRangePickerModes: ({ allowedDatePickerModes, defaultDatePickerMode, }: {
       allowedDatePickerModes?: ReadonlyArray<DateRangePickerMode>;
       defaultDatePickerMode?: DateRangePickerMode;
-      onSetMonth?: (startOfMonth: Date) => void;
-  }): {
-      allowedDateRangePickerModes: import("@layerfi/components/utils/array/getArrayWithAtLeastOneOrFallback").ReadonlyArrayWithAtLeastOne<"dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker">;
-      dateFormat: "MMM d" | undefined;
+  }) => ReadonlyArrayWithAtLeastOne<DateRangePickerMode>;
+  export const getInitialDateRangePickerMode: ({ allowedDatePickerModes, defaultDatePickerMode, }: {
+      allowedDatePickerModes?: ReadonlyArray<DateRangePickerMode>;
+      defaultDatePickerMode?: DateRangePickerMode;
+  }) => DateRangePickerMode;
+  export type UseGlobalDateRangePickerProps = {
+      displayMode: DateRangePickerMode;
+      setDisplayMode: (displayMode: DateRangePickerMode) => void;
+  };
+  export function useGlobalDateRangePicker({ displayMode, setDisplayMode }: UseGlobalDateRangePickerProps): {
       rangeDisplayMode: "dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker";
-      selected: Date | [Date, Date];
-      setSelected: ({ start, end }: {
-          start: Date;
-          end: Date;
-      }) => void;
-      setRangeDisplayMode: (options: {
-          rangeDisplayMode: DateRangePickerMode;
-      }) => void;
+      onChangeMode: (newMode: UnifiedPickerMode) => void;
+      dateOrDateRange: Date | [Date, Date];
+      onChangeDateOrDateRange: (dates: Date | [Date, Date | null]) => void;
   };
 
 }
@@ -8654,6 +11013,41 @@ declare module '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider'
 declare module '@layerfi/components/providers/ReceiptsProvider/index' {
   export { ReceiptsProvider } from '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider';
 
+}
+declare module '@layerfi/components/providers/ReportsModeStoreProvider/ReportsModeStoreProvider' {
+  import { type PropsWithChildren } from 'react';
+  import type { DatePickerMode, DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
+  export enum ReportKey {
+      ProfitAndLoss = "ProfitAndLoss",
+      BalanceSheet = "BalanceSheet",
+      StatementOfCashFlows = "StatementOfCashFlows"
+  }
+  export type ReportModes = {
+      [ReportKey.ProfitAndLoss]: DateRangePickerMode;
+      [ReportKey.BalanceSheet]: DatePickerMode;
+      [ReportKey.StatementOfCashFlows]: DateRangePickerMode;
+  };
+  type MutableReportKey = Exclude<ReportKey, ReportKey.BalanceSheet>;
+  type ReportsModeStoreShape = {
+      resetPnLModeToDefaultOnMount: boolean;
+      modeByReport: ReportModes;
+      actions: {
+          setModeForReport: <K extends MutableReportKey>(report: K, mode: ReportModes[K]) => void;
+      };
+  };
+  export function useReportModeStore(): ReportsModeStoreShape;
+  export function useReportMode<K extends ReportKey>(report: K): ReportModes[K] | undefined;
+  export function useReportModeActions(): {
+      setModeForReport: <K extends MutableReportKey>(report: K, mode: ReportModes[K]) => void;
+  };
+  export function useReportModeWithFallback<K extends ReportKey>(report: K, fallback: ReportModes[K]): ReportModes[K];
+  type ReportsModeStoreProviderProps = PropsWithChildren<{
+      initialModes: Partial<ReportModes>;
+      resetPnLModeToDefaultOnMount?: boolean;
+  }>;
+  export function ReportsModeStoreProvider({ children, initialModes, resetPnLModeToDefaultOnMount, }: ReportsModeStoreProviderProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/public/styles/publicClassname' {
   export const PUBLIC_CLASSNAME = "Layer__Public";
@@ -9084,6 +11478,14 @@ declare module '@layerfi/components/types/chart_of_accounts' {
           stable_name: string;
       };
   };
+  export enum LedgerAccountNodeType {
+      Leaf = "Leaf",
+      Root = "Root",
+      Parent = "Parent"
+  }
+  export type LedgerAccountBalanceWithNodeType = LedgerAccountBalance & {
+      nodeType: LedgerAccountNodeType;
+  };
 
 }
 declare module '@layerfi/components/types/file_upload' {
@@ -9943,6 +12345,32 @@ declare module '@layerfi/components/types/utility/oneOf' {
   export type OneOf<Types extends Array<unknown>, Result = never, AllProperties = MergeTypes<Types>> = Types extends [infer Head, ...infer Remaining] ? OneOf<Remaining, Result | OnlyFirst<Head, AllProperties>, AllProperties> : Result;
   export {};
 
+}
+declare module '@layerfi/components/types/utility/pagination' {
+  import { Schema } from 'effect';
+  export enum SortOrder {
+      ASC = "ASC",
+      ASCENDING = "ASCENDING",
+      DES = "DES",
+      DESC = "DESC",
+      DESCENDING = "DESCENDING"
+  }
+  export type SortParams<T> = {
+      sortBy?: T;
+      sortOrder?: SortOrder;
+  };
+  export type PaginationParams = {
+      cursor?: string | null;
+      limit?: number;
+      showTotalCount?: boolean;
+  };
+  export const PaginatedResponseMetaSchema: Schema.Struct<{
+      cursor: Schema.NullOr<typeof Schema.String>;
+      hasMore: Schema.PropertySignature<":", boolean, "has_more", ":", boolean, false, never>;
+      totalCount: Schema.PropertySignature<":", number | undefined, "total_count", ":", number | undefined, false, never>;
+  }>;
+  export type PaginatedResponseMeta = typeof PaginatedResponseMetaSchema.Type;
+
 }
 declare module '@layerfi/components/types/utility/promises' {
   export type Awaitable<T> = T | Promise<T>;
@@ -10044,6 +12472,22 @@ declare module '@layerfi/components/utils/bankTransactions' {
   };
   export const hasReceipts: (bankTransaction?: BankTransaction) => boolean | undefined;
 
+}
+declare module '@layerfi/components/utils/bigDecimalUtils' {
+  import { BigDecimal as BD } from 'effect';
+  export const BIG_DECIMAL_ZERO: BD.BigDecimal;
+  export const BIG_DECIMAL_ONE: BD.BigDecimal;
+  export const BIG_DECIMAL_ONE_HUNDRED: BD.BigDecimal;
+  export const DECIMAL_CHARS_REGEX: RegExp;
+  export const NON_NEGATIVE_DECIMAL_CHARS_REGEX: RegExp;
+  /**
+   * Converts a BigDecimal dollar amount to its equivalent in cents as a number.
+   * Example: 123.45 → 12345
+   */
+  export const convertBigDecimalToCents: (amount: BD.BigDecimal) => number;
+  export const convertCentsToBigDecimal: (cents: number) => BD.BigDecimal;
+  export function formatBigDecimalToString(value: BD.BigDecimal, maxDecimalPlaces?: number): string;
+
 }
 declare module '@layerfi/components/utils/bills' {
   import { Bill } from '@layerfi/components/types/bills';
@@ -10268,12 +12712,16 @@ declare module '@layerfi/components/utils/swr/defaultSWRConfig' {
 
 }
 declare module '@layerfi/components/utils/swr/useGlobalInvalidator' {
+  type GlobalInvalidateOptions = {
+      withPrecedingOptimisticUpdate?: boolean;
+  };
   export function useGlobalInvalidator(): {
-      invalidate: (predicate: (tags: ReadonlyArray<string>) => boolean) => Promise<undefined[]>;
+      invalidate: (predicate: (tags: ReadonlyArray<string>) => boolean, { withPrecedingOptimisticUpdate }?: GlobalInvalidateOptions) => Promise<undefined[]>;
   };
   export function useGlobalOptimisticUpdater(): {
       optimisticUpdate: <unsafe_TData>(predicate: (tags: ReadonlyArray<string>) => boolean, optimisticUpdateCallback: (displayedData: unsafe_TData) => unsafe_TData) => Promise<undefined[]>;
   };
+  export {};
 
 }
 declare module '@layerfi/components/utils/swr/withSWRKeyTags' {
@@ -10282,6 +12730,7 @@ declare module '@layerfi/components/utils/swr/withSWRKeyTags' {
 }
 declare module '@layerfi/components/utils/time/timeUtils' {
   export const toLocalDateString: (date: Date) => string;
+  export function getDueDifference(dueDate: Date): number;
 
 }
 declare module '@layerfi/components/utils/vendors' {
@@ -10368,6 +12817,7 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       showTitle?: boolean;
       elevatedLinkedAccounts?: boolean;
       showBreakConnection?: boolean;
+      showCustomerVendor?: boolean;
       showDescriptions?: boolean;
       showLedgerBalance?: boolean;
       showReceiptUploads?: boolean;
@@ -10382,7 +12832,7 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       mobileComponent?: MobileComponentType;
       stringOverrides?: BankTransactionsWithLinkedAccountsStringOverrides;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, mode, showBreakConnection, showDescriptions, showLedgerBalance, showReceiptUploads, showTags, showTooltips, showUnlinkItem, showUploadOptions, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, mode, showBreakConnection, showCustomerVendor, showDescriptions, showLedgerBalance, showReceiptUploads, showTags, showTooltips, showUnlinkItem, showUploadOptions, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }