@mx-cartographer/experiences 9.0.7 → 9.0.8-alpha.al0

package/CHANGELOG.md

@@ -1,11 +1,17 @@
-## [9.0.6] - 05-22-2026
+## [9.0.8] - 05-26-2026
+
+- **UPDATED** - Theming utils for custom theming via mxui2
+
+## [9.0.7] - 05-22-2026
 
 - **UPDATED** - ADD the html_in_description_cta field to the ClientConfigurableCta
 
-## [9.0.5.1] - 05-20-2026
+## [9.0.6] - 05-20-2026
+
 - **UPDATED** - Add aria-hidden="true" to the main image in the WeekendNoSpendDays insight
 
 ## [9.0.5] - 05-20-2026
+
 - **UPDATED** - Hide MarketingHub Offer call to action button when call_to_action content is blank
 
 ## [9.0.4] - 05-19-2026

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(() => {
+import { l as V } from "../UserStore-DzWku3t0.mjs";
+import { b as Z, a as z } from "../Localization-DnoVyBNK.mjs";
+import { f as X, b as rr, a as or, c as er, g as tr, d as ar } from "../NumberFormatting--XMeeBfr.mjs";
+import { C as nr, a as ir, b as ur } from "../CurrencyDialog-DumQCTPO.mjs";
+import { C as lr } from "../CurrencyInput-DaGEQaLW.mjs";
+import { D as mr, S as pr } from "../Select-CSpkK5cR.mjs";
+import { D as gr, W as yr, u as _r } from "../WidgetContainer-D-LzIKFb.mjs";
+import { D as xr } from "../Dialog-Bvd2n8hz.mjs";
+import { D as Cr } from "../Donut-SzzfZDHF.mjs";
+import { D as br } from "../Drawer-BXqqBMxg.mjs";
+import { E as Sr } from "../ErrorBoundary-CsdOcnJ9.mjs";
+import { I as Dr } from "../IconBacking-DgT8DCeh.mjs";
+import { I as Ir } from "../InformationTooltip-4su8bn1e.mjs";
+import { L as Nr } from "../Loader-CxeBwuPG.mjs";
+import { M as Mr } from "../MicroWidgetContainer-B2NnKBgW.mjs";
+import { M as Pr } from "../MiniWidgetContainer-Bmv_WeUd.mjs";
+import { jsxs as h, jsx as _ } from "react/jsx-runtime";
+import { css as v } from "@mxenabled/cssinjs";
+import { D as b, a as O } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { S as Gr } from "../SingleSegmentDonut-7Uy6VEld.mjs";
+import { R as Ur } from "../ResponsiveButton-CC9F_Ezk.mjs";
+import { S as Br } from "../SelectionBox-B4xELRgp.mjs";
+import { S as Yr } from "../StatusBar-CPfSXe80.mjs";
+import { I as Hr, P as jr, S as Qr, T as Vr } from "../TabContentContainer-B0eYJP5p.mjs";
+import { A as Zr } from "../Analytics-WeZYytR0.mjs";
+import { C as Jr } from "../ConnectCard-Dwfgv24k.mjs";
+import { C as ro } from "../ConnectDrawer-DytyIhaF.mjs";
+import { C as eo } from "../CurrencyText-CCbE6MmF.mjs";
+import { E as ao } from "../EmptyState-CJUDc3kD.mjs";
+import { E as no } from "../Error-Dtw6yxkf.mjs";
+import { G as uo } from "../GlobalAccountFilter-CYqzqmAd.mjs";
+import { G as lo, m as mo, n as po, W as fo, c as go, i as yo, o as _o, p as ho, l as xo, q as Eo, r as Co, f as vo, s as bo, u as Oo, e as So, a as ko, k as Do, t as To, v as Io, w as Ao, b as No, x as wo, y as Mo, z as Lo, h as Po, A as Wo, g as Go, B as Ro, C as Uo, D as Fo } from "../hooks-97sNJ_lf.mjs";
+import { L as qo } from "../ListItemAction-BqUCLj_w.mjs";
+import { L as $o } from "../ListItemRow-kH1rn8Xu.mjs";
+import { L as jo } from "../ListItemWrapper-BHIbqx7E.mjs";
+import { S as Vo } from "../SearchBox-Cpgu_gdO.mjs";
+import { S as Zo, T as zo } from "../Sizes-DISGrlUg.mjs";
+import { T as Xo, a as re } from "../ToggleListItem-Dl1lXNwj.mjs";
+import { a as ee, u as te, b as ae } from "../Analytics-CkYXKvco.mjs";
+import { alpha as S, darken as k, lighten as D } from "@mui/material";
+import { u as ne } from "../useAccountDisplayName-BsiXA0qf.mjs";
+import { u as ue } from "../useInsightsEnabled-D5Sdm0TJ.mjs";
+import { useRef as T, useEffect as I } from "react";
+import { u as le } from "../useScreenSize-mWpmnh5w.mjs";
+import { u as me } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+var d = /* @__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))(d || {});
+const F = (r) => {
+  const o = T(null);
+  return I(() => {
     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 = {
+}, B = [
+  { id: d.Unknown, copy: "frequency_unknown" },
+  { id: d.EveryWeek, copy: "frequency_every_week" },
+  { id: d.EveryOtherWeek, copy: "frequency_every_other_week" },
+  { id: d.EveryMonth, copy: "frequency_every_month" },
+  { id: d.EveryOtherMonth, copy: "frequency_every_other_month" },
+  { id: d.EveryQuarter, copy: "frequency_every_quarter" },
+  { id: d.EveryOtherQuarter, copy: "frequency_every_other_quarter" },
+  { id: d.EveryYear, copy: "frequency_every_year" }
+], q = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
-}, U = ({
+}, Y = ({
   hasGap: r = !1,
   segments: o,
-  size: n = _,
-  strokeWidth: u = v,
-  children: m
+  size: a = b,
+  strokeWidth: m = O,
+  children: s
 }) => {
-  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 c = A(a), i = (a - m) / 2, e = a / 2;
+  let p = -90 - (r ? 1 : 0), l = 0;
+  return /* @__PURE__ */ h("div", { className: `mx-cmn-multi-segment-donut ${c}`, children: [
+    /* @__PURE__ */ h("svg", { height: a, width: a, children: [
+      /* @__PURE__ */ _(
         "circle",
         {
-          cx: a,
-          cy: a,
+          cx: e,
+          cy: e,
           fill: "none",
-          r: t,
+          r: i,
           stroke: "#E4E8EE",
-          strokeWidth: u
+          strokeWidth: m
         }
       ),
-      o.map((l, f) => (c += 360 * s + (r ? 1 : 0), s = (l.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
+      o.map((n, t) => (p += 360 * l + (r ? 1 : 0), l = (n.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ _(
         "circle",
         {
-          cx: a,
-          cy: a,
+          cx: e,
+          cy: e,
           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: i,
+          stroke: n.color,
+          strokeDasharray: 2 * Math.PI * i,
+          strokeDashoffset: 2 * Math.PI * i * (1 - l),
+          strokeWidth: m,
+          transform: `rotate(${p}, ${e}, ${e})`
         },
-        f
+        t
       )))
     ] }),
-    /* @__PURE__ */ y("div", { className: "mx-cmn-multi-segment-donut-children", children: m })
+    /* @__PURE__ */ _("div", { className: "mx-cmn-multi-segment-donut-children", children: s })
   ] });
-}, D = (r) => C({
+}, A = (r) => v({
   height: r,
   marginTop: "-8px",
   position: "relative",
@@ -114,7 +114,7 @@ const N = (r) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), T = [
+}), N = [
   "fontFamily",
   "h1",
   "h2",
@@ -126,186 +126,210 @@ const N = (r) => {
   "subtitle1",
   "subtitle2",
   "tiny"
-], h = [
+], w = [
   { key: "primary", light: "primary_color", dark: "primary_color_dark" },
   { key: "secondary", light: "neutral_color", dark: "neutral_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);
+], M = [
+  { source: "primary_color", target: "primary" },
+  { source: "secondary_color", target: "secondary" },
+  { source: "error_color", target: "error" },
+  { source: "warning_color", target: "warning" },
+  { source: "info_color", target: "info" },
+  { source: "success_color", target: "success" },
+  { source: "neutral_color", target: "grey" }
+], L = [
+  { source: "background_color", target: "default" },
+  { source: "paper_color", target: "paper" }
+], $ = (r, o, a) => {
+  const m = (t) => r?.[t] || o?.[t], s = {}, c = {};
+  for (const { source: t, target: g } of M) {
+    const f = m(t);
+    f && (c[g] = f);
   }
-  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 }
+  const i = {};
+  for (const { source: t, target: g } of L) {
+    const f = m(t);
+    f && (i[g] = { [a]: f });
+  }
+  Object.keys(i).length > 0 && (c.background = i), Object.keys(c).length > 0 && (s.paletteOptions = c);
+  const e = r?.use_glass ?? o?.use_glass;
+  e !== void 0 && (s.styleOptions = { useGlass: e });
+  const p = o?.body_font_name, l = r?.header_font_name || o?.header_font_name;
+  (p || l) && (s.typographyOptions = {}, p && (s.typographyOptions.fontFamily = p), l && (s.typographyOptions.headerFontFamily = l));
+  const n = r?.corner_radius || o?.card_corner_radius;
+  return n !== void 0 && (s.shapeOptions = { borderRadius: n }), s;
+}, H = (r, o, a, m) => {
+  const s = r.palette.mode === "dark", c = (a?.font_name || m?.master?.style?.font_name || o?.system_font) ?? r.typography.fontFamily, i = (u, y) => u ? {
+    light: D(u, 0.25),
+    main: u,
+    dark: k(u, 0.25)
+  } : y, e = Object.fromEntries(
+    w.map(({ key: u, light: y, dark: x }) => {
+      const E = o?.[s ? x : y], C = s ? void 0 : a?.[y];
+      return [u, i(C || E, r.palette[u])];
+    })
+  ), p = Object.fromEntries(
+    N.map((u) => [
+      u,
+      u === "fontFamily" ? c : { fontFamily: c }
     ])
-  ), c = {
+  ), l = {
     MuiTabs: {
       styleOverrides: {
-        indicator: { backgroundColor: t.primary.light }
+        indicator: { backgroundColor: e.primary.light }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: t.primary.lighter,
-          "&:hover": { backgroundColor: k(t.primary.light, 0.1) }
+          color: e.primary.light,
+          "&:hover": { backgroundColor: S(e.primary.light, 0.1) }
         }
       }
     }
-  }, s = o?.button_corner_radius, l = o?.card_corner_radius, f = {
-    ...c,
-    ...s && {
+  }, n = o?.button_corner_radius, t = a?.corner_radius || o?.card_corner_radius, g = a?.use_glass ?? o?.use_glass, f = {
+    ...l,
+    ...n && {
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: `${s}px`, textTransform: "none" }
+          root: { borderRadius: `${n}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${s}px`,
-            minWidth: s,
-            minHeight: s
+            borderRadius: `${n}px`,
+            minWidth: n,
+            minHeight: n
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${s}px`, textTransform: "none" }
+          root: { borderRadius: `${n}px`, textTransform: "none" }
         }
       }
     },
-    ...l && {
+    ...t && {
       MuiCard: {
-        styleOverrides: { root: { borderRadius: `${l}px` } }
+        styleOverrides: { root: { borderRadius: `${t}px` } }
       }
     },
-    ...l && {
+    ...(t || g) && {
       MuiPaper: {
         styleOverrides: {
-          rounded: { borderRadius: `${l}px` }
+          ...t && { rounded: { borderRadius: `${t}px` } },
+          ...g && {
+            root: {
+              backgroundColor: "rgba(255, 255, 255, 0.1)",
+              backdropFilter: "blur(10px)",
+              WebkitBackdropFilter: "blur(10px)"
+            }
+          }
         }
       }
     }
   };
-  return { typography: a, palette: t, components: f };
+  return { typography: p, palette: e, 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
+  Zr as ANALYTICS_EVENTS,
+  nr as Calendar,
+  ir as CalendarSelectionTypes,
+  Jr as ConnectCard,
+  ro as ConnectDrawer,
+  ur as CurrencyDialog,
+  lr as CurrencyInput,
+  eo as CurrencyText,
+  b as DEFAULT_DONUT_SIZE,
+  O as DEFAULT_STROKE_WIDTH,
+  mr as DataRow,
+  gr as DateRangeSelector,
+  xr as Dialog,
+  Cr as Donut,
+  br as Drawer,
+  ao as EmptyState,
+  no as Error,
+  Sr as ErrorBoundary,
+  uo as GlobalAccountFilter,
+  lo as GlobalDataContext,
+  mo as GlobalDataProvider,
+  V as GlobalStore,
+  Hr as INCOME_ACCOUNT_TYPES,
+  Dr as IconBacking,
+  Ir as InformationTooltip,
+  q as LOADING_STATUS,
+  qo as ListItemAction,
+  $o as ListItemRow,
+  jo as ListItemWrapper,
+  Nr as Loader,
+  Mr as MicroWidgetContainer,
+  Pr as MiniWidgetContainer,
+  Y as MultiSegmentDonut,
+  jr as PAYMENT_ACCOUNT_TYPES,
+  B as RECURRENCE_COPY,
+  Ur as ResponsiveButton,
+  Qr as SPENDING_ACCOUNT_TYPES,
+  Vo as SearchBox,
+  pr as Select,
+  Br as SelectionBox,
+  Gr as SingleSegmentDonut,
+  Zo as Sizes,
+  Yr as StatusBar,
+  zo as TOUCH_TARGET,
+  Vr as TabContentContainer,
+  Xo as ToggleButtonListItem,
+  re as ToggleListItem,
+  yr as WidgetContainer,
+  po as WidgetContainerContext,
+  fo as WidgetContainerProvider,
+  ee as analyticsSession,
+  Z as buildDynamicCopy,
+  z as buildPluralCopy,
+  X as formatCurrency,
+  rr as formatOrdinal,
+  or as formatPercentage,
+  er as generateEqualIntervals,
+  $ as getClientPaletteOptions,
+  H as getClientTheme,
+  tr as getCurrencyCodes,
+  ar as getPluralRules,
+  ne as useAccountDisplayName,
+  go as useAccountStore,
+  yo as useAppConfig,
+  _o as useBudgetsStore,
+  ho as useCashflowStore,
+  xo as useCategoryStore,
+  te as useCombineEvents,
+  ae as useCombinePageviews,
+  Eo as useDebtStore,
+  Co as useError,
+  vo as useEvent,
+  bo as useFinstrongStore,
+  Oo as useGlobalCopyStore,
+  So as useGlobalStore,
+  ko as useGlobalUiStore,
+  Do as useGoalStore,
+  To as useHelpStore,
+  Io as useHoldingStore,
+  ue as useInsightsEnabled,
+  Ao as useLoad,
+  No as useMerchantStore,
+  wo as useNetWorthStore,
+  Mo as useNotificationStore,
+  Lo as usePageView,
+  F as usePrevious,
+  Po as useRecurringTransactionsStore,
+  le as useScreenSize,
+  Wo as useSettingsStore,
+  Go as useTransactionStore,
+  Ro as useTrendsStore,
+  Uo as useUserStore,
+  Fo as useWidgetContainerProvider,
+  _r as useWidgetHeaderStyles,
+  me as useWidgetLoadTimer
 };

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

@@ -1,8 +1,8 @@
 import { PaletteColor, PaletteMode, Theme } from '@mui/material';
-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) => {
+import { Customizations } from '@mxenabled/mxui';
+import { ClientStyleProfile, ClientConfig, StyleConfig } from '../../core';
+export declare const getClientPaletteOptions: (clientStyleConfig: StyleConfig | undefined, clientStyleProfile: ClientStyleProfile, mode: PaletteMode) => Customizations;
+export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientStyleProfile, clientStyleConfig?: StyleConfig, clientConfig?: ClientConfig) => {
     typography: {
         [k: string]: string | {
             fontFamily: string | undefined;
@@ -10,19 +10,22 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
     };
     palette: {
         [k: string]: PaletteColor | {
-            lighter: string;
             light: string;
             main: string;
             dark: string;
-            darker: string;
         };
     };
     components: {
         MuiPaper?: {
             styleOverrides: {
-                rounded: {
+                root?: {
+                    backgroundColor: string;
+                    backdropFilter: string;
+                    WebkitBackdropFilter: string;
+                } | undefined;
+                rounded?: {
                     borderRadius: string;
-                };
+                } | undefined;
             };
         } | undefined;
         MuiCard?: {
@@ -67,7 +70,7 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         MuiPickersCalendarHeader: {
             styleOverrides: {
                 switchViewButton: {
-                    color: string | undefined;
+                    color: string;
                     '&:hover': {
                         backgroundColor: string;
                     };

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_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.7",
+  "version": "9.0.8-alpha.al0",
   "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",