@mx-cartographer/experiences 9.0.6 → 9.0.7-alpha.al1

package/README.md

@@ -41,9 +41,9 @@ The library is built using a modern React stack, leveraging industry-standard to
 
 ### Prerequisites
 - **Node.js**: v18.0.0 or higher
-- **Yarn**: 4.11.0 [^YARN_VER]
-- **React**: 18.3.1 [^REACT_VER]
-- **MobX**: 6.13.6 [^MOBX_VER]
+- **Yarn**: 4.15.0 [^YARN_VER]
+- **React**: 19.x [^REACT_VER]
+- **MobX**: 6.15.0 [^MOBX_VER]
 
 ### Installation
 
@@ -219,10 +219,10 @@ For technical assistance or internal inquiries:
 [^2]: [src/common/context/WidgetContainerProvider.tsx:10](src/common/context/WidgetContainerProvider.tsx#L10)
 [^3]: [src/common/context/GlobalStoreProvider.tsx:10](src/common/context/GlobalStoreProvider.tsx#L10)
 [^4]: [src/common/hooks/useScreenSize.tsx:4](src/common/hooks/useScreenSize.tsx#L4)
-[^5]: [package.json:267](package.json#L267)
-[^6]: [package.json:160](package.json#L160)
-[^MUI_VER]: [package.json:188](package.json#L188)
-[^MXUI_VER]: [package.json:196](package.json#L196)
-[^MOBX_VER]: [package.json:202](package.json#L202)
-[^REACT_VER]: [package.json:206](package.json#L206)
-[^YARN_VER]: [package.json:284](package.json#L284)
+[^5]: [package.json:187](package.json#L187)
+[^6]: [package.json:229](package.json#L229)
+[^MUI_VER]: [package.json:195](package.json#L195)
+[^MXUI_VER]: [package.json:203](package.json#L203)
+[^MOBX_VER]: [package.json:209](package.json#L209)
+[^REACT_VER]: [package.json:213](package.json#L213)
+[^YARN_VER]: [package.json:297](package.json#L297)

package/dist/common/index.es.js

@@ -1,108 +1,108 @@
-import { l as Y } from "../UserStore-DzWku3t0.mjs";
-import { b as $, a as H } from "../Localization-DnoVyBNK.mjs";
-import { f as j, b as V, a as K, c as Z, g as J, d as X } from "../NumberFormatting--XMeeBfr.mjs";
-import { C as rr, a as er, b as or } from "../CurrencyDialog-DumQCTPO.mjs";
-import { C as ar } from "../CurrencyInput-DaGEQaLW.mjs";
-import { D as nr, S as ir } from "../Select-CSpkK5cR.mjs";
-import { D as lr, W as mr, u as dr } from "../WidgetContainer-D-LzIKFb.mjs";
-import { D as fr } from "../Dialog-Bvd2n8hz.mjs";
-import { D as yr } from "../Donut-SzzfZDHF.mjs";
-import { D as xr } from "../Drawer-BXqqBMxg.mjs";
-import { E as hr } from "../ErrorBoundary-CsdOcnJ9.mjs";
-import { I as Cr } from "../IconBacking-DgT8DCeh.mjs";
-import { I as vr } from "../InformationTooltip-4su8bn1e.mjs";
-import { L as br } from "../Loader-CxeBwuPG.mjs";
-import { M as Dr } from "../MicroWidgetContainer-B2NnKBgW.mjs";
-import { M as Ir } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
-import { jsxs as g, jsx as y } from "react/jsx-runtime";
-import { css as C } from "@mxenabled/cssinjs";
-import { D as _, a as v } from "../SingleSegmentDonut-7Uy6VEld.mjs";
-import { S as Mr } from "../SingleSegmentDonut-7Uy6VEld.mjs";
-import { R as wr } from "../ResponsiveButton-CC9F_Ezk.mjs";
-import { S as Lr } from "../SelectionBox-B4xELRgp.mjs";
-import { S as Ur } from "../StatusBar-CPfSXe80.mjs";
-import { I as Br, P as Rr, S as qr, T as Yr } from "../TabContentContainer-B0eYJP5p.mjs";
-import { A as $r } from "../Analytics-WeZYytR0.mjs";
-import { C as Qr } from "../ConnectCard-Dwfgv24k.mjs";
-import { C as Vr } from "../ConnectDrawer-DytyIhaF.mjs";
-import { C as Zr } from "../CurrencyText-CCbE6MmF.mjs";
-import { E as Xr } from "../EmptyState-CJUDc3kD.mjs";
-import { E as re } from "../Error-Dtw6yxkf.mjs";
-import { G as oe } from "../GlobalAccountFilter-CYqzqmAd.mjs";
-import { G as ae, m as se, n as ne, W as ie, c as ue, i as le, o as me, p as de, l as ce, q as fe, r as pe, f as ye, s as ge, u as xe, e as Ee, a as he, k as Se, t as Ce, v as _e, w as ve, b as ke, x as be, y as Oe, z as De, h as Te, A as Ie, g as Ae, B as Me, C as Pe, D as we } from "../hooks-97sNJ_lf.mjs";
-import { L as Le } from "../ListItemAction-BqUCLj_w.mjs";
-import { L as Ue } from "../ListItemRow-kH1rn8Xu.mjs";
-import { L as Be } from "../ListItemWrapper-BHIbqx7E.mjs";
-import { S as qe } from "../SearchBox-Cpgu_gdO.mjs";
-import { S as Fe, T as $e } from "../Sizes-DISGrlUg.mjs";
-import { T as Qe, a as je } from "../ToggleListItem-Dl1lXNwj.mjs";
-import { a as Ke, u as Ze, b as Je } from "../Analytics-CkYXKvco.mjs";
-import { alpha as k, darken as x, lighten as E } from "@mui/material";
-import { u as ze } from "../useAccountDisplayName-BsiXA0qf.mjs";
-import { u as eo } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
-import { useRef as b, useEffect as O } from "react";
-import { u as to } from "../useScreenSize-mWpmnh5w.mjs";
-import { u as so } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-var i = /* @__PURE__ */ ((r) => (r[r.Unknown = 0] = "Unknown", r[r.EveryWeek = 1] = "EveryWeek", r[r.EveryOtherWeek = 2] = "EveryOtherWeek", r[r.EveryMonth = 3] = "EveryMonth", r[r.EveryOtherMonth = 4] = "EveryOtherMonth", r[r.EveryQuarter = 5] = "EveryQuarter", r[r.EveryOtherQuarter = 6] = "EveryOtherQuarter", r[r.EveryYear = 7] = "EveryYear", r))(i || {});
-const N = (r) => {
-  const o = b(null);
-  return O(() => {
-    o.current = r;
-  }, [r]), o.current;
-}, L = [
-  { id: i.Unknown, copy: "frequency_unknown" },
-  { id: i.EveryWeek, copy: "frequency_every_week" },
-  { id: i.EveryOtherWeek, copy: "frequency_every_other_week" },
-  { id: i.EveryMonth, copy: "frequency_every_month" },
-  { id: i.EveryOtherMonth, copy: "frequency_every_other_month" },
-  { id: i.EveryQuarter, copy: "frequency_every_quarter" },
-  { id: i.EveryOtherQuarter, copy: "frequency_every_other_quarter" },
-  { id: i.EveryYear, copy: "frequency_every_year" }
-], W = {
+import { l as U } from "../UserStore-DzWku3t0.mjs";
+import { b as B, a as q } from "../Localization-DnoVyBNK.mjs";
+import { f as P, b as Y, a as $, c as F, g as H, d as Q } from "../NumberFormatting--XMeeBfr.mjs";
+import { C as j, a as K, b as Z } from "../CurrencyDialog-DumQCTPO.mjs";
+import { C as J } from "../CurrencyInput-DaGEQaLW.mjs";
+import { D as rr, S as or } from "../Select-CSpkK5cR.mjs";
+import { D as tr, W as ar, u as sr } from "../WidgetContainer-D-LzIKFb.mjs";
+import { D as ir } from "../Dialog-Bvd2n8hz.mjs";
+import { D as dr } from "../Donut-SzzfZDHF.mjs";
+import { D as cr } from "../Drawer-BXqqBMxg.mjs";
+import { E as pr } from "../ErrorBoundary-CsdOcnJ9.mjs";
+import { I as gr } from "../IconBacking-DgT8DCeh.mjs";
+import { I as _r } from "../InformationTooltip-4su8bn1e.mjs";
+import { L as hr } from "../Loader-CxeBwuPG.mjs";
+import { M as Er } from "../MicroWidgetContainer-B2NnKBgW.mjs";
+import { M as Sr } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { jsxs as f, jsx as p } from "react/jsx-runtime";
+import { css as g } from "@mxenabled/cssinjs";
+import { D as y, a as _ } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { S as br } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { R as Dr } from "../ResponsiveButton-CC9F_Ezk.mjs";
+import { S as Tr } from "../SelectionBox-B4xELRgp.mjs";
+import { S as Ar } from "../StatusBar-CPfSXe80.mjs";
+import { I as Nr, P as Lr, S as Wr, T as Ur } from "../TabContentContainer-B0eYJP5p.mjs";
+import { A as Br } from "../Analytics-WeZYytR0.mjs";
+import { C as Rr } from "../ConnectCard-Dwfgv24k.mjs";
+import { C as Yr } from "../ConnectDrawer-DytyIhaF.mjs";
+import { C as Fr } from "../CurrencyText-CCbE6MmF.mjs";
+import { E as Qr } from "../EmptyState-CJUDc3kD.mjs";
+import { E as jr } from "../Error-Dtw6yxkf.mjs";
+import { G as Zr } from "../GlobalAccountFilter-CYqzqmAd.mjs";
+import { G as Jr, m as Xr, n as ro, W as oo, c as eo, i as to, o as ao, p as so, l as no, q as io, r as uo, f as lo, s as co, u as mo, e as po, a as fo, k as go, t as yo, v as _o, w as xo, b as ho, x as Co, y as Eo, z as ko, h as So, A as vo, g as bo, B as Oo, C as Do, D as Io } from "../hooks-97sNJ_lf.mjs";
+import { L as Mo } from "../ListItemAction-BqUCLj_w.mjs";
+import { L as wo } from "../ListItemRow-kH1rn8Xu.mjs";
+import { L as Lo } from "../ListItemWrapper-BHIbqx7E.mjs";
+import { S as Uo } from "../SearchBox-Cpgu_gdO.mjs";
+import { S as Bo, T as qo } from "../Sizes-DISGrlUg.mjs";
+import { T as Po, a as Yo } from "../ToggleListItem-Dl1lXNwj.mjs";
+import { a as Fo, u as Ho, b as Qo } from "../Analytics-CkYXKvco.mjs";
+import { alpha as x } from "@mui/material";
+import { u as jo } from "../useAccountDisplayName-BsiXA0qf.mjs";
+import { u as Zo } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
+import { useRef as h, useEffect as C } from "react";
+import { u as Jo } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as re } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+var s = /* @__PURE__ */ ((r) => (r[r.Unknown = 0] = "Unknown", r[r.EveryWeek = 1] = "EveryWeek", r[r.EveryOtherWeek = 2] = "EveryOtherWeek", r[r.EveryMonth = 3] = "EveryMonth", r[r.EveryOtherMonth = 4] = "EveryOtherMonth", r[r.EveryQuarter = 5] = "EveryQuarter", r[r.EveryOtherQuarter = 6] = "EveryOtherQuarter", r[r.EveryYear = 7] = "EveryYear", r))(s || {});
+const I = (r) => {
+  const a = h(null);
+  return C(() => {
+    a.current = r;
+  }, [r]), a.current;
+}, T = [
+  { id: s.Unknown, copy: "frequency_unknown" },
+  { id: s.EveryWeek, copy: "frequency_every_week" },
+  { id: s.EveryOtherWeek, copy: "frequency_every_other_week" },
+  { id: s.EveryMonth, copy: "frequency_every_month" },
+  { id: s.EveryOtherMonth, copy: "frequency_every_other_month" },
+  { id: s.EveryQuarter, copy: "frequency_every_quarter" },
+  { id: s.EveryOtherQuarter, copy: "frequency_every_other_quarter" },
+  { id: s.EveryYear, copy: "frequency_every_year" }
+], M = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
-}, U = ({
+}, A = ({
   hasGap: r = !1,
-  segments: o,
-  size: n = _,
-  strokeWidth: u = v,
-  children: m
+  segments: a,
+  size: o = y,
+  strokeWidth: e = _,
+  children: i
 }) => {
-  const d = D(n), t = (n - u) / 2, a = n / 2;
-  let c = -90 - (r ? 1 : 0), s = 0;
-  return /* @__PURE__ */ g("div", { className: `mx-cmn-multi-segment-donut ${d}`, children: [
-    /* @__PURE__ */ g("svg", { height: n, width: n, children: [
-      /* @__PURE__ */ y(
+  const u = E(o), n = (o - e) / 2, t = o / 2;
+  let l = -90 - (r ? 1 : 0), d = 0;
+  return /* @__PURE__ */ f("div", { className: `mx-cmn-multi-segment-donut ${u}`, children: [
+    /* @__PURE__ */ f("svg", { height: o, width: o, children: [
+      /* @__PURE__ */ p(
         "circle",
         {
-          cx: a,
-          cy: a,
+          cx: t,
+          cy: t,
           fill: "none",
-          r: t,
+          r: n,
           stroke: "#E4E8EE",
-          strokeWidth: u
+          strokeWidth: e
         }
       ),
-      o.map((l, f) => (c += 360 * s + (r ? 1 : 0), s = (l.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
+      a.map((c, m) => (l += 360 * d + (r ? 1 : 0), d = (c.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ p(
         "circle",
         {
-          cx: a,
-          cy: a,
+          cx: t,
+          cy: t,
           fill: "none",
-          r: t,
-          stroke: l.color,
-          strokeDasharray: 2 * Math.PI * t,
-          strokeDashoffset: 2 * Math.PI * t * (1 - s),
-          strokeWidth: u,
-          transform: `rotate(${c}, ${a}, ${a})`
+          r: n,
+          stroke: c.color,
+          strokeDasharray: 2 * Math.PI * n,
+          strokeDashoffset: 2 * Math.PI * n * (1 - d),
+          strokeWidth: e,
+          transform: `rotate(${l}, ${t}, ${t})`
         },
-        f
+        m
       )))
     ] }),
-    /* @__PURE__ */ y("div", { className: "mx-cmn-multi-segment-donut-children", children: m })
+    /* @__PURE__ */ p("div", { className: "mx-cmn-multi-segment-donut-children", children: i })
   ] });
-}, D = (r) => C({
+}, E = (r) => g({
   height: r,
   marginTop: "-8px",
   position: "relative",
@@ -114,198 +114,189 @@ const N = (r) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), T = [
-  "fontFamily",
-  "h1",
-  "h2",
-  "h3",
-  "body1",
-  "body2",
-  "button",
-  "caption",
-  "subtitle1",
-  "subtitle2",
-  "tiny"
-], h = [
+}), k = [
   { key: "primary", light: "primary_color", dark: "primary_color_dark" },
-  { key: "secondary", light: "neutral_color", dark: "neutral_color_dark" },
+  { key: "secondary", light: "secondary_color", dark: "secondary_color_dark" },
   { key: "error", light: "error_color", dark: "error_color_dark" },
   { key: "warning", light: "warning_color", dark: "warning_color_dark" },
   { key: "info", light: "info_color", dark: "info_color_dark" },
-  { key: "success", light: "success_color", dark: "success_color_dark" }
-], G = (r, o) => {
-  const n = o === "dark", u = {};
-  for (const { key: m, light: d, dark: t } of h) {
-    const a = r?.[n ? t : d];
-    a && (u[m] = a);
+  { key: "success", light: "success_color", dark: "success_color_dark" },
+  { key: "grey", light: "neutral_color", dark: "neutral_color_dark" }
+], w = (r, a) => {
+  const o = a === "dark", e = {};
+  for (const { key: l, light: d, dark: c } of k) {
+    const m = r?.[o ? c : d];
+    m && (e[l] = m);
   }
-  return u;
-}, B = (r, o, n) => {
-  const u = r.palette.mode === "dark", m = (n?.master?.style?.font_name || o?.system_font) ?? r.typography.fontFamily, d = (e, p) => e ? {
-    lighter: E(e, 0.5),
-    light: E(e, 0.25),
-    main: e,
-    dark: x(e, 0.25),
-    darker: x(e, 0.5)
-  } : p, t = Object.fromEntries(
-    h.map(({ key: e, light: p, dark: S }) => [
-      e,
-      d(
-        o?.[u ? S : p],
-        r.palette[e]
-      )
-    ])
-  ), a = Object.fromEntries(
-    T.map((e) => [
-      e,
-      e === "fontFamily" ? m : { fontFamily: m }
-    ])
-  ), c = {
+  const i = r?.background_color;
+  i && (e.background = {
+    ...e.background,
+    default: o ? { light: "", dark: i } : { light: i, dark: "" }
+  });
+  const u = r?.paper_color;
+  u && (e.background = {
+    ...e.background,
+    paper: o ? { light: "", dark: u } : { light: u, dark: "" }
+  });
+  const n = r?.body_font_name || r?.system_font, t = r?.header_font_name;
+  return {
+    paletteOptions: e,
+    ...r?.use_glass != null && {
+      styleOptions: { useGlass: r.use_glass }
+    },
+    ...(n || t) && {
+      typographyOptions: {
+        ...n && { fontFamily: n },
+        ...t && { headerFontFamily: t }
+      }
+    },
+    ...r?.card_corner_radius != null && {
+      shapeOptions: { borderRadius: r.card_corner_radius }
+    }
+  };
+}, N = (r, a) => {
+  const o = a?.button_corner_radius, e = a?.card_corner_radius;
+  return { components: {
     MuiTabs: {
       styleOverrides: {
-        indicator: { backgroundColor: t.primary.light }
+        indicator: { backgroundColor: r.palette.primary.light }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: t.primary.lighter,
-          "&:hover": { backgroundColor: k(t.primary.light, 0.1) }
+          color: r.palette.primary.lighter,
+          "&:hover": { backgroundColor: x(r.palette.primary.light, 0.1) }
         }
       }
-    }
-  }, s = o?.button_corner_radius, l = o?.card_corner_radius, f = {
-    ...c,
-    ...s && {
+    },
+    ...o && {
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: `${s}px`, textTransform: "none" }
+          root: { borderRadius: `${o}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${s}px`,
-            minWidth: s,
-            minHeight: s
+            borderRadius: `${o}px`,
+            minWidth: o,
+            minHeight: o
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${s}px`, textTransform: "none" }
+          root: { borderRadius: `${o}px`, textTransform: "none" }
         }
       }
     },
-    ...l && {
+    ...e && {
       MuiCard: {
-        styleOverrides: { root: { borderRadius: `${l}px` } }
-      }
-    },
-    ...l && {
+        styleOverrides: { root: { borderRadius: `${e}px` } }
+      },
       MuiPaper: {
         styleOverrides: {
-          rounded: { borderRadius: `${l}px` }
+          rounded: { borderRadius: `${e}px` }
         }
       }
     }
-  };
-  return { typography: a, palette: t, components: f };
+  } };
 };
 export {
-  $r as ANALYTICS_EVENTS,
-  rr as Calendar,
-  er as CalendarSelectionTypes,
-  Qr as ConnectCard,
-  Vr as ConnectDrawer,
-  or as CurrencyDialog,
-  ar as CurrencyInput,
-  Zr as CurrencyText,
-  _ as DEFAULT_DONUT_SIZE,
-  v as DEFAULT_STROKE_WIDTH,
-  nr as DataRow,
-  lr as DateRangeSelector,
-  fr as Dialog,
-  yr as Donut,
-  xr as Drawer,
-  Xr as EmptyState,
-  re as Error,
-  hr as ErrorBoundary,
-  oe as GlobalAccountFilter,
-  ae as GlobalDataContext,
-  se as GlobalDataProvider,
-  Y as GlobalStore,
-  Br as INCOME_ACCOUNT_TYPES,
-  Cr as IconBacking,
-  vr as InformationTooltip,
-  W as LOADING_STATUS,
-  Le as ListItemAction,
-  Ue as ListItemRow,
-  Be as ListItemWrapper,
-  br as Loader,
-  Dr as MicroWidgetContainer,
-  Ir as MiniWidgetContainer,
-  U as MultiSegmentDonut,
-  Rr as PAYMENT_ACCOUNT_TYPES,
-  L as RECURRENCE_COPY,
-  wr as ResponsiveButton,
-  qr as SPENDING_ACCOUNT_TYPES,
-  qe as SearchBox,
-  ir as Select,
-  Lr as SelectionBox,
-  Mr as SingleSegmentDonut,
-  Fe as Sizes,
-  Ur as StatusBar,
-  $e as TOUCH_TARGET,
-  Yr as TabContentContainer,
-  Qe as ToggleButtonListItem,
-  je as ToggleListItem,
-  mr as WidgetContainer,
-  ne as WidgetContainerContext,
-  ie as WidgetContainerProvider,
-  Ke as analyticsSession,
-  $ as buildDynamicCopy,
-  H as buildPluralCopy,
-  j as formatCurrency,
-  V as formatOrdinal,
-  K as formatPercentage,
-  Z as generateEqualIntervals,
-  G as getClientPaletteOptions,
-  B as getClientTheme,
-  J as getCurrencyCodes,
-  X as getPluralRules,
-  ze as useAccountDisplayName,
-  ue as useAccountStore,
-  le as useAppConfig,
-  me as useBudgetsStore,
-  de as useCashflowStore,
-  ce as useCategoryStore,
-  Ze as useCombineEvents,
-  Je as useCombinePageviews,
-  fe as useDebtStore,
-  pe as useError,
-  ye as useEvent,
-  ge as useFinstrongStore,
-  xe as useGlobalCopyStore,
-  Ee as useGlobalStore,
-  he as useGlobalUiStore,
-  Se as useGoalStore,
-  Ce as useHelpStore,
-  _e as useHoldingStore,
-  eo as useInsightsEnabled,
-  ve as useLoad,
-  ke as useMerchantStore,
-  be as useNetWorthStore,
-  Oe as useNotificationStore,
-  De as usePageView,
-  N as usePrevious,
-  Te as useRecurringTransactionsStore,
-  to as useScreenSize,
-  Ie as useSettingsStore,
-  Ae as useTransactionStore,
-  Me as useTrendsStore,
-  Pe as useUserStore,
-  we as useWidgetContainerProvider,
-  dr as useWidgetHeaderStyles,
-  so as useWidgetLoadTimer
+  Br as ANALYTICS_EVENTS,
+  j as Calendar,
+  K as CalendarSelectionTypes,
+  Rr as ConnectCard,
+  Yr as ConnectDrawer,
+  Z as CurrencyDialog,
+  J as CurrencyInput,
+  Fr as CurrencyText,
+  y as DEFAULT_DONUT_SIZE,
+  _ as DEFAULT_STROKE_WIDTH,
+  rr as DataRow,
+  tr as DateRangeSelector,
+  ir as Dialog,
+  dr as Donut,
+  cr as Drawer,
+  Qr as EmptyState,
+  jr as Error,
+  pr as ErrorBoundary,
+  Zr as GlobalAccountFilter,
+  Jr as GlobalDataContext,
+  Xr as GlobalDataProvider,
+  U as GlobalStore,
+  Nr as INCOME_ACCOUNT_TYPES,
+  gr as IconBacking,
+  _r as InformationTooltip,
+  M as LOADING_STATUS,
+  Mo as ListItemAction,
+  wo as ListItemRow,
+  Lo as ListItemWrapper,
+  hr as Loader,
+  Er as MicroWidgetContainer,
+  Sr as MiniWidgetContainer,
+  A as MultiSegmentDonut,
+  Lr as PAYMENT_ACCOUNT_TYPES,
+  T as RECURRENCE_COPY,
+  Dr as ResponsiveButton,
+  Wr as SPENDING_ACCOUNT_TYPES,
+  Uo as SearchBox,
+  or as Select,
+  Tr as SelectionBox,
+  br as SingleSegmentDonut,
+  Bo as Sizes,
+  Ar as StatusBar,
+  qo as TOUCH_TARGET,
+  Ur as TabContentContainer,
+  Po as ToggleButtonListItem,
+  Yo as ToggleListItem,
+  ar as WidgetContainer,
+  ro as WidgetContainerContext,
+  oo as WidgetContainerProvider,
+  Fo as analyticsSession,
+  B as buildDynamicCopy,
+  q as buildPluralCopy,
+  P as formatCurrency,
+  Y as formatOrdinal,
+  $ as formatPercentage,
+  F as generateEqualIntervals,
+  w as getClientCustomizations,
+  N as getClientTheme,
+  H as getCurrencyCodes,
+  Q as getPluralRules,
+  jo as useAccountDisplayName,
+  eo as useAccountStore,
+  to as useAppConfig,
+  ao as useBudgetsStore,
+  so as useCashflowStore,
+  no as useCategoryStore,
+  Ho as useCombineEvents,
+  Qo as useCombinePageviews,
+  io as useDebtStore,
+  uo as useError,
+  lo as useEvent,
+  co as useFinstrongStore,
+  mo as useGlobalCopyStore,
+  po as useGlobalStore,
+  fo as useGlobalUiStore,
+  go as useGoalStore,
+  yo as useHelpStore,
+  _o as useHoldingStore,
+  Zo as useInsightsEnabled,
+  xo as useLoad,
+  ho as useMerchantStore,
+  Co as useNetWorthStore,
+  Eo as useNotificationStore,
+  ko as usePageView,
+  I as usePrevious,
+  So as useRecurringTransactionsStore,
+  Jo as useScreenSize,
+  vo as useSettingsStore,
+  bo as useTransactionStore,
+  Oo as useTrendsStore,
+  Do as useUserStore,
+  Io as useWidgetContainerProvider,
+  sr as useWidgetHeaderStyles,
+  re as useWidgetLoadTimer
 };

package/dist/common/utils/Theme.d.ts

@@ -1,33 +1,19 @@
-import { PaletteColor, PaletteMode, Theme } from '@mui/material';
+import { PaletteMode, Theme } from '@mui/material';
+import { Customizations } from '@mxenabled/mxui';
 import { ClientStyleProfile } from '../../core';
-import { ClientConfig } from '../../core/types/AppData';
-export declare const getClientPaletteOptions: (clientStyleProfile: ClientStyleProfile, mode: PaletteMode) => Record<string, string>;
-export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientStyleProfile, clientConfig?: ClientConfig) => {
-    typography: {
-        [k: string]: string | {
-            fontFamily: string | undefined;
-        } | undefined;
-    };
-    palette: {
-        [k: string]: PaletteColor | {
-            lighter: string;
-            light: string;
-            main: string;
-            dark: string;
-            darker: string;
-        };
-    };
+export declare const getClientCustomizations: (clientStyleProfile: ClientStyleProfile, mode: PaletteMode) => Customizations;
+export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientStyleProfile) => {
     components: {
-        MuiPaper?: {
+        MuiCard?: {
             styleOverrides: {
-                rounded: {
+                root: {
                     borderRadius: string;
                 };
             };
         } | undefined;
-        MuiCard?: {
+        MuiPaper?: {
             styleOverrides: {
-                root: {
+                rounded: {
                     borderRadius: string;
                 };
             };
@@ -67,7 +53,7 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         MuiPickersCalendarHeader: {
             styleOverrides: {
                 switchViewButton: {
-                    color: string | undefined;
+                    color: any;
                     '&:hover': {
                         backgroundColor: string;
                     };

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

@@ -1,2 +1,2 @@
 export { analyticsSession } from './Analytics';
-export { getClientPaletteOptions, getClientTheme } from './Theme';
+export { getClientCustomizations, getClientTheme } from './Theme';

package/dist/core/types/AppData.d.ts

@@ -48,7 +48,21 @@ export interface MasterConfig {
     ui_message_webview_url_scheme?: string;
 }
 export interface StyleConfig {
+    background_color?: string;
+    corner_radius?: number;
+    error_color?: string;
     font_name?: string;
+    header_font_name?: string;
+    info_color?: string;
+    neutral_color?: string;
+    paper_color?: string;
+    primary_color?: string;
+    secondary_color?: string;
+    success_color?: string;
+    use_body_font_url?: boolean;
+    use_glass?: boolean;
+    use_header_font_url?: boolean;
+    warning_color?: string;
 }
 export interface DeepLinkParams {
     account_guids?: string[];

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

@@ -96,23 +96,30 @@ export interface ClientInsightProfile {
     is_recurring_transactions_manager_enabled: boolean;
 }
 export interface ClientStyleProfile {
-    primary_color?: string;
-    primary_font_regular?: string;
-    secondary_color?: string;
-    neutral_color?: string;
-    success_color?: string;
+    background_color?: string;
+    body_font_name?: string;
+    body_font_url?: string;
+    button_corner_radius?: number;
+    card_corner_radius?: number;
     error_color?: string;
-    warning_color?: string;
+    error_color_dark?: string;
+    header_font_name?: string;
+    header_font_url?: string;
     info_color?: string;
+    info_color_dark?: string;
+    mode?: 'dark' | 'light' | 'browser';
+    neutral_color?: string;
+    neutral_color_dark?: string;
+    paper_color?: string;
+    primary_color?: string;
     primary_color_dark?: string;
+    primary_font_regular?: string;
+    secondary_color?: string;
     secondary_color_dark?: string;
-    neutral_color_dark?: string;
+    success_color?: string;
     success_color_dark?: string;
-    error_color_dark?: string;
-    warning_color_dark?: string;
-    info_color_dark?: string;
-    mode?: 'dark' | 'light' | 'browser';
     system_font?: string;
-    card_corner_radius?: number;
-    button_corner_radius?: number;
+    use_glass?: boolean;
+    warning_color?: string;
+    warning_color_dark?: string;
 }

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

@@ -1,7 +1,7 @@
 export type { Account, DetailedAccount, Member, MonthlyAccountBalance } from './Account';
 export { AccountIcon, AccountIconVariants, AccountSubType, AccountType, AccountTypeName, ConnectionStatus, ConnectionStatusEnums, ErrorStatuses, MfaStatuses, NonConnectedStatuses, ProcessingStatuses, PropertyType, PropertyTypeName, StatusName, } from './Account';
 export type { AnalyticsEvent, AnalyticsPageview, BasicAnalyticsEvent, BasicAnalyticsPageview, AnalyticsSession, AnalyticEventFunction, AnalyticPageviewFunction, AnalyticsSessionInstance, } from './Analytics';
-export type { AppConfig, AppData, Banner, ClientConfig, Config, Options } from './AppData';
+export type { AppConfig, AppData, Banner, ClientConfig, Config, Options, StyleConfig } from './AppData';
 export type { Beat, DataSeries } from './Beat';
 export { UserVerification } from './Beat';
 export type { Budget, BudgetColors, DetailedBudget, MerchantBudget } from './Budget';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.0.6",
+  "version": "9.0.7-alpha.al1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -200,7 +200,7 @@
     "@mui/x-date-pickers-pro": "^7.29.4",
     "@mxenabled/cssinjs": "^0.6.0",
     "@mxenabled/mx-icons": "^2",
-    "@mxenabled/mxui": "2.5.3",
+    "@mxenabled/mxui": "2.5.4-alpha.al0",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.13.24",
     "bowser": "^2.14.1",