@layerfi/components 0.1.94-alpha → 0.1.95-alpha

package/dist/index.css

@@ -562,6 +562,8 @@
 .Layer__btn--secondary {
   color: var(--btn-secondary-color);
   background: var(--btn-secondary-bg-color);
+  border: 1px solid var(--border-color);
+  box-shadow: none;
 }
 .Layer__btn--tertiary {
   color: var(--btn-tertiary-color);
@@ -4069,7 +4071,7 @@
 }
 .Layer__table-cell--primary,
 .Layer__table-cell--primary .Layer__table-cell-content {
-  color: var(--color-base-900);
+  color: var(--color-base-700);
   font-weight: var(--font-weight-bold);
 }
 .Layer__table-cell-content {
@@ -4611,6 +4613,36 @@ tbody .Layer__table__empty-row:first-child {
   animation-timing-function: linear;
   animation-iteration-count: infinite;
 }
+.Layer__Menu {
+  max-block-size: inherit;
+  min-inline-size: 9rem;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3xs);
+  padding: var(--spacing-3xs);
+  border: 1px solid var(--border-color);
+  border-radius: var(--spacing-xs);
+  background: white;
+  outline: none;
+}
+.Layer__MenuItem {
+  display: flex;
+  align-items: center;
+  padding-inline: var(--spacing-xs);
+  padding-block: var(--spacing-3xs);
+  border-radius: var(--spacing-2xs);
+  outline: none;
+  cursor: pointer;
+}
+.Layer__MenuItem[data-focused] {
+  background: var(--color-base-50);
+  color: var(--color-base-800);
+}
+.Layer__MenuItem[data-focus-visible] {
+  outline: 1px solid var(--color-base-100);
+  outline-offset: 1px;
+}
 .Layer__ModalOverlay {
   display: grid;
   place-items: center;
@@ -4685,6 +4717,32 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__ModalActions {
   padding-block-start: var(--spacing-lg);
 }
+.Layer__Pill {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  font-size: var(--text-sm);
+  background-color: var(--badge-bg-color);
+  color: var(--badge-color);
+  border-radius: var(--badge-border-radius);
+  padding: var(--spacing-2xs) var(--spacing-sm);
+  white-space: nowrap;
+  user-select: none;
+}
+.Layer__Pill svg {
+  margin-right: 0.25rem;
+}
+.Layer__Pill[data-status=error] {
+  background-color: var(--color-info-error-bg);
+  color: var(--color-info-error-fg);
+}
+.Layer__Pill[data-status=error][data-focus-visible] {
+  outline: 1px solid var(--color-info-error-bg);
+  outline-offset: 1px;
+}
 .Layer__Stack {
   display: flex;
 }
@@ -4874,6 +4932,7 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__MinimalSearchField > [slot=input] {
   grid-area: input;
+  font-family: var(--font-family);
   border: none;
   outline: none;
   background: none;
@@ -4882,7 +4941,7 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__MinimalSearchField > [slot=input]::-webkit-search-cancel-button,
 .Layer__MinimalSearchField > [slot=input]::-webkit-search-decoration {
-  -webkit-appearance: none;
+  appearance: none;
 }
 .Layer__MinimalSearchField[data-empty] > [slot=input] {
   grid-column: 1/-1;
@@ -4958,7 +5017,7 @@ tbody .Layer__table__empty-row:first-child {
   max-inline-size: unset;
 }
 .Layer__MoneyText {
-  color: var(--color-base-900);
+  color: var(--color-base-700);
   overflow-x: hidden;
   text-overflow: ellipsis;
 }
@@ -5154,19 +5213,19 @@ tbody .Layer__table__empty-row:first-child {
 }
 @container (min-width: 640px) {
   .Layer__TransactionsActions {
-    grid-template-columns: auto minmax(0, 1fr) minmax(0, 2fr) auto;
+    grid-template-columns: auto minmax(0, 2fr) minmax(0, 3fr) auto;
     grid-template-areas: "toggle . search download";
   }
 }
 @container (min-width: 780px) {
   .Layer__TransactionsActions {
-    grid-template-columns: auto minmax(0, 2fr) minmax(0, 3fr) auto;
+    grid-template-columns: auto minmax(0, 3fr) minmax(0, 2fr) auto;
     grid-template-areas: "toggle . search download";
   }
 }
 @container (min-width: 1024px) {
   .Layer__TransactionsActions {
-    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
+    grid-template-columns: auto minmax(0, 3fr) minmax(0, 1fr) auto;
     grid-template-areas: "toggle . search download";
   }
 }
@@ -5184,7 +5243,8 @@ tbody .Layer__table__empty-row:first-child {
   grid-template-areas: "icon search";
   grid-template-columns: auto minmax(0, 1fr);
   align-items: center;
-  border-radius: var(--border-radius-xs);
+  background: var(--color-base-0);
+  border-radius: var(--border-radius-2xs);
   border: 1px solid var(--border-color);
   padding-inline-end: var(--spacing-3xs);
 }
@@ -6369,7 +6429,7 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__ledger_account-table__balance-item .Layer__ledger_account-table__balances-mobile__value {
   font-weight: var(--font-weight-bold);
-  color: var(--color-base-900);
+  color: var(--color-base-700);
 }
 @container (max-width: 1024px) {
   .Layer__ledger-account__panel .Layer__panel__sidebar .Layer__panel__sidebar-content {
@@ -6611,7 +6671,6 @@ tbody .Layer__table__empty-row:first-child {
 }
 .Layer__bank-transactions__header.Layer__bank-transactions__header--mobile .Layer__bank-transactions__header__content,
 .Layer__bank-transactions__header.Layer__bank-transactions__header--with-date-picker .Layer__bank-transactions__header__content {
-  width: 100%;
   padding-left: var(--spacing-3xs);
 }
 .Layer__bank-transactions__header--with-date-picker.Layer__bank-transactions__header--mobile .Layer__datepicker__wrapper {
@@ -6860,6 +6919,9 @@ tbody .Layer__table__empty-row:first-child {
   gap: var(--spacing-sm);
   padding: var(--spacing-sm) 0;
 }
+.Layer__expanded-bank-transaction-row__total-and-btns:empty {
+  display: none;
+}
 .Layer__bank-transaction-row__table-cell--amount-credit,
 .Layer__bank-transaction-list-item__amount-credit {
   justify-content: flex-end;
@@ -7788,7 +7850,6 @@ tbody .Layer__table__empty-row:first-child {
   flex-direction: column;
   list-style: none;
   overflow: hidden;
-  max-width: 414px;
   margin: auto;
 }
 .Layer__bank-transaction-mobile-list-item {
@@ -8863,6 +8924,7 @@ tbody .Layer__table__empty-row:first-child {
   flex-direction: column;
   gap: var(--spacing-4xs);
   justify-content: stretch;
+  min-width: 0;
 }
 .Layer__linked-account-thumb .topbar .topbar-logo {
   display: flex;
@@ -9387,36 +9449,6 @@ tbody .Layer__table__empty-row:first-child {
   padding: 0 0 var(--spacing-sm) var(--spacing-xs);
   position: relative;
 }
-.Layer__pill {
-  position: relative;
-  background-color: var(--badge-bg-color);
-  color: var(--badge-color);
-  border-radius: var(--badge-border-radius);
-  font-size: var(--text-sm);
-  padding: var(--spacing-2xs) var(--spacing-sm);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  white-space: nowrap;
-  user-select: none;
-}
-.Layer__pill svg {
-  margin-right: 0.25rem;
-}
-.Layer__pill--error {
-  background-color: var(--color-info-error-bg);
-  color: var(--color-info-error-fg);
-}
-.Layer__pill--info {
-  background-color: var(--color-info-bg);
-  color: var(--color-info-fg);
-}
-.Layer__pill--actionable {
-  cursor: pointer;
-}
-.Layer__pill--actionable:hover {
-  opacity: 0.7;
-}
 .Layer__ProfitAndLossSummariesListItem {
   all: unset;
   display: grid;

package/dist/index.d.ts

@@ -58,9 +58,8 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
           };
       };
   };
-  type GetBankTransactionsParams = {
+  type GetBankTransactionsBaseParams = {
       businessId: string;
-      cursor?: string;
       categorized?: boolean;
       descriptionFilter?: string;
       direction?: 'INFLOW' | 'OUTFLOW';
@@ -70,8 +69,12 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       sortOrder?: 'ASC' | 'DESC';
       sortBy?: string;
   };
+  type GetBankTransactionsPaginatedParams = GetBankTransactionsBaseParams & {
+      cursor?: string;
+      limit?: number;
+  };
   export const getBankTransactions: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: GetBankTransactionsParams | undefined;
+      params?: GetBankTransactionsPaginatedParams | undefined;
   } | undefined) => () => Promise<GetBankTransactionsReturn>;
   export const categorizeBankTransaction: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
@@ -90,26 +93,10 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       data: BankTransactionMatch;
       errors: unknown;
   }>;
-  export interface GetBankTransactionsExportParams extends Record<string, string | undefined> {
-      businessId: string;
-      startDate?: string;
-      endDate?: string;
-      categorized?: 'true' | 'false';
-      category?: string;
-      month?: string;
-      year?: string;
-  }
-  export const getBankTransactionsCsv: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
-  } | undefined) => () => Promise<{
-      data?: S3PresignedUrl;
-      error?: unknown;
-  }>;
   export const getBankTransactionsExcel: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
+      params?: GetBankTransactionsBaseParams | undefined;
   } | undefined) => () => Promise<{
-      data?: S3PresignedUrl;
-      error?: unknown;
+      data: S3PresignedUrl;
   }>;
   export const getBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
@@ -692,18 +679,6 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types/general").S3PresignedUrl;
       }>;
-      getBankTransactionsCsv: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
-      } | undefined) => () => Promise<{
-          data?: import("@layerfi/components/types/general").S3PresignedUrl;
-          error?: unknown;
-      }>;
-      getBankTransactionsExcel: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
-      } | undefined) => () => Promise<{
-          data?: import("@layerfi/components/types/general").S3PresignedUrl;
-          error?: unknown;
-      }>;
       getBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
@@ -1507,7 +1482,7 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       stringOverrides?: BankTransactionCTAStringOverrides;
   };
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
-  export const extractDescriptionForSplit: (category: CategoryWithEntries) => string;
+  export const extractDescriptionForSplit: (category: CategoryWithEntries | null) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
   export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, showReceiptUploadColumn, showTooltips, stringOverrides, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
@@ -1528,7 +1503,7 @@ declare module '@layerfi/components/components/BankTransactionRow/SplitTooltipDe
   import type { CategoryWithEntries } from '@layerfi/components/types/bank_transactions';
   export const SplitTooltipDetails: ({ classNamePrefix, category, }: {
       classNamePrefix: string;
-      category: CategoryWithEntries;
+      category: CategoryWithEntries | null;
   }) => import("react/jsx-runtime").JSX.Element | undefined;
 
 }
@@ -1568,7 +1543,7 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactionM
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactions' {
   import { BankTransactionFilters } from '@layerfi/components/hooks/useBankTransactions/types';
-  import { BankTransactionsTableStringOverrides } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
+  import { type BankTransactionsTableStringOverrides } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
   import { BankTransactionsHeaderStringOverrides } from '@layerfi/components/components/BankTransactions/BankTransactionsHeader';
   import { MobileComponentType } from '@layerfi/components/components/BankTransactions/constants';
   import type { LayerError } from '@layerfi/components/models/ErrorHandler';
@@ -1632,17 +1607,15 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
   export const BankTransactionsHeader: ({ shiftStickyHeader, asWidget, categorizedOnly, categorizeView, display, onCategorizationDisplayChange, mobileComponent, withDatePicker, listView, dateRange, setDateRange, stringOverrides, isSyncing, }: BankTransactionsHeaderProps) => import("react/jsx-runtime").JSX.Element;
 
 }
-declare module '@layerfi/components/components/BankTransactions/DataStates' {
-  import { BankTransaction } from '@layerfi/components/types';
-  interface DataStatesProps {
-      bankTransactions?: BankTransaction[];
-      isLoading?: boolean;
-      isValidating?: boolean;
-      error?: unknown;
-      refetch: () => void;
-      editable: boolean;
-  }
-  export const DataStates: ({ bankTransactions, isLoading, isValidating, error, refetch, editable, }: DataStatesProps) => import("react/jsx-runtime").JSX.Element;
+declare module '@layerfi/components/components/BankTransactions/BankTransactionsTableEmptyState' {
+  type BankTransactionsTableEmptyStatesProps = {
+      hasVisibleTransactions: boolean;
+      isCategorizationMode: boolean;
+      isError: boolean;
+      isFiltered: boolean;
+      isLoadingWithoutData: boolean;
+  };
+  export function BankTransactionsTableEmptyStates({ hasVisibleTransactions, isCategorizationMode, isError, isFiltered, isLoadingWithoutData, }: BankTransactionsTableEmptyStatesProps): import("react/jsx-runtime").JSX.Element | null;
   export {};
 
 }
@@ -1704,10 +1677,6 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
   export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
-}
-declare module '@layerfi/components/components/BankTransactionsTable/index' {
-  export { BankTransactionsTable } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
-
 }
 declare module '@layerfi/components/components/BookkeepingStatus/BookkeepingStatus' {
   import { BookkeepingPeriodStatus } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
@@ -3015,20 +2984,16 @@ declare module '@layerfi/components/components/LinkedAccountOptions/index' {
 
 }
 declare module '@layerfi/components/components/LinkedAccountPill/LinkedAccountPill' {
-  type Props = {
-      text: string;
-      config: {
-          name: string;
+  type LinkedAccountPillProps = {
+      label: string;
+      items: ReadonlyArray<{
           action: () => void;
-      }[];
+          name: string;
+      }>;
   };
-  export const LinkedAccountPill: ({ text, config }: Props) => import("react/jsx-runtime").JSX.Element;
+  export function LinkedAccountPill({ label, items }: LinkedAccountPillProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
-}
-declare module '@layerfi/components/components/LinkedAccountPill/index' {
-  export { LinkedAccountPill } from '@layerfi/components/components/LinkedAccountPill/LinkedAccountPill';
-
 }
 declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb' {
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
@@ -3036,19 +3001,11 @@ declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountT
       account: LinkedAccount;
       asWidget?: boolean;
       showLedgerBalance?: boolean;
-      pillConfig?: {
-          text: string;
-          config: {
-              name: string;
-              action: () => void;
-          }[];
+      slots: {
+          Pill: React.ReactNode;
       };
   }
-  export const LinkedAccountThumb: ({ account, asWidget, showLedgerBalance, pillConfig, }: LinkedAccountThumbProps) => import("react/jsx-runtime").JSX.Element;
-
-}
-declare module '@layerfi/components/components/LinkedAccountThumb/index' {
-  export { LinkedAccountThumb } from '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb';
+  export const LinkedAccountThumb: ({ account, asWidget, showLedgerBalance, slots, }: LinkedAccountThumbProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/AccountFormBox/AccountFormBox' {
@@ -3249,7 +3206,7 @@ declare module '@layerfi/components/components/MatchForm/MatchForm' {
       matchFormError?: string;
       readOnly?: boolean;
   }
-  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, readOnly, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element;
+  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, readOnly, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element | null;
 
 }
 declare module '@layerfi/components/components/MatchForm/MatchFormMobile' {
@@ -3357,22 +3314,6 @@ declare module '@layerfi/components/components/PeriodPicker/PeriodPicker' {
 declare module '@layerfi/components/components/PeriodPicker/index' {
   export { PeriodPicker } from '@layerfi/components/components/PeriodPicker/PeriodPicker';
 
-}
-declare module '@layerfi/components/components/Pill/Pill' {
-  import { PropsWithChildren } from 'react';
-  type PillKind = 'default' | 'info' | 'success' | 'warning' | 'error';
-  type Props = PropsWithChildren & {
-      kind?: PillKind;
-      onHover?: () => void;
-      onClick?: () => void;
-  };
-  export const Pill: ({ children, kind, onHover, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/Pill/index' {
-  export { Pill } from '@layerfi/components/components/Pill/Pill';
-
 }
 declare module '@layerfi/components/components/PlatformOnboarding/Container/LinkAccountsListContainer' {
   import type { PropsWithChildren } from 'react';
@@ -4675,6 +4616,16 @@ declare module '@layerfi/components/components/ui/Loading/LoadingSpinner' {
   import { type LucideProps } from 'lucide-react';
   export function LoadingSpinner({ size }: Pick<LucideProps, 'size'>): import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/ui/Menu/Menu' {
+  import { type MenuItemProps as ReactAriaMenuItemProps } from 'react-aria-components';
+  export const Menu: import("react").ForwardRefExoticComponent<{
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  export const MenuItem: import("react").ForwardRefExoticComponent<{
+      children?: import("react").ReactNode | undefined;
+  } & Pick<ReactAriaMenuItemProps<object>, "textValue" | "onAction"> & import("react").RefAttributes<HTMLDivElement>>;
+
 }
 declare module '@layerfi/components/components/ui/Modal/Modal' {
   import { type ComponentProps } from 'react';
@@ -4722,6 +4673,15 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
   function ModalActions({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
   export { ModalContextBar, ModalHeading, ModalDescription, ModalContent, ModalActions, };
 
+}
+declare module '@layerfi/components/components/ui/Pill/Pill' {
+  import { type ButtonProps } from 'react-aria-components';
+  type PillStatus = 'error';
+  export const Pill: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "children" | "onHoverStart" | "onPress"> & {
+      status?: PillStatus;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/SearchField/MinimalSearchField' {
   import { type SearchFieldProps as ReactAriaSearchFieldProps } from 'react-aria-components';
@@ -5596,6 +5556,8 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
   import { BankTransaction, CategoryUpdate } from '@layerfi/components/types';
   import { DisplayState } from '@layerfi/components/types/bank_transactions';
   import { BankTransactionFilters, UseBankTransactionsParams } from '@layerfi/components/hooks/useBankTransactions/types';
+  import { type UseBankTransactionsOptions } from '@layerfi/components/hooks/useBankTransactions/useBankTransactions';
+  export function bankTransactionFiltersToHookOptions(filters?: BankTransactionFilters): UseBankTransactionsOptions;
   export const useAugmentedBankTransactions: (params?: UseBankTransactionsParams) => {
       data: BankTransaction[] | undefined;
       metadata: {
@@ -5624,7 +5586,7 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactions' {
   import { type GetBankTransactionsReturn } from '@layerfi/components/api/layer/bankTransactions';
-  type UseBankTransactionsOptions = {
+  export type UseBankTransactionsOptions = {
       categorized?: boolean;
       direction?: 'INFLOW' | 'OUTFLOW';
       descriptionFilter?: string;
@@ -5633,7 +5595,16 @@ declare module '@layerfi/components/hooks/useBankTransactions/useBankTransaction
       tagFilterQueryString?: string;
   };
   export function useBankTransactions({ categorized, descriptionFilter, direction, startDate, endDate, tagFilterQueryString, }: UseBankTransactionsOptions): import("swr/infinite").SWRInfiniteResponse<GetBankTransactionsReturn, any>;
-  export {};
+
+}
+declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactionsDownload' {
+  import type { UseBankTransactionsOptions } from '@layerfi/components/hooks/useBankTransactions/useBankTransactions';
+  export function useBankTransactionsDownload(): import("swr/mutation").SWRMutationResponse<import("../../types/general").S3PresignedUrl | undefined, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly tags: readonly ["#bank-transactions-download-excel"];
+  } | undefined, UseBankTransactionsOptions>;
 
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactionsMetadata' {
@@ -6971,7 +6942,7 @@ declare module '@layerfi/components/types/bank_transactions' {
       amount: number;
       direction: Direction;
       counterparty_name: string;
-      category: CategoryWithEntries;
+      category: CategoryWithEntries | null;
       categorization_status: CategorizationStatus;
       categorization_flow: Categorization | null;
       categorization_method: string;
@@ -8461,8 +8432,16 @@ declare module '@layerfi/components/utils/styleUtils/toDataProperties' {
   export {};
 
 }
-declare module '@layerfi/components/utils/switch/safeAssertUnreachable' {
-  export function safeAssertUnreachable(value: never, message?: string): never;
+declare module '@layerfi/components/utils/switch/assertUnreachable' {
+  export function safeAssertUnreachable<T>({ value, message, fallbackValue, }: {
+      value: never;
+      message?: string;
+      fallbackValue?: T;
+  }): T | undefined;
+  export function unsafeAssertUnreachable({ message, }: {
+      value: never;
+      message?: string;
+  }): never;
 
 }
 declare module '@layerfi/components/utils/swr/defaultSWRConfig' {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.94-alpha",
+  "version": "0.1.95-alpha",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -50,6 +50,7 @@
   },
   "devDependencies": {
     "@stylistic/eslint-plugin": "^2.10.0",
+    "@stylistic/stylelint-config": "^2.0.0",
     "@stylistic/stylelint-plugin": "^3.1.1",
     "@types/jest": "^29.5.7",
     "@types/lodash": "^4.17.16",