@layerfi/components 0.1.106-alpha → 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"
   }
@@ -1694,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';
@@ -2601,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';
@@ -3199,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' {
@@ -3247,10 +3267,40 @@ declare module '@layerfi/components/components/Integrations/IntegrationsQuickboo
   export const getQuickbooksConnectionSyncUiState: (quickbooksConnectionStatus: StatusOfQuickbooksConnection) => QuickbooksConnectionSyncUiState;
 
 }
-declare module '@layerfi/components/components/Invoices/InvoiceForm/useInvoiceForm' {
-  import { FormValidateOrFn, FormAsyncValidateOrFn } from '@tanstack/react-form';
+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;
@@ -3260,172 +3310,1271 @@ declare module '@layerfi/components/components/Invoices/InvoiceForm/useInvoiceFo
       invoice: Invoice;
   };
   export const useInvoiceForm: (props: UseInvoiceFormProps) => {
-      form: import("@tanstack/react-form").ReactFormExtendedApi<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: number;
+      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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }, FormValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormAsyncValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormAsyncValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormAsyncValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>, FormAsyncValidateOrFn<{
-          readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
-              readonly description: string | undefined;
-              readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: 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;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
-      }>>;
+      }> | 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 {
@@ -3439,8 +4588,14 @@ declare module '@layerfi/components/components/Invoices/Invoices' {
   export {};
 
 }
-declare module '@layerfi/components/components/Invoices/InvoicesTable' {
-  export const InvoicesTable: () => import("react/jsx-runtime").JSX.Element;
+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' {
@@ -3808,13 +4963,12 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
       showLedgerBalance?: boolean;
       showUnlinkItem?: boolean;
       showBreakConnection?: boolean;
-      showAddAccount?: boolean;
       stringOverrides?: {
           title?: string;
       };
   }
   export const LinkedAccounts: (props: LinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
-  export const LinkedAccountsComponent: ({ asWidget, elevated, showLedgerBalance, showUnlinkItem, showBreakConnection, showAddAccount, stringOverrides, }: LinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
+  export const LinkedAccountsComponent: ({ asWidget, elevated, showLedgerBalance, showUnlinkItem, showBreakConnection, stringOverrides, }: LinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountsContent' {
@@ -3823,9 +4977,8 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountsCont
       showLedgerBalance?: boolean;
       showUnlinkItem?: boolean;
       showBreakConnection?: boolean;
-      showAddAccount?: boolean;
   }
-  export const LinkedAccountsContent: ({ asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, showAddAccount, }: LinkedAccountsDataProps) => import("react/jsx-runtime").JSX.Element;
+  export const LinkedAccountsContent: ({ asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountsDataProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -5028,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;
@@ -5077,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;
@@ -5389,7 +6542,7 @@ declare module '@layerfi/components/components/ui/ComboBox/ComboBox' {
       selectedValue: T | null;
       onSelectedValueChange: (value: T | null) => void;
       onInputValueChange?: (value: string) => void;
-      placeholder: string;
+      placeholder?: string;
       slots?: {
           EmptyMessage?: ReactNode;
           ErrorMessage?: ReactNode;
@@ -5435,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';
@@ -5453,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';
@@ -5610,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' | 'baseline';
+      align?: 'start' | 'center' | 'baseline' | 'end';
       gap?: Spacing;
       justify?: 'start' | 'center' | 'end' | 'space-between';
       overflow?: 'scroll' | 'hidden' | 'auto' | 'clip' | 'visible';
@@ -5625,7 +6804,7 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
       className?: string;
   }>;
   export const VStack: import("react").ForwardRefExoticComponent<{
-      align?: "start" | "center" | "baseline";
+      align?: "start" | "center" | "baseline" | "end";
       gap?: Spacing;
       justify?: "start" | "center" | "end" | "space-between";
       overflow?: "scroll" | "hidden" | "auto" | "clip" | "visible";
@@ -5642,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" | "baseline";
+      align?: "start" | "center" | "baseline" | "end";
       gap?: Spacing;
       justify?: "start" | "center" | "end" | "space-between";
       overflow?: "scroll" | "hidden" | "auto" | "clip" | "visible";
@@ -6617,6 +7796,20 @@ declare module '@layerfi/components/features/customers/api/useListCustomers' {
   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 {};
+
 }
 declare module '@layerfi/components/features/customers/customersSchemas' {
   import { Schema } from 'effect';
@@ -6635,6 +7828,7 @@ declare module '@layerfi/components/features/customers/customersSchemas' {
           isOptimistic: typeof Schema.Boolean;
       }>>;
   }>;
+  export type Customer = typeof CustomerSchema.Type;
   export const encodeCustomer: (a: {
       readonly id: string;
       readonly externalId: string | null;
@@ -6665,6 +7859,103 @@ 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';
@@ -7195,7 +8486,7 @@ declare module '@layerfi/components/features/invoices/api/useUpsertInvoice' {
           readonly dueAt: Date;
           readonly invoiceNumber: string | undefined;
           readonly lineItems: readonly {
-              readonly description: string | undefined;
+              readonly description: string;
               readonly product: string;
               readonly quantity: import("effect/BigDecimal").BigDecimal;
               readonly unitPrice: number;
@@ -7254,6 +8545,7 @@ declare module '@layerfi/components/features/invoices/invoiceSchemas' {
       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>;
@@ -7316,15 +8608,17 @@ declare module '@layerfi/components/features/invoices/invoiceSchemas' {
       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: Schema.filter<typeof Schema.NumberFromString>;
+      amount: typeof Schema.Number;
   }>;
   export const UpsertInvoiceLineItemSchema: Schema.Struct<{
-      description: Schema.PropertySignature<":", string | undefined, "description", ":", string | undefined, false, never>;
-      product: Schema.PropertySignature<":", string, "product", ":", string, false, never>;
-      unitPrice: Schema.PropertySignature<":", number, "unit_price", ":", string, false, never>;
-      quantity: Schema.PropertySignature<":", import("effect/BigDecimal").BigDecimal, "quantity", ":", string, false, never>;
+      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>;
@@ -7332,24 +8626,23 @@ declare module '@layerfi/components/features/invoices/invoiceSchemas' {
       customerId: Schema.PropertySignature<":", string, "customer_id", ":", string, false, never>;
       memo: Schema.NullOr<typeof Schema.String>;
       lineItems: Schema.PropertySignature<":", readonly {
-          readonly description: string | undefined;
+          readonly description: string;
           readonly product: string;
           readonly quantity: import("effect/BigDecimal").BigDecimal;
           readonly unitPrice: number;
       }[], "line_items", ":", readonly {
-          readonly description: string | undefined;
+          readonly description: string;
           readonly product: string;
           readonly quantity: string;
-          readonly unit_price: string;
+          readonly unit_price: number;
       }[], false, never>;
-      additionalDiscount: Schema.PropertySignature<":", number | undefined, "additional_discount", ":", string | undefined, 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: string;
+          readonly amount: number;
       }[] | undefined, false, never>;
   }>;
-  export type Invoice = typeof InvoiceSchema.Type;
   export type UpsertInvoice = typeof UpsertInvoiceSchema.Type;
 
 }
@@ -9577,6 +10870,7 @@ 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"];
@@ -9600,7 +10894,7 @@ declare module '@layerfi/components/providers/GlobalDateStore/GlobalDateStorePro
       setRangeWithExplicitDisplayMode: (options: {
           start: Date;
           end: Date;
-          rangeDisplayMode: DateRangePickerMode;
+          displayMode: UnifiedPickerMode;
       }) => void;
       setDateRange: (options: {
           start: Date;
@@ -9645,7 +10939,6 @@ declare module '@layerfi/components/providers/GlobalDateStore/useGlobalDateRange
       setDisplayMode: (displayMode: DateRangePickerMode) => void;
   };
   export function useGlobalDateRangePicker({ displayMode, setDisplayMode }: UseGlobalDateRangePickerProps): {
-      dateFormat: "MMM d" | undefined;
       rangeDisplayMode: "dayRangePicker" | "monthPicker" | "monthRangePicker" | "yearPicker";
       onChangeMode: (newMode: UnifiedPickerMode) => void;
       dateOrDateRange: Date | [Date, Date];
@@ -9735,6 +11028,14 @@ declare module '@layerfi/components/providers/ReportsModeStoreProvider/ReportsMo
       [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;
@@ -9742,8 +11043,9 @@ declare module '@layerfi/components/providers/ReportsModeStoreProvider/ReportsMo
   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, }: ReportsModeStoreProviderProps): import("react/jsx-runtime").JSX.Element;
+  export function ReportsModeStoreProvider({ children, initialModes, resetPnLModeToDefaultOnMount, }: ReportsModeStoreProviderProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -11170,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';
@@ -11507,7 +12825,6 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       showTooltips?: boolean;
       showUnlinkItem?: boolean;
       showUploadOptions?: boolean;
-      showAddAccount?: boolean;
       /**
        * @deprecated `mode` can be inferred from the bookkeeping configuration of a business
        */
@@ -11515,7 +12832,7 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       mobileComponent?: MobileComponentType;
       stringOverrides?: BankTransactionsWithLinkedAccountsStringOverrides;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, mode, showBreakConnection, showCustomerVendor, showDescriptions, showLedgerBalance, showReceiptUploads, showTags, showTooltips, showUnlinkItem, showUploadOptions, showAddAccount, 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 {};
 
 }