@layerfi/components 0.1.74 → 0.1.76

package/dist/index.d.ts

@@ -2647,20 +2647,6 @@ declare module '@layerfi/components/components/MatchForm/index' {
   export { MatchForm } from '@layerfi/components/components/MatchForm/MatchForm';
   export { MatchFormMobile } from '@layerfi/components/components/MatchForm/MatchFormMobile';
 
-}
-declare module '@layerfi/components/components/NotificationCard/NotificationCard' {
-  import React, { ReactNode } from 'react';
-  export interface NotificationCardProps {
-      onClick: () => void;
-      children: ReactNode;
-      className?: string;
-  }
-  export const NotificationCard: ({ onClick, children, className, }: NotificationCardProps) => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/NotificationCard/index' {
-  export { NotificationCard } from '@layerfi/components/components/NotificationCard/NotificationCard';
-
 }
 declare module '@layerfi/components/components/Onboarding/ConnectAccount' {
   import React from 'react';
@@ -2813,12 +2799,15 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
       }>;
       DatePicker: ({ allowedDatePickerModes, datePickerMode: deprecated_datePickerMode, defaultDatePickerMode, customDateRanges, }: import("@layerfi/components/views/Reports/reportTypes").TimeRangePickerConfig) => React.JSX.Element;
       CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/index").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
-      Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: {
-          vertical?: boolean | undefined;
+      Summaries: (props: {
           actionable?: boolean | undefined;
-          revenueLabel?: string | undefined;
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries").ProfitAndLossSummariesStringOverrides | undefined;
           chartColorsList?: string[] | undefined;
+          variants?: Partial<{
+              size: "lg" | "sm";
+          }> | undefined;
+          revenueLabel?: string | undefined;
+          vertical?: boolean | undefined;
       }) => React.JSX.Element;
       Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfitAndLossTableProps) => React.JSX.Element;
       DetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
@@ -2894,7 +2883,6 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/Profi
       tagKey: string;
       tagValues: string[];
   } | 'None';
-  export const tagFilterToQueryString: (tagFilter: TagFilterInput) => string;
   export const ProfitAndLossCompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: ProfitAndLossCompareOptionsProps) => React.JSX.Element;
 
 }
@@ -3051,41 +3039,102 @@ declare module '@layerfi/components/components/ProfitAndLossReport/ProfitAndLoss
 declare module '@layerfi/components/components/ProfitAndLossReport/index' {
   export { ProfitAndLossReport } from '@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport';
 
-}
-declare module '@layerfi/components/components/ProfitAndLossSummaries/MiniChart' {
-  import React from 'react';
-  import { LineBaseItem } from '@layerfi/components/types/line_item';
-  export interface MiniChartProps {
-      data: LineBaseItem[];
-      chartColorsList?: string[];
-  }
-  export const MiniChart: ({ data, chartColorsList }: MiniChartProps) => React.JSX.Element;
-
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries' {
-  import React from 'react';
+  import React, { type ReactNode } from 'react';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   export interface ProfitAndLossSummariesStringOverrides {
       revenueLabel?: string;
       expensesLabel?: string;
       netProfitLabel?: string;
   }
   type ProfitAndLossSummariesProps = {
-      vertical?: boolean;
       actionable?: boolean;
+      stringOverrides?: ProfitAndLossSummariesStringOverrides;
+      chartColorsList?: string[];
+      variants?: Variants;
       /**
        * @deprecated Use `stringOverrides.revenueLabel` instead
        */
       revenueLabel?: string;
-      stringOverrides?: ProfitAndLossSummariesStringOverrides;
-      chartColorsList?: string[];
+      /**
+       * @deprecated Orientation is determined by the container size
+       */
+      vertical?: boolean;
   };
-  export const ProfitAndLossSummaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: ProfitAndLossSummariesProps) => React.JSX.Element;
+  type Internal_ProfitAndLossSummariesProps = {
+      slots?: {
+          unstable_AdditionalListItems?: [ReactNode];
+      };
+  } & ProfitAndLossSummariesProps;
+  export function Internal_ProfitAndLossSummaries({ actionable, revenueLabel, stringOverrides, chartColorsList, slots, variants, }: Internal_ProfitAndLossSummariesProps): React.JSX.Element;
+  export const ProfitAndLossSummaries: (props: ProfitAndLossSummariesProps) => React.JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/index' {
   export { ProfitAndLossSummaries } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
 
+}
+declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesHeading' {
+  import { PropsWithChildren } from 'react';
+  import React from 'react';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
+  type ProfitAndLossSummariesHeadingProps = {
+      variants?: Variants;
+  } & PropsWithChildren;
+  export function ProfitAndLossSummariesHeading({ variants, children, }: ProfitAndLossSummariesHeadingProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList' {
+  import React, { type PropsWithChildren } from 'react';
+  type ProfitAndLossSummariesListItemProps = PropsWithChildren<{
+      isActive?: boolean;
+      onClick?: () => void;
+  }>;
+  export function ProfitAndLossSummariesListItem({ children, isActive, onClick, }: ProfitAndLossSummariesListItemProps): React.JSX.Element;
+  type ProfitAndLossSummariesListProps = PropsWithChildren<{
+      itemCount?: number;
+  }>;
+  export function ProfitAndLossSummariesList({ children, itemCount, }: ProfitAndLossSummariesListProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesMiniChart' {
+  import React from 'react';
+  import type { Scope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
+  import type { ProfitAndLoss } from '@layerfi/components/types';
+  import type { LineBaseItem } from '@layerfi/components/types/line_item';
+  import { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
+  export function toMiniChartData({ scope, data, }: {
+      scope: Scope;
+      data?: ProfitAndLoss;
+  }): LineBaseItem[];
+  type ProfitAndLossMiniChartProps = {
+      data: LineBaseItem[];
+      chartColorsList?: string[];
+      variants?: Variants;
+  };
+  export function ProfitAndLossSummariesMiniChart({ data, chartColorsList, variants, }: ProfitAndLossMiniChartProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesSummary' {
+  import React, { type ReactNode } from 'react';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
+  type ProfitAndLossSummariesSummaryProps = {
+      label: string;
+      amount: number;
+      isLoading?: boolean;
+      slots?: {
+          Chart: ReactNode;
+      };
+      variants?: Variants;
+  };
+  export function ProfitAndLossSummariesSummary({ label, amount, isLoading, slots, variants, }: ProfitAndLossSummariesSummaryProps): React.JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossCompareTable' {
   import React from 'react';
@@ -3638,23 +3687,6 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       disabled: boolean | undefined;
   };
 
-}
-declare module '@layerfi/components/components/TransactionToReviewCard/TransactionToReviewCard' {
-  import React from 'react';
-  export interface TransactionToReviewCardProps {
-      onClick?: () => void;
-      usePnlDateRange?: boolean;
-      tagFilter?: {
-          key: string;
-          values: string[];
-      };
-  }
-  export const TransactionToReviewCard: ({ onClick, usePnlDateRange, tagFilter, }: TransactionToReviewCardProps) => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/TransactionToReviewCard/index' {
-  export { TransactionToReviewCard } from '@layerfi/components/components/TransactionToReviewCard/TransactionToReviewCard';
-
 }
 declare module '@layerfi/components/components/Typography/ErrorText' {
   import React from 'react';
@@ -3769,15 +3801,20 @@ declare module '@layerfi/components/components/ViewHeader/ViewHeader' {
 declare module '@layerfi/components/components/ViewHeader/index' {
   export { ViewHeader } from '@layerfi/components/components/ViewHeader/ViewHeader';
 
+}
+declare module '@layerfi/components/components/ui/Stack' {
+  import React, { type PropsWithChildren } from 'react';
+  export type StackProps = PropsWithChildren<{
+      gap?: '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '5xl';
+      align?: 'start';
+  }>;
+  export function VStack({ align, children, gap }: StackProps): React.JSX.Element;
+
 }
 declare module '@layerfi/components/config/charts' {
   export const INACTIVE_OPACITY_LEVELS: number[];
   export const DEFAULT_CHART_OPACITY: number[];
   export const DEFAULT_CHART_COLOR_TYPE: string[];
-  export const DEFAULT_MINICHART_COLORS: {
-      color: string;
-      opacity: number;
-  }[];
   export const TASKS_CHARTS_COLORS: {
       done: string;
       pending: string;
@@ -5144,6 +5181,7 @@ declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
       url: string;
       scope: string;
       apiUrl: string;
+      usePlaidSandbox: boolean;
   };
   export const LayerEnvironment: Record<string, LayerEnvironmentConfig>;
   export type EventCallbacks = {
@@ -5586,7 +5624,7 @@ declare module '@layerfi/components/types/layer_context' {
       apiUrl: string;
       theme?: LayerThemeConfig;
       colors: ColorsPalette;
-      usePlaidSandbox?: boolean;
+      usePlaidSandbox: boolean;
       onboardingStep?: OnboardingStep;
       environment: string;
       toasts: (ToastProps & {
@@ -6177,12 +6215,32 @@ declare module '@layerfi/components/utils/profitAndLossUtils' {
   export const humanizeTitle: (sidebarView: SidebarScope) => "Expenses" | "Revenue" | "Profit & Loss";
   export const applyShare: (items: LineBaseItem[], total: number) => LineBaseItem[];
 
+}
+declare module '@layerfi/components/utils/styleUtils/sizeVariants' {
+  const SIZE_VARIANTS: readonly ["sm", "lg"];
+  type SizeVariant = (typeof SIZE_VARIANTS)[number];
+  export type Variants = Partial<{
+      size: SizeVariant;
+  }>;
+  export {};
+
+}
+declare module '@layerfi/components/utils/styleUtils/toDataProperties' {
+  type AllowedDataValue = string | number | true;
+  type DataPrefix<T extends string> = `data-${T}`;
+  type DataProperties<T> = {
+      [K in keyof T as DataPrefix<Extract<K, string>>]: T[K] extends AllowedDataValue ? T[K] : never;
+  };
+  export function toDataProperties<T extends Record<string, unknown>>(input: T): DataProperties<T>;
+  export {};
+
 }
 declare module '@layerfi/components/views/AccountingOverview/AccountingOverview' {
   import React, { ReactNode } from 'react';
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
   import { OnboardingStep } from '@layerfi/components/types/layer_context';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   import { TagOption } from '@layerfi/components/views/ProjectProfitability/ProjectProfitability';
   interface AccountingOverviewStringOverrides {
       header?: string;
@@ -6202,14 +6260,37 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
       stringOverrides?: AccountingOverviewStringOverrides;
       tagFilter?: TagOption;
       showTransactionsToReview?: boolean;
+      slotProps?: {
+          profitAndLoss?: {
+              summaries?: {
+                  variants?: Variants;
+              };
+          };
+      };
   }
-  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, showTransactionsToReview, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, showTitle, enableOnboarding, onboardingStepOverride, onTransactionsToReviewClick, middleBanner, chartColorsList, stringOverrides, tagFilter, showTransactionsToReview, slotProps, }: AccountingOverviewProps) => React.JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/views/AccountingOverview/index' {
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/AccountingOverview';
 
+}
+declare module '@layerfi/components/views/AccountingOverview/internal/TransactionsToReview' {
+  import React from 'react';
+  import type { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
+  type TransactionsToReviewProps = {
+      onClick?: () => void;
+      usePnlDateRange?: boolean;
+      tagFilter?: {
+          key: string;
+          values: string[];
+      };
+      variants?: Variants;
+  };
+  export function TransactionsToReview({ onClick, usePnlDateRange, tagFilter, variants, }: TransactionsToReviewProps): React.JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts' {
   import React from 'react';
@@ -6247,8 +6328,8 @@ declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOvervie
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';
   import { ProfitAndLossSummariesStringOverrides } from '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries';
   import { TasksStringOverrides } from '@layerfi/components/components/Tasks/Tasks';
+  import { Variants } from '@layerfi/components/utils/styleUtils/sizeVariants';
   export interface BookkeepingOverviewProps {
-      title?: string;
       showTitle?: boolean;
       stringOverrides?: {
           title?: string;
@@ -6259,13 +6340,29 @@ declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOvervie
               summaries?: ProfitAndLossSummariesStringOverrides;
           };
       };
+      slotProps?: {
+          profitAndLoss?: {
+              summaries?: {
+                  variants?: Variants;
+              };
+          };
+      };
+      /**
+       * @deprecated Use `stringOverrides.title` instead
+       */
+      title?: string;
   }
-  export const BookkeepingOverview: ({ title, showTitle, stringOverrides, }: BookkeepingOverviewProps) => React.JSX.Element;
+  export const BookkeepingOverview: ({ title, showTitle, stringOverrides, slotProps, }: BookkeepingOverviewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/BookkeepingOverview/index' {
   export { BookkeepingOverview } from '@layerfi/components/views/BookkeepingOverview/BookkeepingOverview';
 
+}
+declare module '@layerfi/components/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer' {
+  import React, { PropsWithChildren } from 'react';
+  export function BookkeepingProfitAndLossSummariesContainer({ children, }: PropsWithChildren): React.JSX.Element;
+
 }
 declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
   import React from 'react';