@layerfi/components 0.1.108-alpha → 0.1.108

package/dist/index.d.ts

@@ -2798,21 +2798,6 @@ declare module '@layerfi/components/components/DetailReportBreadcrumb/DetailRepo
   }
   export const DetailReportBreadcrumb: ({ breadcrumbs, subtitle, onBreadcrumbClick, }: DetailReportBreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
 
-}
-declare module '@layerfi/components/components/DetailReportHeader/DetailReportHeader' {
-  import { ReactNode } from 'react';
-  export interface DetailReportHeaderProps {
-      title: ReactNode;
-      onClose: () => void;
-      className?: string;
-  }
-  export const DetailReportHeader: ({ title, onClose, className, }: DetailReportHeaderProps) => import("react/jsx-runtime").JSX.Element;
-
-}
-declare module '@layerfi/components/components/DetailReportHeader/index' {
-  export { DetailReportHeader } from '@layerfi/components/components/DetailReportHeader/DetailReportHeader';
-  export type { DetailReportHeaderProps } from '@layerfi/components/components/DetailReportHeader/DetailReportHeader';
-
 }
 declare module '@layerfi/components/components/DetailsList/DetailsList' {
   import { ReactNode } from 'react';
@@ -3720,12 +3705,12 @@ declare module '@layerfi/components/components/Invoices/Modal/InvoiceRefundModal
 }
 declare module '@layerfi/components/components/Invoices/Modal/InvoiceResetModal' {
   import { ModalProps } from '@layerfi/components/components/ui/Modal/Modal';
-  import type { Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { type Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
   type InvoiceResetModalProps = Pick<ModalProps, 'isOpen' | 'onOpenChange'> & {
-      invoiceId: string;
+      invoice: Invoice;
       onSuccess: (invoice: Invoice) => void;
   };
-  export function InvoiceResetModal({ isOpen, onOpenChange, invoiceId: _invoiceId }: InvoiceResetModalProps): import("react/jsx-runtime").JSX.Element;
+  export function InvoiceResetModal({ isOpen, onOpenChange, invoice, onSuccess }: InvoiceResetModalProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -4677,6 +4662,19 @@ declare module '@layerfi/components/components/ProfitAndLossDetailReport/ProfitA
   }
   export const ProfitAndLossDetailReport: ({ lineItemName, breadcrumbPath, onClose, onBreadcrumbClick, stringOverrides, }: ProfitAndLossDetailReportProps) => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailReportModal' {
+  import { type ProfitAndLossDetailReportProps } from '@layerfi/components/components/ProfitAndLossDetailReport/ProfitAndLossDetailReport';
+  import { type SelectedLineItem } from '@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport';
+  export interface DetailReportModalProps {
+      isOpen: boolean;
+      onOpenChange: (isOpen: boolean) => void;
+      selectedItem: SelectedLineItem | null;
+      onBreadcrumbClick?: (lineItemName: string) => void;
+      stringOverrides?: ProfitAndLossDetailReportProps['stringOverrides'];
+  }
+  export function DetailReportModal({ isOpen, onOpenChange, selectedItem, onBreadcrumbClick, stringOverrides, }: DetailReportModalProps): import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailedChart' {
   import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
@@ -4714,13 +4712,14 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       sortBy: (scope: Scope, field: string, direction?: SortDirection) => void;
       chartColorsList?: string[];
       stringOverrides?: DetailedTableStringOverrides;
+      onValueClick?: (item: PnlChartLineItem) => void;
   }
   export interface TypeColorMapping {
       color: string;
       opacity: number;
   }
   export const mapTypesToColors: (data: PnlChartLineItem[], colorList?: string[]) => TypeColorMapping[];
-  export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, chartColorsList, stringOverrides, }: DetailedTableProps) => import("react/jsx-runtime").JSX.Element;
+  export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, chartColorsList, stringOverrides, onValueClick, }: DetailedTableProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Filters' {
@@ -4738,8 +4737,10 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Filte
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts' {
   import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
   import { DetailedTableStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailedTable';
+  import type { ProfitAndLossDetailReportProps } from '@layerfi/components/components/ProfitAndLossDetailReport/ProfitAndLossDetailReport';
   export interface ProfitAndLossDetailedChartsStringOverrides {
       detailedTableStringOverrides?: DetailedTableStringOverrides;
+      detailReportStringOverrides?: ProfitAndLossDetailReportProps['stringOverrides'];
   }
   export const ProfitAndLossDetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
       scope?: SidebarScope;
@@ -4796,6 +4797,7 @@ declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLoss
   import { View as ViewType } from '@layerfi/components/types/general';
   import { ReportsStringOverrides } from '@layerfi/components/views/Reports/Reports';
   import type { TimeRangePickerConfig } from '@layerfi/components/views/Reports/reportTypes';
+  import { BreadcrumbItem } from '@layerfi/components/components/DetailReportBreadcrumb/DetailReportBreadcrumb';
   import { LinkingMetadata } from '@layerfi/components/contexts/InAppLinkContext';
   type ViewBreakpoint = ViewType | undefined;
   export type ProfitAndLossReportProps = {
@@ -4803,6 +4805,10 @@ declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLoss
       view?: ViewBreakpoint;
       renderInAppLink?: (source: LinkingMetadata) => ReactNode;
   } & TimeRangePickerConfig;
+  export type SelectedLineItem = {
+      lineItemName: string;
+      breadcrumbPath: BreadcrumbItem[];
+  };
   export const ProfitAndLossReport: ({ stringOverrides, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, view, renderInAppLink, }: ProfitAndLossReportProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
@@ -5306,16 +5312,19 @@ declare module '@layerfi/components/components/Tasks/TasksList' {
       pageSize?: number;
       mobile?: boolean;
   };
-  export function TasksList({ pageSize, mobile }: TasksListProps): import("react/jsx-runtime").JSX.Element;
+  export const TasksList: ({ pageSize, mobile }: TasksListProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/components/Tasks/TasksListItem' {
   import { type UserVisibleTask } from '@layerfi/components/utils/bookkeeping/tasks/bookkeepingTasksFilters';
-  export const TasksListItem: ({ task, defaultOpen, }: {
+  type TasksListItemProps = {
       task: UserVisibleTask;
       defaultOpen: boolean;
-  }) => import("react/jsx-runtime").JSX.Element;
+      onExpandTask?: (isOpen: boolean) => void;
+  };
+  export const TasksListItem: import("react").ForwardRefExoticComponent<TasksListItemProps & import("react").RefAttributes<HTMLDivElement>>;
+  export {};
 
 }
 declare module '@layerfi/components/components/Tasks/TasksListMobile' {
@@ -6035,7 +6044,7 @@ declare module '@layerfi/components/components/ui/Meter/Meter' {
 declare module '@layerfi/components/components/ui/Modal/Modal' {
   import { type ComponentProps } from 'react';
   import { type DialogProps, type ModalOverlayProps } from 'react-aria-components';
-  type ModalSize = 'md' | 'lg';
+  type ModalSize = 'md' | 'lg' | 'xl';
   type ModalVariant = 'center' | 'drawer' | 'mobile-drawer';
   const ModalOverlay: import("react").ForwardRefExoticComponent<Omit<ModalOverlayProps, "className"> & {
       variant: ModalVariant;
@@ -6075,14 +6084,15 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
       onClose?: () => void;
   };
   export const ModalTitleWithClose: import("react").ForwardRefExoticComponent<ModalTitleWithCloseProps & import("react").RefAttributes<HTMLDivElement>>;
-  export const ModalHeading: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react-aria-components").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "className"> & {
+  export const ModalHeading: import("react").ForwardRefExoticComponent<Omit<Omit<import("react-aria-components").HeadingProps & {
       align?: "center";
       pbe?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       pie?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       size?: "2xs" | "xs" | "sm" | "lg" | "xl";
       variant?: "subtle";
       weight?: "normal" | "bold";
-  }, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+      ellipsis?: true;
+  } & import("react").RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
   export const ModalDescription: import("react").ForwardRefExoticComponent<Omit<Omit<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "id" | "slot"> & {
       nonAria?: true;
   } & import("@layerfi/components/components/ui/Typography/Text").TextStyleProps & {
@@ -6231,6 +6241,7 @@ declare module '@layerfi/components/components/ui/TagGroup/TagGroup' {
 
 }
 declare module '@layerfi/components/components/ui/Typography/Heading' {
+  import { HeadingProps as ReactAriaHeadingProps } from 'react-aria-components';
   import type { Spacing } from '@layerfi/components/components/ui/sharedUITypes';
   type HeadingDataProps = {
       align?: 'center';
@@ -6239,8 +6250,9 @@ declare module '@layerfi/components/components/ui/Typography/Heading' {
       size?: '2xs' | 'xs' | 'sm' | 'lg' | 'xl';
       variant?: 'subtle';
       weight?: 'normal' | 'bold';
+      ellipsis?: true;
   };
-  const Heading: import("react").ForwardRefExoticComponent<Omit<Omit<import("react-aria-components").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "className"> & HeadingDataProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  const Heading: import("react").ForwardRefExoticComponent<ReactAriaHeadingProps & HeadingDataProps & import("react").RefAttributes<HTMLHeadingElement>>;
   export { Heading };
 
 }
@@ -7212,6 +7224,11 @@ declare module '@layerfi/components/features/customers/components/CustomerSelect
   export function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, placeholder, isReadOnly, inline, className, }: CustomerSelectorProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/features/customers/util' {
+  import type { Customer } from '@layerfi/components/schemas/customer';
+  export function getCustomerName(customer?: Customer | null): string;
+
 }
 declare module '@layerfi/components/features/forms/components/BaseFormTextField' {
   import type { PropsWithChildren } from 'react';
@@ -7348,8 +7365,9 @@ declare module '@layerfi/components/features/invoices/api/useListInvoices' {
   type ListInvoicesBaseParams = {
       businessId: string;
   };
-  type ListInvoicesFilterParams = {
+  export type ListInvoicesFilterParams = {
       status?: ReadonlyArray<InvoiceStatus>;
+      query?: string;
       dueAtStart?: Date;
       dueAtEnd?: Date;
   };
@@ -7672,7 +7690,7 @@ declare module '@layerfi/components/features/invoices/api/useListInvoices' {
           };
       };
   }>;
-  export function useListInvoices({ status, dueAtStart, dueAtEnd, sortBy, sortOrder, limit, showTotalCount, }?: ListInvoicesOptions): ListInvoicesSWRResponse;
+  export function useListInvoices({ status, query, dueAtStart, dueAtEnd, sortBy, sortOrder, limit, showTotalCount, }?: ListInvoicesOptions): ListInvoicesSWRResponse;
   export function useInvoicesGlobalCacheActions(): {
       patchInvoiceByKey: (updatedInvoice: Invoice) => Promise<({
           readonly data: readonly {
@@ -7971,6 +7989,191 @@ declare module '@layerfi/components/features/invoices/api/useRefundInvoice' {
   export const useRefundInvoice: ({ invoiceId }: UseRefundInvoiceProps) => RefundInvoiceSWRResponse;
   export {};
 
+}
+declare module '@layerfi/components/features/invoices/api/useResetInvoice' {
+  import type { Key } from 'swr';
+  import { type SWRMutationResponse } from 'swr/mutation';
+  import { Schema } from 'effect';
+  const ResetInvoiceReturnSchema: Schema.Struct<{
+      data: Schema.Struct<{
+          id: typeof Schema.UUID;
+          businessId: Schema.PropertySignature<":", string, "business_id", ":", string, false, never>;
+          externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+          status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<import("@layerfi/components/features/invoices/invoiceSchemas").InvoiceStatus, import("../invoiceSchemas").InvoiceStatus, never>>;
+          sentAt: Schema.PropertySignature<":", Date | null, "sent_at", ":", string | null, false, never>;
+          dueAt: Schema.PropertySignature<":", Date | null, "due_at", ":", string | null, false, never>;
+          paidAt: Schema.PropertySignature<":", Date | null, "paid_at", ":", string | null, false, never>;
+          voidedAt: Schema.PropertySignature<":", Date | null, "voided_at", ":", string | null, false, never>;
+          invoiceNumber: Schema.PropertySignature<":", string | null, "invoice_number", ":", string | null, false, never>;
+          recipientName: Schema.PropertySignature<":", string | null, "recipient_name", ":", string | null, false, never>;
+          customer: Schema.NullOr<Schema.Struct<{
+              id: typeof Schema.UUID;
+              externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+              individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+              companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+              email: Schema.NullOr<typeof Schema.String>;
+              mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+              officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+              addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
+              status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+              memo: Schema.NullOr<typeof Schema.String>;
+              _local: Schema.optional<Schema.Struct<{
+                  isOptimistic: typeof Schema.Boolean;
+              }>>;
+          }>>;
+          lineItems: Schema.PropertySignature<":", readonly {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly memo: string | null;
+              readonly description: string | null;
+              readonly invoiceId: string;
+              readonly product: string | null;
+              readonly subtotal: number;
+              readonly quantity: import("effect/BigDecimal").BigDecimal;
+              readonly unitPrice: number;
+              readonly discountAmount: number;
+              readonly salesTaxTotal: number;
+              readonly totalAmount: number;
+          }[], "line_items", ":", readonly {
+              readonly id: string;
+              readonly external_id: string | null;
+              readonly memo: string | null;
+              readonly description: string | null;
+              readonly invoice_id: string;
+              readonly product: string | null;
+              readonly subtotal: number;
+              readonly quantity: string;
+              readonly unit_price: number;
+              readonly discount_amount: number;
+              readonly sales_taxes_total: number;
+              readonly total_amount: number;
+          }[], false, never>;
+          subtotal: typeof Schema.Number;
+          additionalDiscount: Schema.PropertySignature<":", number, "additional_discount", ":", number, false, never>;
+          additionalSalesTaxesTotal: Schema.PropertySignature<":", number, "additional_sales_taxes_total", ":", number, false, never>;
+          totalAmount: Schema.PropertySignature<":", number, "total_amount", ":", number, false, never>;
+          outstandingBalance: Schema.PropertySignature<":", number, "outstanding_balance", ":", number, false, never>;
+          importedAt: Schema.PropertySignature<":", Date, "imported_at", ":", string, false, never>;
+          updatedAt: Schema.PropertySignature<":", Date | null, "updated_at", ":", string | null, false, never>;
+          memo: Schema.NullOr<typeof Schema.String>;
+      }>;
+  }>;
+  type ResetInvoiceReturn = typeof ResetInvoiceReturnSchema.Type;
+  type ResetInvoiceSWRMutationResponse = SWRMutationResponse<ResetInvoiceReturn, unknown, Key, never>;
+  class ResetInvoiceSWRResponse {
+      private swrResponse;
+      constructor(swrResponse: ResetInvoiceSWRMutationResponse);
+      get data(): {
+          readonly data: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly status: import("@layerfi/components/features/invoices/invoiceSchemas").InvoiceStatus;
+              readonly memo: string | null;
+              readonly customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              readonly invoiceNumber: string | null;
+              readonly recipientName: string | null;
+              readonly businessId: string;
+              readonly lineItems: readonly {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly memo: string | null;
+                  readonly description: string | null;
+                  readonly invoiceId: string;
+                  readonly product: string | null;
+                  readonly subtotal: number;
+                  readonly quantity: import("effect/BigDecimal").BigDecimal;
+                  readonly unitPrice: number;
+                  readonly discountAmount: number;
+                  readonly salesTaxTotal: number;
+                  readonly totalAmount: number;
+              }[];
+              readonly updatedAt: Date | null;
+              readonly subtotal: number;
+              readonly paidAt: Date | null;
+              readonly totalAmount: number;
+              readonly sentAt: Date | null;
+              readonly dueAt: Date | null;
+              readonly voidedAt: Date | null;
+              readonly additionalDiscount: number;
+              readonly additionalSalesTaxesTotal: number;
+              readonly outstandingBalance: number;
+              readonly importedAt: Date;
+          };
+      } | undefined;
+      get trigger(): import("swr/mutation").TriggerWithoutArgs<{
+          readonly data: {
+              readonly id: string;
+              readonly externalId: string | null;
+              readonly status: import("@layerfi/components/features/invoices/invoiceSchemas").InvoiceStatus;
+              readonly memo: string | null;
+              readonly customer: {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly individualName: string | null;
+                  readonly companyName: string | null;
+                  readonly email: string | null;
+                  readonly mobilePhone: string | null;
+                  readonly officePhone: string | null;
+                  readonly addressString: string | null;
+                  readonly status: "ACTIVE" | "ARCHIVED";
+                  readonly memo: string | null;
+                  readonly _local?: {
+                      readonly isOptimistic: boolean;
+                  } | undefined;
+              } | null;
+              readonly invoiceNumber: string | null;
+              readonly recipientName: string | null;
+              readonly businessId: string;
+              readonly lineItems: readonly {
+                  readonly id: string;
+                  readonly externalId: string | null;
+                  readonly memo: string | null;
+                  readonly description: string | null;
+                  readonly invoiceId: string;
+                  readonly product: string | null;
+                  readonly subtotal: number;
+                  readonly quantity: import("effect/BigDecimal").BigDecimal;
+                  readonly unitPrice: number;
+                  readonly discountAmount: number;
+                  readonly salesTaxTotal: number;
+                  readonly totalAmount: number;
+              }[];
+              readonly updatedAt: Date | null;
+              readonly subtotal: number;
+              readonly paidAt: Date | null;
+              readonly totalAmount: number;
+              readonly sentAt: Date | null;
+              readonly dueAt: Date | null;
+              readonly voidedAt: Date | null;
+              readonly additionalDiscount: number;
+              readonly additionalSalesTaxesTotal: number;
+              readonly outstandingBalance: number;
+              readonly importedAt: Date;
+          };
+      }, unknown, Key, never>;
+      get isMutating(): boolean;
+      get isError(): boolean;
+  }
+  type UseResetInvoiceProps = {
+      invoiceId: string;
+  };
+  export const useResetInvoice: ({ invoiceId }: UseResetInvoiceProps) => ResetInvoiceSWRResponse;
+  export {};
+
 }
 declare module '@layerfi/components/features/invoices/api/useUpsertDedicatedInvoicePayment' {
   import type { Key } from 'swr';
@@ -10177,6 +10380,15 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/useListExternalAccou
   export const EXTERNAL_ACCOUNTS_TAG_KEY = "#external-accounts";
   export function useListExternalAccounts(): import("swr").SWRResponse<import("../../types/linked_accounts").LinkedAccount[], any, any>;
 
+}
+declare module '@layerfi/components/hooks/useMediaQuery' {
+  /**
+   * Hook to track media query matches
+   * @param query - CSS media query string (e.g., '(max-width: 768px)')
+   * @returns boolean indicating if the media query matches
+   */
+  export function useMediaQuery(query: string): boolean;
+
 }
 declare module '@layerfi/components/hooks/usePaginationRange/usePaginationRange' {
   export enum Dots {
@@ -11121,6 +11333,7 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/schemas' {
 }
 declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
   import { ReportingBasis, SortDirection } from '@layerfi/components/types';
+  import { type PnlChartLineItem } from '@layerfi/components/utils/profitAndLossUtils';
   export type Scope = 'expenses' | 'revenue';
   export type SidebarScope = Scope | undefined;
   export type PnlTagFilter = {
@@ -11222,9 +11435,9 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
               readonly lineItems: readonly import("@layerfi/components/utils/schema/utils").LineItem[];
           } | null;
       } | undefined;
-      filteredDataRevenue: never[] | import("@layerfi/components/utils/profitAndLossUtils").PnlChartLineItem[];
+      filteredDataRevenue: never[] | PnlChartLineItem[];
       filteredTotalRevenue: number | undefined;
-      filteredDataExpenses: never[] | import("@layerfi/components/utils/profitAndLossUtils").PnlChartLineItem[];
+      filteredDataExpenses: never[] | PnlChartLineItem[];
       filteredTotalExpenses: number | undefined;
       isLoading: boolean;
       isValidating: boolean;
@@ -12065,6 +12278,21 @@ declare module '@layerfi/components/hooks/useReceipts/useReceipts' {
   export const useReceipts: UseReceipts;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useResponsiveColumnVisibility' {
+  import type { VisibilityState } from '@tanstack/react-table';
+  export interface ResponsiveColumnConfig {
+      /** Columns to show on mobile (max-width: 768px) */
+      mobileColumns: string[];
+      /** Columns to show on desktop (min-width: 769px) */
+      desktopColumns: string[];
+  }
+  /**
+   * Hook to manage responsive column visibility for tables
+   * Returns a columnVisibility state object that can be passed to TanStack Table
+   */
+  export function useResponsiveColumnVisibility(config: ResponsiveColumnConfig): VisibilityState;
+
 }
 declare module '@layerfi/components/hooks/useStatementOfCashFlow/useStatementOfCashFlow' {
   export function useStatementOfCashFlow({ startDate, endDate, }: {
@@ -12764,8 +12992,9 @@ declare module '@layerfi/components/providers/InvoiceStore/InvoiceStoreProvider'
   import type { Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
   import { type InvoiceStatusOption } from '@layerfi/components/components/Invoices/InvoiceTable/InvoiceTable';
   import type { InvoiceFormMode } from '@layerfi/components/components/Invoices/InvoiceForm/InvoiceForm';
-  type InvoiceTableQuery = {
+  export type InvoiceTableFilters = {
       status: InvoiceStatusOption;
+      query: string;
   };
   export enum InvoiceRoute {
       Table = "Table",
@@ -12780,9 +13009,9 @@ declare module '@layerfi/components/providers/InvoiceStore/InvoiceStoreProvider'
   type InvoiceRouteState = InvoiceDetailRouteState | InvoiceTableRouteState;
   export function useInvoiceRouteState(): InvoiceRouteState;
   export function useInvoiceDetail(): InvoiceFormMode;
-  export function useInvoiceTableQuery(): {
-      query: InvoiceTableQuery;
-      setQuery: (patchQuery: Partial<InvoiceTableQuery>) => void;
+  export function useInvoiceTableFilters(): {
+      tableFilters: InvoiceTableFilters;
+      setTableFilters: (patchFilters: Partial<InvoiceTableFilters>) => void;
   };
   export function useInvoiceNavigation(): {
       toCreateInvoice: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.108-alpha",
+  "version": "0.1.108",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",