@mx-cartographer/experiences 9.0.8-alpha.al1 → 9.0.8

package/CHANGELOG.md

@@ -1,7 +1,3 @@
-## [9.0.9] - 05-26-2026
-
-- **UPDATED** - Theming utils for custom theming via mxui2
-
 ## [9.0.8] - 05-25-2026
 
 - **FIXED** - Account filter checkboxes now expose checked/unchecked/mixed state to screen readers

package/dist/common/index.es.js

@@ -1,108 +1,108 @@
-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-DJnp6t6c.mjs";
-import { D as xr } from "../Dialog-Bvd2n8hz.mjs";
-import { D as Cr } from "../Donut-SzzfZDHF.mjs";
-import { D as br } from "../Drawer-DsnW2o0v.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-D7uxoH5Y.mjs";
-import { C as ro } from "../ConnectDrawer-CW4LA3H3.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-BhzR5Vb1.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(() => {
+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-DJnp6t6c.mjs";
+import { D as fr } from "../Dialog-Bvd2n8hz.mjs";
+import { D as yr } from "../Donut-SzzfZDHF.mjs";
+import { D as xr } from "../Drawer-DsnW2o0v.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-D7uxoH5Y.mjs";
+import { C as Vr } from "../ConnectDrawer-CW4LA3H3.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-BhzR5Vb1.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;
-}, 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 = {
+}, 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 = {
   ERROR: "ERROR",
   LOADING: "LOADING",
   SUCCESS: "SUCCESS"
-}, Y = ({
+}, U = ({
   hasGap: r = !1,
   segments: o,
-  size: a = b,
-  strokeWidth: m = O,
-  children: s
+  size: n = _,
+  strokeWidth: u = v,
+  children: m
 }) => {
-  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__ */ _(
+  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(
         "circle",
         {
-          cx: e,
-          cy: e,
+          cx: a,
+          cy: a,
           fill: "none",
-          r: i,
+          r: t,
           stroke: "#E4E8EE",
-          strokeWidth: m
+          strokeWidth: u
         }
       ),
-      o.map((n, t) => (p += 360 * l + (r ? 1 : 0), l = (n.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ _(
+      o.map((l, f) => (c += 360 * s + (r ? 1 : 0), s = (l.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
         "circle",
         {
-          cx: e,
-          cy: e,
+          cx: a,
+          cy: a,
           fill: "none",
-          r: i,
-          stroke: n.color,
-          strokeDasharray: 2 * Math.PI * i,
-          strokeDashoffset: 2 * Math.PI * i * (1 - l),
-          strokeWidth: m,
-          transform: `rotate(${p}, ${e}, ${e})`
+          r: t,
+          stroke: l.color,
+          strokeDasharray: 2 * Math.PI * t,
+          strokeDashoffset: 2 * Math.PI * t * (1 - s),
+          strokeWidth: u,
+          transform: `rotate(${c}, ${a}, ${a})`
         },
-        t
+        f
       )))
     ] }),
-    /* @__PURE__ */ _("div", { className: "mx-cmn-multi-segment-donut-children", children: s })
+    /* @__PURE__ */ y("div", { className: "mx-cmn-multi-segment-donut-children", children: m })
   ] });
-}, A = (r) => v({
+}, D = (r) => C({
   height: r,
   marginTop: "-8px",
   position: "relative",
@@ -114,7 +114,7 @@ const F = (r) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), N = [
+}), T = [
   "fontFamily",
   "h1",
   "h2",
@@ -126,210 +126,186 @@ const F = (r) => {
   "subtitle1",
   "subtitle2",
   "tiny"
-], w = [
+], h = [
   { 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" }
-], 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);
+], 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);
   }
-  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 }
+  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 }
     ])
-  ), l = {
+  ), c = {
     MuiTabs: {
       styleOverrides: {
-        indicator: { backgroundColor: e.primary.light }
+        indicator: { backgroundColor: t.primary.light }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: e.primary.light,
-          "&:hover": { backgroundColor: S(e.primary.light, 0.1) }
+          color: t.primary.lighter,
+          "&:hover": { backgroundColor: k(t.primary.light, 0.1) }
         }
       }
     }
-  }, n = o?.button_corner_radius, t = a?.corner_radius || o?.card_corner_radius, g = a?.use_glass ?? o?.use_glass, f = {
-    ...l,
-    ...n && {
+  }, s = o?.button_corner_radius, l = o?.card_corner_radius, f = {
+    ...c,
+    ...s && {
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: `${n}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${n}px`,
-            minWidth: n,
-            minHeight: n
+            borderRadius: `${s}px`,
+            minWidth: s,
+            minHeight: s
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${n}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       }
     },
-    ...t && {
+    ...l && {
       MuiCard: {
-        styleOverrides: { root: { borderRadius: `${t}px` } }
+        styleOverrides: { root: { borderRadius: `${l}px` } }
       }
     },
-    ...(t || g) && {
+    ...l && {
       MuiPaper: {
         styleOverrides: {
-          ...t && { rounded: { borderRadius: `${t}px` } },
-          ...g && {
-            root: {
-              backgroundColor: "rgba(255, 255, 255, 0.1)",
-              backdropFilter: "blur(10px)",
-              WebkitBackdropFilter: "blur(10px)"
-            }
-          }
+          rounded: { borderRadius: `${l}px` }
         }
       }
     }
   };
-  return { typography: p, palette: e, components: f };
+  return { typography: a, palette: t, components: f };
 };
 export {
-  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
+  $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
 };

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

@@ -1,8 +1,8 @@
 import { PaletteColor, PaletteMode, Theme } from '@mui/material';
-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) => {
+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;
@@ -10,22 +10,19 @@ 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: {
-                root?: {
-                    backgroundColor: string;
-                    backdropFilter: string;
-                    WebkitBackdropFilter: string;
-                } | undefined;
-                rounded?: {
+                rounded: {
                     borderRadius: string;
-                } | undefined;
+                };
             };
         } | undefined;
         MuiCard?: {
@@ -70,7 +67,7 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         MuiPickersCalendarHeader: {
             styleOverrides: {
                 switchViewButton: {
-                    color: string;
+                    color: string | undefined;
                     '&:hover': {
                         backgroundColor: string;
                     };

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

@@ -48,21 +48,7 @@ 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,30 +96,23 @@ export interface ClientInsightProfile {
     is_recurring_transactions_manager_enabled: boolean;
 }
 export interface ClientStyleProfile {
-    background_color?: string;
-    body_font_name?: string;
-    body_font_url?: string;
-    button_corner_radius?: number;
-    card_corner_radius?: number;
-    error_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?: string;
     success_color?: string;
-    success_color_dark?: string;
-    system_font?: string;
-    use_glass?: boolean;
+    error_color?: string;
     warning_color?: string;
+    info_color?: string;
+    primary_color_dark?: string;
+    secondary_color_dark?: string;
+    neutral_color_dark?: 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;
 }

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, StyleConfig, } from './AppData';
+export type { AppConfig, AppData, Banner, ClientConfig, Config, Options } 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.8-alpha.al1",
+  "version": "9.0.8",
   "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.6.1",
+    "@mxenabled/mxui": "2.5.3",
     "@mxenabled/web-widget-sdk": "^0.0.15",
     "@tanstack/react-virtual": "^3.13.24",
     "bowser": "^2.14.1",