@mx-cartographer/experiences 6.25.0-alpha.sms3 → 6.25.0

package/CHANGELOG.md

@@ -1,3 +1,73 @@
+## [6.25.00] - 08-20-2025
+
+- **ADDED** - (new) TrendsWidget, TrendsStore, TrendsChartTotals, TrendsInsights
+- **ADDED** - CategoryList, CategoryDetailDrawer, CategoryDetailChart
+- **UPDATED** - Refactor (old) TrendsFullWidget to share common logic/components with TrendsWidget
+- **UPDATED** - LineChart with axisColor, showAxisHighlight, showLegend, showTooltip, showXAxis, showYAxis, showXAxisTicks, showYAxisTicks props
+- **UPDATED** - LineChart valueFormatterString prop to be explicit with no default to allow unformatted values/labels
+- **UPDATED** - CustomLegend to allow optional custom amount+label props
+- **ADDED** - CustomTooltip for LineChart hover cards
+
+## [6.24.25] - 08-20-2025
+
+- **ADDED** - Missing Data component for `Finstrong` widget
+
+## [6.24.24] - 08-20-2025
+
+- **ADDED** - `FinStrong` | key indicators tab section Unit testcases added
+
+## [6.24.23] - 08-20-2025
+
+- **ADDED** - Finstrong Financial Strength Graph and Credit Score Graph component | Dial Score Card Component
+
+## [6.24.22] - 08-20-2025
+
+- **ADDED** - Analytic events for micro widgets
+
+## [6.24.21] - 08-20-2025
+
+- **ADDED** - Api for Augumented Chart Data
+
+## [6.24.20] - 08-19-2025
+
+- **ADDED** - `FinStrong` | key indicators tab section added
+
+## [6.24.19] - 08-19-2025
+
+- **ADDED** - `Profile` drawer skeleton with key actions for `Finstrong`
+
+## [6.24.18] - 08-19-2025
+
+- **UPDATED** - Modified existing LineChart component to support Finstrong requirements.
+
+## [6.24.17] - 08-18-2025
+
+- **FIXED** - Mini Goals track type null check fix
+
+## [6.24.16] - 08-15-2025
+
+- **REMOVED** - Manually throwing honey badgers; they should be handled by the app consuming experiences
+
+## [6.24.15] - 08-15-2025
+
+- **UPDATED** - Remove "" from clientStyleProfile mode type
+
+## [6.24.14] - 08-14-2025
+
+- **ADDED** - Additional copy for new trends widget
+
+## [6.24.13] - 08-14-2025
+
+- **UPDATED** - Add 'browser' to clientStyleProfile mode type
+
+## [6.24.12] - 08-13-2025
+
+- **FIXED** - App bar settings overflow on compact devices
+
+## [6.24.11] - 08-12-2025
+
+- **FIXED** - Unwanted white space issue in the Budgets widget by updating usage of `detailedBudgets` for consistent filtering
+
 ## [6.24.10] - 08-11-2025
 
 - **ADDED** - Score Rubric Drawer component displaying detailed financial strength scoring information

package/dist/accounts/stores/AccountStore.d.ts

@@ -9,15 +9,7 @@ export declare class AccountStore {
     members: Member[];
     uiStore: UiStore;
     constructor(globalStore: GlobalStore);
-    getAccountData: () => {
-        accounts: Account[];
-        institutions: Institution[];
-    };
-    loadAccountData: ({ accounts, institutions, members }: {
-        accounts?: Account[];
-        institutions?: Institution[];
-        members?: Member[];
-    }) => Promise<void>;
+    loadAccountData: () => Promise<void>;
     get cashAccounts(): Account[];
     get cashBalance(): number;
     get checkingAccounts(): Account[];
@@ -33,9 +25,9 @@ export declare class AccountStore {
     get visibleSavingsAccounts(): Account[];
     addAccount: (account: Account) => Promise<void>;
     augmentAccounts: (accounts?: Account[]) => Account[];
-    loadAccounts: (accountsOverride?: Account[], members?: Member[]) => Promise<void>;
-    loadInstitutions: (institutionsOverride?: Institution[]) => Promise<void>;
-    loadMembers: (membersOverride?: Member[]) => Promise<void>;
+    loadAccounts: () => Promise<void>;
+    loadInstitutions: () => Promise<void>;
+    loadMembers: () => Promise<void>;
     mergeAccounts: (accountGuids: string[]) => Promise<void>;
     sortAccounts: (accounts?: Account[]) => Account[];
     refreshAccounts: () => Promise<void>;

package/dist/categories/stores/CategoryStore.d.ts

@@ -16,10 +16,7 @@ export declare class CategoryStore {
     get spendCategories(): DetailedCategory[];
     get transferCategories(): DetailedCategory[];
     addCategory: (name: string, parentGuid: string) => Promise<void>;
-    getCategoryData: () => {
-        categories: Category[];
-    };
-    loadCategories: (categoriesOverride?: Category[]) => Promise<void>;
+    loadCategories: () => Promise<void>;
     loadDateRangeCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;
     loadMonthlyCategoryTotals: (accounts?: Account[], startDate?: Date, endDate?: Date) => Promise<void>;
     reloadCategoryTotals: (accounts: Account[], startDate: Date, endDate: Date) => Promise<void>;

package/dist/common/components/ListItemRow.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface ListItemRowProps {
+    onClick?: () => void;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    rightContent?: React.ReactNode;
+    titleBold?: boolean;
+    rightContentBold?: boolean;
+}
+export declare const ListItemRow: React.FC<ListItemRowProps>;
+export {};

package/dist/common/components/charts/LineChart.d.ts

@@ -1,14 +1,25 @@
 import { default as React, CSSProperties } from 'react';
 import { MarkHandlers } from './linechart/CustomMark';
+export type LineChartDataset = {
+    x: string;
+    y: number;
+}[];
+export type LineChartLabel = string | {
+    label: string;
+    amount: number;
+};
+type LineChartCurve = 'catmullRom' | 'linear' | 'monotoneX' | 'monotoneY' | 'natural' | 'step' | 'stepBefore' | 'stepAfter' | 'bump' | 'bumpX' | 'bumpY';
 interface LineChartProps {
+    axisColor?: string;
     baseline?: string;
     colors: (string | undefined)[];
-    datasets: {
-        x: string;
-        y: number;
-    }[][];
+    curveType?: LineChartCurve;
+    datasets: LineChartDataset[];
     height?: number;
-    labels: string[];
+    isGraphClippingXAxis?: boolean;
+    labels: LineChartLabel[];
+    labelBackgroundColor?: string;
+    labelFontColor?: string;
     margin?: {
         top?: number;
         right?: number;
@@ -19,8 +30,16 @@ interface LineChartProps {
     markStyles?: (markIndex: number) => CSSProperties;
     showArea?: boolean;
     showAverage?: boolean;
+    showAxisHighlight?: boolean;
     showBars?: boolean;
+    showLegend?: boolean;
     showMarkLabel?: boolean;
+    showTooltip?: boolean;
+    showXAxis?: boolean;
+    showXAxisTicks?: boolean;
+    showYAxis?: boolean;
+    showYAxisTicks?: boolean;
+    title?: string;
     useCustomMark?: boolean;
     valueFormatterString?: string;
     width?: number;

package/dist/common/components/charts/linechart/CustomLegend.d.ts

@@ -1,7 +1,14 @@
-declare const _default: (({ series, average, style, }: {
-    average: number;
+import { LineChartLabel } from '../LineChart';
+export declare const CustomLegendLabel: ({ label }: {
+    label: LineChartLabel;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const _default: (({ average, labels, series, style, title, valueFormatterString, }: {
+    average?: number;
+    labels?: LineChartLabel[];
     series: any[];
+    title?: string;
     style: any;
+    valueFormatterString?: string;
 }) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };

package/dist/common/components/charts/linechart/CustomMark.d.ts

@@ -9,6 +9,9 @@ interface CustomMarkProps extends MarkElementProps {
     handlers?: MarkHandlers;
     showLabel: boolean;
     yData: number[];
+    labelBackgroundColor?: string;
+    labelFontColor?: string;
+    valueFormatterString?: string;
 }
 export declare const CustomMark: React.FC<CustomMarkProps>;
 export {};

package/dist/common/components/charts/linechart/CustomTooltip.d.ts

@@ -0,0 +1,7 @@
+import { LineChartLabel } from '../LineChart';
+interface CustomTooltipProps {
+    labels?: LineChartLabel[];
+    valueFormatterString?: string;
+}
+export declare function CustomTooltip({ labels, valueFormatterString }: CustomTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/common/components/listitems/CollapseExpandListItem.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface CollapseExpandListItemProps {
+    isExpanded: boolean;
+    onClick: () => void;
+}
+export declare const CollapseExpandListItem: React.FC<CollapseExpandListItemProps>;
+export {};

package/dist/common/constants/Analytics.d.ts

@@ -97,4 +97,16 @@ export declare const ANALYTICS_EVENTS: {
     TRENDS_HOVER_POINT: string;
     TRENDS_VIEW_TRANSACTIONS: string;
     WIDGET_BACK_CLICK: string;
+    GOALS_CLICK_GET_STARTED: string;
+    GOALS_CLICK_VIEW_DETAILS: string;
+    GOALS_LOAD_WIDGET: string;
+    NET_WORTH_CLICK_GET_STARTED: string;
+    NET_WORTH_CLICK_VIEW_DETAILS: string;
+    NET_WORTH_LOAD_WIDGET: string;
+    RECURRING_TRANSACTIONS_CLICK_GET_STARTED: string;
+    RECURRING_TRANSACTIONS_CLICK_VIEW_ALL: string;
+    RECURRING_TRANSACTIONS_LOAD_WIDGET: string;
+    TRENDS_CLICK_GET_STARTED: string;
+    TRENDS_CLICK_VIEW_MORE: string;
+    TRENDS_LOAD_WIDGET: string;
 };

package/dist/common/constants/FinStrong.d.ts

@@ -0,0 +1,28 @@
+export declare const FinstrongThresholds: {
+    creditScore: {
+        poor: number;
+        good: number;
+    };
+    daysOfCashOnHand: {
+        poor: number;
+        good: number;
+    };
+    debtToIncomeRatio: {
+        poor: number;
+        good: number;
+    };
+    emergencySavings: {
+        poor: number;
+        good: number;
+    };
+    spendToIncomeRatio: {
+        poor: number;
+        good: number;
+    };
+};
+export declare const CardStatus: {
+    GOOD: string;
+    FAIR: string;
+    OFF_TRACK: string;
+    MISSING: string;
+};

package/dist/common/context/hooks.d.ts

@@ -7,6 +7,7 @@ export declare const useCashflowStore: () => import('../..').CashflowStore;
 export declare const useCategoryStore: () => import('../..').CategoryStore;
 export declare const useConnectStore: () => import('../stores/ConnectStore').ConnectStore;
 export declare const useDebtStore: () => import('../..').DebtsStore;
+export declare const useFinstrongStore: () => import('../..').FinstrongStore;
 export declare const useGlobalStore: () => import('..').GlobalStore;
 export declare const useGlobalUiStore: () => import('../stores/GlobalUiStore').GlobalUiStore;
 export declare const useGlobalCopyStore: () => import('..').GlobalCopy;

package/dist/common/context/index.d.ts

@@ -1,3 +1,3 @@
-export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useEvent, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
+export { useAccountStore, useAppConfig, useBudgetsStore, useCashflowStore, useCategoryStore, useDebtStore, useEvent, useFinstrongStore, useGlobalStore, useGlobalUiStore, useGlobalCopyStore, useGoalStore, useHelpStore, useHoldingStore, useMerchantStore, useNetWorthStore, useNotificationStore, usePageView, useRecurringTransactionsStore, useSettingsStore, useTransactionStore, useTrendsStore, useUserStore, useWidgetContainerProvider, } from './hooks';
 export { GlobalDataContext, GlobalDataProvider } from './GlobalDataProvider';
 export { WidgetContainerContext, WidgetContainerProvider } from './WidgetContainerProvider';

package/dist/common/stores/AppDataStore.d.ts

@@ -15,7 +15,7 @@ export declare class AppDataStore {
     get user(): User;
     get userCommunicationProfile(): UserCommunicationProfile;
     get userProfile(): UserProfile;
-    loadAppData: (appDataOverrides?: AppData) => Promise<void>;
+    loadAppData: () => Promise<void>;
     loadBanner: () => Promise<void>;
     setUser: (user: User) => User;
     setUserCommunicationProfile: (profile: UserCommunicationProfile) => UserCommunicationProfile;

package/dist/common/stores/GlobalStore.d.ts

@@ -21,21 +21,7 @@ import { ConnectStore } from './ConnectStore';
 import { GlobalCopyStore } from './GlobalCopyStore';
 import { GlobalUiStore } from './GlobalUiStore';
 import { UserStore } from './UserStore';
-import { Account, Category, Institution, Member } from '../../common';
-import { AppConfig, AppData, Beat, Tag, Tagging, Transaction, TransactionRule, UserFeature } from '../types';
-interface LoadDataProps {
-    accounts?: Account[];
-    appData?: AppData;
-    associatedBeats?: Beat[];
-    categories?: Category[];
-    institutions?: Institution[];
-    members?: Member[];
-    taggings?: Tagging[];
-    tags?: Tag[];
-    transactionRules?: TransactionRule[];
-    transactions?: Transaction[];
-    userFeatures?: UserFeature[];
-}
+import { AppConfig } from '../types';
 export declare class GlobalStore {
     appConfig: AppConfig;
     endpoint: string;
@@ -65,6 +51,5 @@ export declare class GlobalStore {
     globalUiStore: GlobalUiStore;
     constructor(appConfig?: AppConfig, endpoint?: string);
     get isInitialized(): boolean;
-    loadData: ({ accounts, appData, associatedBeats, categories, institutions, members, taggings, tags, transactionRules, transactions, userFeatures, }: LoadDataProps) => Promise<void>;
+    loadData: () => Promise<void>;
 }
-export {};

package/dist/common/stores/UserStore.d.ts

@@ -9,7 +9,7 @@ export declare class UserStore {
     initialize: (endpoint: string, token: string) => Promise<void>;
     get userProfile(): UserProfile;
     get user(): User;
-    loadUserFeatures: (featuresOverrides?: UserFeature[]) => Promise<void>;
+    loadUserFeatures: () => Promise<void>;
     updateUser: (user: User) => Promise<void>;
     updateUserProfile: (userProfile: UserProfile) => Promise<void>;
 }

package/dist/common/types/Category.d.ts

@@ -1,3 +1,4 @@
+import { Transaction } from './Transaction';
 export interface Category {
     guid: string;
     income: boolean;
@@ -54,6 +55,14 @@ export interface DetailedCategory extends Category {
     totalAverageAmount: number;
     totalMonthlyAmounts: MonthlyAmount[];
 }
+export interface CategoryListItem {
+    guid: string;
+    name: string;
+    amount: number;
+    transactions?: Transaction[];
+    color?: string;
+    chartLabel?: string;
+}
 export interface CategoryTotal {
     amount: number;
     category: Category;

package/dist/common/types/Client.d.ts

@@ -110,7 +110,7 @@ export interface ClientStyleProfile {
     error_color_dark?: string;
     warning_color_dark?: string;
     info_color_dark?: string;
-    mode?: 'dark' | 'light' | '';
+    mode?: 'dark' | 'light' | 'browser';
     system_font?: string;
     card_corner_radius?: number;
     button_corner_radius?: number;

package/dist/common/types/Finstrong.d.ts

@@ -1,3 +1,4 @@
+import { CardStatus } from '../constants/FinStrong';
 export interface HealthScore {
     created_at: string;
     debt_score: number;
@@ -67,3 +68,4 @@ export interface HealthScoreReport {
     spending_score_point_difference: number | null;
     user_guid: string;
 }
+export type KeyIndicatorsCardState = (typeof CardStatus)[keyof typeof CardStatus];

package/dist/common/types/index.d.ts

@@ -6,7 +6,7 @@ export type { Beat, DataSeries } from './Beat';
 export { UserVerification } from './Beat';
 export type { Budget, BudgetColors, DetailedBudget } from './Budget';
 export type { CashflowEvent, CashflowSequence, RepeatDay, RepeatInterval, RepeatMonth, RepeatWeekday, } from './Cashflow';
-export type { Category, CategoryTotal, DateRangeCategoryTotals, DetailedCategory, MonthlyAmount, MonthlyCategoryTotals, } from './Category';
+export type { Category, CategoryListItem, CategoryTotal, DateRangeCategoryTotals, DetailedCategory, MonthlyAmount, MonthlyCategoryTotals, } from './Category';
 export type { Client, ClientColorScheme, ClientCommunicationProfile, ClientInsightProfile, ClientProfile, ClientStyleProfile, } from './Client';
 export type { DateType, DateRange } from './Date';
 export type { Expense } from './Expense';

package/dist/common/types/localization/FinstrongCopy.d.ts

@@ -1,16 +1,75 @@
+export interface CreditScoreStatusCopy {
+    poor: string;
+    fair: string;
+    good: string;
+    very_good: string;
+    exceptional: string;
+    missing_data: string;
+}
+interface KeyIndicatorBorrow {
+    credit_score_fair_description: string;
+    credit_score_good_description: string;
+    credit_score_missing_description: string;
+    credit_score_off_track_description: string;
+    credit_score_title: string;
+    manage_debit_fair_description: string;
+    manage_debit_good_description: string;
+    manage_debit_missing_description: string;
+    manage_debit_off_track_description: string;
+    manage_debit_title: string;
+    title: string;
+}
+interface KeyIndicatorSave {
+    days_of_cash_fair_description: string;
+    days_of_cash_good_description: string;
+    days_of_cash_missing_description: string;
+    days_of_cash_off_track_description: string;
+    days_of_cash_title: string;
+    emergency_savings_fair_description: string;
+    emergency_savings_good_description: string;
+    emergency_savings_missing_description: string;
+    emergency_savings_off_track_description: string;
+    emergency_savings_title: string;
+    title: string;
+}
+interface KeyIndicatorSpend {
+    count_card_title: string;
+    count_fair_description: string;
+    count_good_description: string;
+    count_missing_description: string;
+    count_off_track_description: string;
+    ratio_card_title: string;
+    ratio_fair_description: string;
+    ratio_good_description: string;
+    ratio_missing_description: string;
+    ratio_off_track_description: string;
+    title: string;
+}
 export interface FinstrongCopy {
     building: string;
     connect_more_accounts_button: string;
     connect_more_accounts_description: string;
     connect_more_accounts_title: string;
     connect_more_accounts_to_view_more_accurate_financial_picture: string;
+    credit_score_status: CreditScoreStatusCopy;
     dont_see_all_your_accounts: string;
+    footer_center_content_updated_just_now: string;
     finstrong_freedom_description: string;
     how_do_we_do_this: string;
+    insufficient_data: string;
     key_indicators: string;
+    key_indicators_borrow: KeyIndicatorBorrow;
+    key_indicators_fair: string;
+    key_indicators_good: string;
+    key_indicators_missing: string;
+    key_indicators_off_track: string;
+    key_indicators_save: KeyIndicatorSave;
+    key_indicators_spend: KeyIndicatorSpend;
+    missing_data_description: string;
+    missing_data_title: string;
+    score_rubric: string;
     see_whats_possible: string;
     see_whats_possible_description: string;
-    score_rubric: string;
     stable: string;
     strong: string;
     understand_your_habits: string;
@@ -21,3 +80,4 @@ export interface FinstrongCopy {
     we_ask_questions_description_2: string;
     your_path_to_financial_freedom: string;
 }
+export {};

package/dist/common/types/localization/TrendsCopy.d.ts

@@ -1,15 +1,27 @@
 export interface TrendsCopy {
     all_categories: string;
+    categories: string;
+    category_income: string;
+    category_spending: string;
+    close_category_details: string;
+    empty_state_primary: string;
+    empty_state_sub_text: string;
     income_label: string;
     micro_primary_cta_label: string;
     micro_subheader: string;
     micro_secondary_label: string;
     mini_title: string;
+    monthly_income: string;
+    monthly_spending: string;
     payments_label: string;
     primary_cta: string;
     spending_label: string;
     sub_title: string;
     title: string;
+    transaction: string;
+    transactions: string;
+    view_more: string;
+    view_transactions: string;
     zero_state_content_description: string;
     zero_state_content_header: string;
 }

package/dist/finstrong/components/CreditScoreGraph.d.ts

@@ -0,0 +1,11 @@
+export interface CreditScoreGraphProps {
+    arcRadius: number;
+    size?: 'L' | 'M' | 'SM';
+    healthScore: number;
+    maxValue?: number;
+    minValue?: number;
+    footerCenterContent?: string | number;
+}
+export declare const CreditScoreGraph: (({ arcRadius, size, healthScore, maxValue, minValue, footerCenterContent, }: CreditScoreGraphProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/finstrong/components/FinancialStrengthGraph.d.ts

@@ -0,0 +1,9 @@
+export interface FinacialStrengthGraphProps {
+    arcRadius: number;
+    size?: 'L' | 'M' | 'SM';
+    healthScore: number;
+    footerCenterContent?: string | number;
+}
+export declare const FinancialStrengthGraph: (({ arcRadius, size, healthScore, footerCenterContent }: FinacialStrengthGraphProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/finstrong/components/KeyIndicatorsBorrowTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsBorrowTab: React.FC;
+export default KeyIndicatorsBorrowTab;

package/dist/finstrong/components/KeyIndicatorsSaveTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsSaveTab: React.FC;
+export default KeyIndicatorsSaveTab;

package/dist/finstrong/components/KeyIndicatorsSpendTab.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsSpendTab: React.FC;
+export default KeyIndicatorsSpendTab;

package/dist/finstrong/components/KeyIndicatorsTabItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { KeyIndicatorsCardState } from '../../common/types/Finstrong';
+interface KeyIndicatorsTabsItemProps {
+    title: string;
+    description: string;
+    cardState: KeyIndicatorsCardState;
+    stateTitle: string;
+}
+declare const KeyIndicatorsTabsItem: React.FC<KeyIndicatorsTabsItemProps>;
+export default KeyIndicatorsTabsItem;

package/dist/finstrong/components/KeyIndicatorsTabsWidget.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const KeyIndicatorsTabsWidget: React.FC;
+export default KeyIndicatorsTabsWidget;

package/dist/finstrong/components/ManageCreditScore.d.ts

@@ -0,0 +1,8 @@
+interface ManageCreditScoreProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const _default: (({ isOpen, onClose }: ManageCreditScoreProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/ManageDOB.d.ts

@@ -0,0 +1,6 @@
+interface ManageDOBProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const ManageDOB: ({ isOpen, onClose }: ManageDOBProps) => import("react/jsx-runtime").JSX.Element;
+export default ManageDOB;

package/dist/finstrong/components/MissingData.d.ts

@@ -0,0 +1,7 @@
+interface MissingDataProps {
+    onClick: () => void;
+}
+declare const _default: (({ onClick }: MissingDataProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/ProfileDrawer.d.ts

@@ -0,0 +1,8 @@
+interface ProfileDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const _default: (({ isOpen, onClose }: ProfileDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/finstrong/components/ProfileList.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export declare enum Action {
+    Connections = "connections",
+    CreditScore = "credit_score",
+    DateOfBirth = "date_of_birth",
+    MonthlyIncome = "monthly_income"
+}
+interface ProfileListItem {
+    icon: React.ReactNode;
+    isComplete: boolean;
+    key: Action;
+    primaryText: string;
+    secondaryText: string;
+}
+interface ProfileListProps {
+    list: ProfileListItem[];
+    onClickItem: (action: Action) => void;
+}
+declare const ProfileList: ({ list, onClickItem }: ProfileListProps) => import("react/jsx-runtime").JSX.Element;
+export default ProfileList;

package/dist/finstrong/components/ProfileProgressBar.d.ts

@@ -0,0 +1,6 @@
+interface ProfileProgressBarProps {
+    completeCopy: string;
+    value: number;
+}
+declare const ProfileProgressBar: ({ value, completeCopy }: ProfileProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProfileProgressBar;

package/dist/finstrong/components/shared/CustomPieArc.d.ts

@@ -0,0 +1,18 @@
+import { PieValueType } from '@mui/x-charts';
+interface CustomPieArcProps {
+    dialScoreData: PieValueType[];
+    dataIndex: number;
+    arcStartAngle: number;
+    totalAngularSpan: number;
+    centerX: number;
+    centerY: number;
+    arcRadius: number;
+    arcColor?: string;
+    innerArcRadius: number;
+    outterArcRadius: number;
+    unitsPerSegment: number;
+    progressEndAngle: number;
+    isFinacialStrengthGraph?: boolean;
+}
+export declare const CustomPieArc: ({ dialScoreData, dataIndex, arcColor, arcStartAngle, totalAngularSpan, centerX, centerY, arcRadius, innerArcRadius, outterArcRadius, progressEndAngle, unitsPerSegment, isFinacialStrengthGraph, }: CustomPieArcProps) => import("react/jsx-runtime").JSX.Element;
+export {};