@layerfi/components 0.1.89 → 0.1.91-alpha

package/dist/index.d.ts

@@ -183,11 +183,20 @@ declare module '@layerfi/components/api/layer/bills' {
 }
 declare module '@layerfi/components/api/layer/business' {
   import { Business } from '@layerfi/components/types';
+  export type UpdateBusinessBody = Partial<Business>;
   export const getBusiness: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
   } | undefined) => () => Promise<{
       data: Business;
   }>;
+  export const updateBusiness: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Partial<Business> | undefined;
+  } | undefined) => Promise<{
+      data: Business;
+  }>;
 
 }
 declare module '@layerfi/components/api/layer/businessPersonnel/updateBusinessPersonnel' {
@@ -1669,6 +1678,43 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
 declare module '@layerfi/components/components/BankTransactionsTable/index' {
   export { BankTransactionsTable } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
 
+}
+declare module '@layerfi/components/components/BusinessForm/BusinessForm' {
+  export type BusinessFormStringOverrides = {
+      saveButton?: string;
+  };
+  export type BusinessFormProps = {
+      stringOverrides?: BusinessFormStringOverrides;
+      onSuccess?: () => void;
+  };
+  export const BusinessForm: ({ stringOverrides, onSuccess }: BusinessFormProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/BusinessForm/useBusinessForm' {
+  import { FormValidateOrFn, FormAsyncValidateOrFn } from '@tanstack/react-form';
+  import { USStateCode } from '@layerfi/components/types/location';
+  import { EntityType } from '@layerfi/components/types/business';
+  type BusinessFormData = {
+      full_name?: string;
+      preferred_name?: string;
+      email?: string;
+      phone_number?: string;
+      legal_name?: string;
+      dba?: string;
+      entity_type?: EntityType;
+      us_state?: USStateCode;
+      tin?: string;
+  };
+  type UseBusinessFormProps = {
+      onSuccess?: () => void;
+  };
+  export const useBusinessForm: ({ onSuccess }: UseBusinessFormProps) => {
+      form: import("@tanstack/react-form").ReactFormExtendedApi<BusinessFormData, FormValidateOrFn<BusinessFormData>, FormValidateOrFn<BusinessFormData>, FormAsyncValidateOrFn<BusinessFormData>, FormValidateOrFn<BusinessFormData>, FormAsyncValidateOrFn<BusinessFormData>, FormValidateOrFn<BusinessFormData>, FormAsyncValidateOrFn<BusinessFormData>, FormAsyncValidateOrFn<BusinessFormData>, FormAsyncValidateOrFn<BusinessFormData>>;
+      submitError: string | undefined;
+      isFormValid: boolean;
+  };
+  export {};
+
 }
 declare module '@layerfi/components/components/Button/BackButton' {
   import { ButtonHTMLAttributes } from 'react';
@@ -1803,12 +1849,13 @@ declare module '@layerfi/components/components/Button/SubmitButton' {
       action?: SubmitAction;
       noIcon?: boolean;
       tooltip?: ButtonProps['tooltip'];
+      withRetry?: boolean;
   }
   export enum SubmitAction {
       SAVE = "save",
       UPDATE = "update"
   }
-  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, variant, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
+  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, variant, withRetry, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/SwitchButton' {
@@ -2469,6 +2516,31 @@ declare module '@layerfi/components/components/Input/AmountInput' {
   }
   export const AmountInput: ({ onChange, className, leftText, errorMessage, isInvalid, placeholder, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/BusinessTypeSelect' {
+  import { ENTITY_TYPES, EntityType } from '@layerfi/components/types/business';
+  export const findSelectOption: (options: typeof ENTITY_TYPES, value?: EntityType) => {
+      readonly value: "SOLE_PROP";
+      readonly label: "Sole Proprietorship";
+  } | {
+      readonly value: "C_CORP";
+      readonly label: "C Corporation";
+  } | {
+      readonly value: "LLC";
+      readonly label: "Limited Liability Company";
+  } | {
+      readonly value: "S_CORP";
+      readonly label: "S Corporation";
+  } | {
+      readonly value: "PARTNERSHIP";
+      readonly label: "Partnership";
+  } | undefined;
+  export type BusinessTypeSelectProps = {
+      value?: EntityType;
+      onChange: (value: EntityType) => void;
+  };
+  export const BusinessTypeSelect: ({ value, onChange }: BusinessTypeSelectProps) => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   export interface FileInputProps {
@@ -2482,6 +2554,16 @@ declare module '@layerfi/components/components/Input/FileInput' {
   }
   export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, allowMultipleUploads, }: FileInputProps) => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/FormSection' {
+  import { ReactNode } from 'react';
+  type FormSectionProps = {
+      title?: string;
+      children: ReactNode | ReactNode[];
+  };
+  export const FormSection: ({ children, title }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/Input/Input' {
   import { HTMLProps } from 'react';
@@ -2536,6 +2618,16 @@ declare module '@layerfi/components/components/Input/MultiSelect' {
   }
   export const MultiSelect: <T>({ name, options, className, classNamePrefix, value, defaultValue, onChange, disabled, placeholder, isInvalid, errorMessage, styles, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/PhoneInput' {
+  import { InputProps } from '@layerfi/components/components/Input/Input';
+  interface PhoneInputProps extends Omit<InputProps, 'onChange' | 'value'> {
+      value?: string;
+      onChange: (value?: string) => void;
+  }
+  export const PhoneInput: ({ value, onChange, placeholder, ...props }: PhoneInputProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/Input/Select' {
   import { GroupBase, OptionsOrGroups } from 'react-select';
@@ -2564,6 +2656,17 @@ declare module '@layerfi/components/components/Input/StaticValue' {
    */
   export const StaticValue: (props: StaticValueProps) => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/USStateSelect' {
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  import { USState } from '@layerfi/components/types/location';
+  export const findSelectOption: (options: BaseSelectOption[], selected?: string) => BaseSelectOption | undefined;
+  export type USStateSelecttProps = {
+      value?: string;
+      onChange: (value: USState) => void;
+  };
+  export const USStateSelect: ({ value, onChange }: USStateSelecttProps) => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/index' {
   export { Input } from '@layerfi/components/components/Input/Input';
@@ -3192,6 +3295,23 @@ declare module '@layerfi/components/components/PlatformOnboarding/LinkAccounts'
   export function LinkAccounts(props: LinkAccountsProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/PlatformOnboarding/PlatformOnboarding' {
+  type PlatformOnboardingProps = {
+      onComplete?: () => void;
+  };
+  export const PlatformOnboarding: ({ onComplete }: PlatformOnboardingProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/PlatformOnboarding/Steps/BusinessInfoStep' {
+  type BusinessInfoStepProps = {
+      title?: string;
+      onNext: () => void;
+  };
+  export const BusinessInfoStep: ({ title, onNext }: BusinessInfoStepProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/PlatformOnboarding/Steps/LinkAccountsConfirmationStep' {
   export function LinkAccountsConfirmationStep(): import("react/jsx-runtime").JSX.Element;
@@ -3200,6 +3320,29 @@ declare module '@layerfi/components/components/PlatformOnboarding/Steps/LinkAcco
 declare module '@layerfi/components/components/PlatformOnboarding/Steps/LinkAccountsLinkStep' {
   export function LinkAccountsLinkStep(): import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/PlatformOnboarding/Steps/SummaryStep' {
+  type SummaryStepProps = {
+      onNext: () => void;
+      title?: string;
+      description?: string;
+      nextBtnText?: string;
+  };
+  export const SummaryStep: ({ onNext, title, description, nextBtnText }: SummaryStepProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/PlatformOnboarding/Steps/WelcomeStep' {
+  type WelcomeStepProps = {
+      onNext: () => void;
+      title?: string;
+      description?: string;
+      stepsEnabled?: string[];
+  };
+  export const WelcomeStep: ({ onNext, title, description, stepsEnabled }: WelcomeStepProps) => import("react/jsx-runtime").JSX.Element;
+  export const WelcomeStepFooter: () => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
   import { PropsWithChildren } from 'react';
@@ -3683,6 +3826,16 @@ declare module '@layerfi/components/components/RadioButtonGroup/index' {
 }
 declare module '@layerfi/components/components/SelectVendor/SelectVendor' {
 
+}
+declare module '@layerfi/components/components/Separator/Separator' {
+  import { Spacing } from '@layerfi/components/components/ui/sharedUITypes';
+  type SeparatorProps = {
+      mbs?: Spacing;
+      mbe?: Spacing;
+  };
+  export const Separator: ({ mbs, mbe }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/SkeletonBalanceSheetRow/SkeletonBalanceSheetRow' {
   import { PropsWithChildren } from 'react';
@@ -4328,8 +4481,9 @@ declare module '@layerfi/components/components/Typography/Heading' {
       className?: string;
       children: ReactNode;
       size?: HeadingSize;
+      align?: 'left' | 'center' | 'right';
   }
-  export const Heading: ({ as: Component, className, children, size, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+  export const Heading: ({ as: Component, className, children, size, align, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Typography/Text' {
@@ -4366,8 +4520,9 @@ declare module '@layerfi/components/components/Typography/Text' {
       withTooltip?: TextUseTooltip;
       tooltipOptions?: TextTooltipOptions;
       ellipsis?: boolean;
+      pb?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg';
   }
-  export const Text: ({ as: Component, className, children, size, weight, withTooltip, ellipsis, status, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+  export const Text: ({ as: Component, className, children, size, weight, withTooltip, ellipsis, status, pb, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
   export const TextWithTooltip: ({ as: Component, className, children, size: _size, weight: _weight, withTooltip: _withTooltip, tooltipOptions, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 
 }
@@ -4504,7 +4659,7 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
   const ModalHeading: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react-aria-components").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "className"> & {
       align?: "center";
       pbe?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
-      size?: "sm" | "lg";
+      size?: "xs" | "sm" | "lg";
   }, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
   const ModalDescription: import("react").ForwardRefExoticComponent<Omit<Omit<{
       size?: "xs" | "sm" | "md" | "lg";
@@ -4530,6 +4685,7 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
       pbs?: Spacing;
       pbe?: Spacing;
       slot?: string;
+      className?: string;
   }>;
   export function VStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
   export function HStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
@@ -4540,7 +4696,7 @@ declare module '@layerfi/components/components/ui/Typography/Heading' {
   type HeadingDataProps = {
       align?: 'center';
       pbe?: Spacing;
-      size?: 'sm' | 'lg';
+      size?: 'xs' | 'sm' | 'lg';
   };
   const Heading: import("react").ForwardRefExoticComponent<Omit<Omit<import("react-aria-components").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "className"> & HeadingDataProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
   export { Heading };
@@ -5023,16 +5179,50 @@ declare module '@layerfi/components/hooks/balanceSheet/useBalanceSheet' {
       effectiveDate?: Date;
   }): import("swr").SWRResponse<import("../../types").BalanceSheet, any, any>;
 
+}
+declare module '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods' {
+  import type { Task } from '@layerfi/components/types/tasks';
+  const BOOKKEEPING_PERIOD_STATUSES: readonly ["BOOKKEEPING_NOT_PURCHASED", "NOT_STARTED", "IN_PROGRESS_NO_TASKS", "IN_PROGRESS_OPEN_TASKS", "CLOSED_IN_REVIEW", "CLOSED_OPEN_TASKS", "CLOSED_COMPLETE"];
+  export type BookkeepingPeriodStatus = typeof BOOKKEEPING_PERIOD_STATUSES[number];
+  export function useBookkeepingPeriods(): import("swr").SWRResponse<{
+      status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_NO_TASKS" | "IN_PROGRESS_OPEN_TASKS" | "CLOSED_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+      id: string;
+      month: number;
+      year: number;
+      tasks: ReadonlyArray<Task>;
+  }[], any, any>;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/bookkeeping/useBookkeepingStatus' {
-  const BOOKKEEPING_STATUSES: readonly ["NOT_PURCHASED", "BOOKKEEPING_PAUSED", "ACTIVE"];
+  const BOOKKEEPING_STATUSES: readonly ["NOT_PURCHASED", "ACTIVE", "ONBOARDING", "BOOKKEEPING_PAUSED"];
   export type BookkeepingStatus = typeof BOOKKEEPING_STATUSES[number];
+  export function isActiveBookkeepingStatus(status: BookkeepingStatus): status is "ACTIVE" | "ONBOARDING";
   export function useBookkeepingStatus(): import("swr").SWRResponse<{
-      status: "ACTIVE" | "NOT_PURCHASED" | "BOOKKEEPING_PAUSED";
+      status: "ACTIVE" | "NOT_PURCHASED" | "ONBOARDING" | "BOOKKEEPING_PAUSED";
   }, any, any>;
-  export function useEffectiveBookkeepingStatus(): "ACTIVE" | "NOT_PURCHASED" | "BOOKKEEPING_PAUSED";
+  export function useEffectiveBookkeepingStatus(): "ACTIVE" | "NOT_PURCHASED" | "ONBOARDING" | "BOOKKEEPING_PAUSED";
   export {};
 
+}
+declare module '@layerfi/components/hooks/business/useUpdateBusiness' {
+  export const BUSINESS_TAG_KEY = "business";
+  export function useUpdateBusiness(): import("swr/mutation").SWRMutationResponse<import("../../types").Business | undefined, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly tags: readonly [`business:${string}`];
+  } | undefined, Partial<import("@layerfi/components/types").Business>> & {
+      trigger: (extraArgument: Partial<import("@layerfi/components/types").Business>, options?: (import("swr/mutation").SWRMutationConfiguration<import("../../types").Business | undefined, any, () => {
+          readonly accessToken: string;
+          readonly apiUrl: string;
+          readonly businessId: string;
+          readonly tags: readonly [`business:${string}`];
+      } | undefined, Partial<import("@layerfi/components/types").Business>, unknown> & {
+          throwOnError: false;
+      }) | undefined) => Promise<import("@layerfi/components/types").Business | undefined>;
+  };
+
 }
 declare module '@layerfi/components/hooks/businessPersonnel/types' {
   import type { EmailAddress, PhoneNumber } from '@layerfi/components/types/utility/branded';
@@ -5643,24 +5833,15 @@ declare module '@layerfi/components/hooks/useProfitAndLossComparison/useProfitAn
 declare module '@layerfi/components/hooks/useProfitAndLossComparison/utils' {
   import { DateRange } from '@layerfi/components/types';
   import { DateRangePickerMode } from '@layerfi/components/providers/GlobalDateStore/GlobalDateStoreProvider';
-  import { TagComparisonOption } from '@layerfi/components/types/profit_and_loss';
-  export function prepareFiltersBody(compareOptions: TagComparisonOption[]): ({
-      required_tags: {
-          key: string;
-          value: string;
-      }[];
-  }[] & import("@layerfi/components/utils/array/getArrayWithAtLeastOneOrFallback").ReadonlyArrayWithAtLeastOne<{
-      required_tags: {
-          key: string;
-          value: string;
-      }[];
-  }>) | undefined;
+  import { ProfitAndLossComparisonTags, TagComparisonOption } from '@layerfi/components/types/profit_and_loss';
+  import { ReadonlyArrayWithAtLeastOne } from '@layerfi/components/utils/array/getArrayWithAtLeastOneOrFallback';
+  export function prepareFiltersBody(compareOptions: TagComparisonOption[]): ReadonlyArrayWithAtLeastOne<ProfitAndLossComparisonTags> | undefined;
   export function preparePeriodsBody(dateRange: DateRange, comparePeriods: number, rangeDisplayMode: DateRangePickerMode): {
       type: "Comparison_Months";
       months: {
           year: number;
           month: number;
-      }[] & import("@layerfi/components/utils/array/getArrayWithAtLeastOneOrFallback").ReadonlyArrayWithAtLeastOne<{
+      }[] & ReadonlyArrayWithAtLeastOne<{
           year: number;
           month: number;
       }>;
@@ -5668,7 +5849,7 @@ declare module '@layerfi/components/hooks/useProfitAndLossComparison/utils' {
       type: "Comparison_Years";
       years: {
           year: number;
-      }[] & import("@layerfi/components/utils/array/getArrayWithAtLeastOneOrFallback").ReadonlyArrayWithAtLeastOne<{
+      }[] & ReadonlyArrayWithAtLeastOne<{
           year: number;
       }>;
   } | {
@@ -5964,6 +6145,12 @@ declare module '@layerfi/components/icons/Dataflow' {
   const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
   export default SvgComponent;
 
+}
+declare module '@layerfi/components/icons/Document' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Document: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default Document;
+
 }
 declare module '@layerfi/components/icons/DownloadCloud' {
   import { IconSvgProps } from '@layerfi/components/icons/types';
@@ -6155,6 +6342,12 @@ declare module '@layerfi/components/icons/Trash' {
   const Trash: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default Trash;
 
+}
+declare module '@layerfi/components/icons/TrendingUp' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const TrendingUp: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default TrendingUp;
+
 }
 declare module '@layerfi/components/icons/UploadCloud' {
   import { IconSvgProps } from '@layerfi/components/icons/types';
@@ -6194,6 +6387,7 @@ declare module '@layerfi/components/index' {
   export { Journal } from '@layerfi/components/components/Journal/index';
   export { Tasks } from '@layerfi/components/components/Tasks/index';
   export { LinkAccounts } from '@layerfi/components/components/PlatformOnboarding/LinkAccounts';
+  export { PlatformOnboarding } from '@layerfi/components/components/PlatformOnboarding/PlatformOnboarding';
   export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/index';
   export { BookkeepingOverview } from '@layerfi/components/views/BookkeepingOverview/index';
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/index';
@@ -6717,11 +6911,12 @@ declare module '@layerfi/components/types/bills' {
 
 }
 declare module '@layerfi/components/types/business' {
+  import { USStateCode } from '@layerfi/components/types/location';
   export interface Business {
       id: string;
       activation_at?: string;
       archived_at?: string;
-      entity_type?: string;
+      entity_type?: EntityType;
       external_id?: string;
       imported_at?: string;
       industry?: string;
@@ -6732,8 +6927,25 @@ declare module '@layerfi/components/types/business' {
       tin?: string;
       type?: string;
       updated_at?: string;
-      us_state?: string;
-  }
+      us_state?: USStateCode;
+  }
+  export const ENTITY_TYPES: readonly [{
+      readonly value: "SOLE_PROP";
+      readonly label: "Sole Proprietorship";
+  }, {
+      readonly value: "C_CORP";
+      readonly label: "C Corporation";
+  }, {
+      readonly value: "LLC";
+      readonly label: "Limited Liability Company";
+  }, {
+      readonly value: "S_CORP";
+      readonly label: "S Corporation";
+  }, {
+      readonly value: "PARTNERSHIP";
+      readonly label: "Partnership";
+  }];
+  export type EntityType = (typeof ENTITY_TYPES)[number]['value'];
 
 }
 declare module '@layerfi/components/types/categories' {
@@ -7283,6 +7495,168 @@ declare module '@layerfi/components/types/linked_accounts' {
   };
   export {};
 
+}
+declare module '@layerfi/components/types/location' {
+  export const US_STATES: readonly [{
+      readonly value: "AL";
+      readonly label: "Alabama";
+  }, {
+      readonly value: "AK";
+      readonly label: "Alaska";
+  }, {
+      readonly value: "AZ";
+      readonly label: "Arizona";
+  }, {
+      readonly value: "AR";
+      readonly label: "Arkansas";
+  }, {
+      readonly value: "CA";
+      readonly label: "California";
+  }, {
+      readonly value: "CO";
+      readonly label: "Colorado";
+  }, {
+      readonly value: "CT";
+      readonly label: "Connecticut";
+  }, {
+      readonly value: "DE";
+      readonly label: "Delaware";
+  }, {
+      readonly value: "DC";
+      readonly label: "District of Columbia";
+  }, {
+      readonly value: "FL";
+      readonly label: "Florida";
+  }, {
+      readonly value: "GA";
+      readonly label: "Georgia";
+  }, {
+      readonly value: "HI";
+      readonly label: "Hawaii";
+  }, {
+      readonly value: "ID";
+      readonly label: "Idaho";
+  }, {
+      readonly value: "IL";
+      readonly label: "Illinois";
+  }, {
+      readonly value: "IN";
+      readonly label: "Indiana";
+  }, {
+      readonly value: "IA";
+      readonly label: "Iowa";
+  }, {
+      readonly value: "KS";
+      readonly label: "Kansas";
+  }, {
+      readonly value: "KY";
+      readonly label: "Kentucky";
+  }, {
+      readonly value: "LA";
+      readonly label: "Louisiana";
+  }, {
+      readonly value: "ME";
+      readonly label: "Maine";
+  }, {
+      readonly value: "MD";
+      readonly label: "Maryland";
+  }, {
+      readonly value: "MA";
+      readonly label: "Massachusetts";
+  }, {
+      readonly value: "MI";
+      readonly label: "Michigan";
+  }, {
+      readonly value: "MN";
+      readonly label: "Minnesota";
+  }, {
+      readonly value: "MS";
+      readonly label: "Mississippi";
+  }, {
+      readonly value: "MO";
+      readonly label: "Missouri";
+  }, {
+      readonly value: "MT";
+      readonly label: "Montana";
+  }, {
+      readonly value: "NE";
+      readonly label: "Nebraska";
+  }, {
+      readonly value: "NV";
+      readonly label: "Nevada";
+  }, {
+      readonly value: "NH";
+      readonly label: "New Hampshire";
+  }, {
+      readonly value: "NJ";
+      readonly label: "New Jersey";
+  }, {
+      readonly value: "NM";
+      readonly label: "New Mexico";
+  }, {
+      readonly value: "NY";
+      readonly label: "New York";
+  }, {
+      readonly value: "NC";
+      readonly label: "North Carolina";
+  }, {
+      readonly value: "ND";
+      readonly label: "North Dakota";
+  }, {
+      readonly value: "OH";
+      readonly label: "Ohio";
+  }, {
+      readonly value: "OK";
+      readonly label: "Oklahoma";
+  }, {
+      readonly value: "OR";
+      readonly label: "Oregon";
+  }, {
+      readonly value: "PA";
+      readonly label: "Pennsylvania";
+  }, {
+      readonly value: "RI";
+      readonly label: "Rhode Island";
+  }, {
+      readonly value: "SC";
+      readonly label: "South Carolina";
+  }, {
+      readonly value: "SD";
+      readonly label: "South Dakota";
+  }, {
+      readonly value: "TN";
+      readonly label: "Tennessee";
+  }, {
+      readonly value: "TX";
+      readonly label: "Texas";
+  }, {
+      readonly value: "UT";
+      readonly label: "Utah";
+  }, {
+      readonly value: "VT";
+      readonly label: "Vermont";
+  }, {
+      readonly value: "VA";
+      readonly label: "Virginia";
+  }, {
+      readonly value: "WA";
+      readonly label: "Washington";
+  }, {
+      readonly value: "WV";
+      readonly label: "West Virginia";
+  }, {
+      readonly value: "WI";
+      readonly label: "Wisconsin";
+  }, {
+      readonly value: "WY";
+      readonly label: "Wyoming";
+  }, {
+      readonly value: "PR";
+      readonly label: "Puerto Rico";
+  }];
+  export type USState = typeof US_STATES[number];
+  export type USStateCode = USState['value'];
+
 }
 declare module '@layerfi/components/types/profit_and_loss' {
   import type { ReportingBasis } from '@layerfi/components/types';
@@ -7351,7 +7725,8 @@ declare module '@layerfi/components/types/profit_and_loss' {
           end_date: string;
       }>;
   };
-  type ProfitAndLossComparisonTags = {
+  export type ProfitAndLossComparisonTags = {
+      structure: string | undefined;
       required_tags?: ReadonlyArray<{
           key: string;
           value: string;
@@ -7678,7 +8053,7 @@ declare module '@layerfi/components/utils/bills' {
 }
 declare module '@layerfi/components/utils/bookkeeping/isCategorizationEnabled' {
   import type { BookkeepingStatus } from '@layerfi/components/hooks/bookkeeping/useBookkeepingStatus';
-  export function isCategorizationEnabledForStatus(status: BookkeepingStatus): boolean;
+  export function isCategorizationEnabledForStatus(status: BookkeepingStatus): boolean | undefined;
 
 }
 declare module '@layerfi/components/utils/business' {
@@ -7705,6 +8080,11 @@ declare module '@layerfi/components/utils/colors' {
 declare module '@layerfi/components/utils/delay/runDelayed' {
   export function runDelayedSync<T>(block: () => T, delayMs?: number): Promise<T>;
 
+}
+declare module '@layerfi/components/utils/form' {
+  export const notEmpty: (value?: string) => boolean;
+  export const validateEmailFormat: (email?: string, required?: boolean) => boolean;
+
 }
 declare module '@layerfi/components/utils/format' {
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.89",
+  "version": "0.1.91-alpha",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -56,8 +56,8 @@
     "@types/react": "^18.2.0",
     "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.2.0",
-    "esbuild": "^0.19.5",
-    "esbuild-sass-plugin": "^2.16.0",
+    "esbuild": "^0.25.1",
+    "esbuild-sass-plugin": "^3.3.1",
     "eslint": "^9.15.0",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
@@ -73,9 +73,10 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.8",
-    "@tanstack/react-form": "^1.0.0",
+    "@tanstack/react-form": "^1.1.2",
     "classnames": "^2.5.1",
     "date-fns": "^2.30.0",
+    "libphonenumber-js": "^1.12.4",
     "lucide-react": "^0.454.0",
     "pluralize": "^8.0.0",
     "react-aria-components": "^1.4.1",