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

package/dist/common/index.es.js

@@ -1,108 +1,108 @@
-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 = {
+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;
+}, 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"
-}, A = ({
+}, Y = ({
   hasGap: r = !1,
-  segments: a,
-  size: o = y,
-  strokeWidth: e = _,
-  children: i
+  segments: o,
+  size: a = b,
+  strokeWidth: m = O,
+  children: s
 }) => {
-  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(
+  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: t,
-          cy: t,
+          cx: e,
+          cy: e,
           fill: "none",
-          r: n,
+          r: i,
           stroke: "#E4E8EE",
-          strokeWidth: e
+          strokeWidth: m
         }
       ),
-      a.map((c, m) => (l += 360 * d + (r ? 1 : 0), d = (c.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ p(
+      o.map((n, t) => (p += 360 * l + (r ? 1 : 0), l = (n.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ _(
         "circle",
         {
-          cx: t,
-          cy: t,
+          cx: e,
+          cy: e,
           fill: "none",
-          r: n,
-          stroke: c.color,
-          strokeDasharray: 2 * Math.PI * n,
-          strokeDashoffset: 2 * Math.PI * n * (1 - d),
-          strokeWidth: e,
-          transform: `rotate(${l}, ${t}, ${t})`
+          r: i,
+          stroke: n.color,
+          strokeDasharray: 2 * Math.PI * i,
+          strokeDashoffset: 2 * Math.PI * i * (1 - l),
+          strokeWidth: m,
+          transform: `rotate(${p}, ${e}, ${e})`
         },
-        m
+        t
       )))
     ] }),
-    /* @__PURE__ */ p("div", { className: "mx-cmn-multi-segment-donut-children", children: i })
+    /* @__PURE__ */ _("div", { className: "mx-cmn-multi-segment-donut-children", children: s })
   ] });
-}, E = (r) => g({
+}, A = (r) => v({
   height: r,
   marginTop: "-8px",
   position: "relative",
@@ -114,189 +114,222 @@ const I = (r) => {
     top: "50%",
     transform: "translate(-50%, -50%)"
   }
-}), k = [
+}), N = [
+  "fontFamily",
+  "h1",
+  "h2",
+  "h3",
+  "body1",
+  "body2",
+  "button",
+  "caption",
+  "subtitle1",
+  "subtitle2",
+  "tiny"
+], w = [
   { key: "primary", light: "primary_color", dark: "primary_color_dark" },
-  { key: "secondary", light: "secondary_color", dark: "secondary_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" },
-  { 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);
+  { 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);
   }
-  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: {
+  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 }
+    ])
+  ), l = {
     MuiTabs: {
       styleOverrides: {
-        indicator: { backgroundColor: r.palette.primary.light }
+        indicator: { backgroundColor: e.primary.light }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: r.palette.primary.lighter,
-          "&:hover": { backgroundColor: x(r.palette.primary.light, 0.1) }
+          color: e.primary.light,
+          "&:hover": { backgroundColor: S(e.primary.light, 0.1) }
         }
       }
-    },
-    ...o && {
+    }
+  }, 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: `${o}px`, textTransform: "none" }
+          root: { borderRadius: `${n}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${o}px`,
-            minWidth: o,
-            minHeight: o
+            borderRadius: `${n}px`,
+            minWidth: n,
+            minHeight: n
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${o}px`, textTransform: "none" }
+          root: { borderRadius: `${n}px`, textTransform: "none" }
         }
       }
     },
-    ...e && {
+    ...t && {
       MuiCard: {
-        styleOverrides: { root: { borderRadius: `${e}px` } }
-      },
+        styleOverrides: { root: { borderRadius: `${t}px` } }
+      }
+    },
+    ...(t || g) && {
       MuiPaper: {
         styleOverrides: {
-          rounded: { borderRadius: `${e}px` }
+          ...t && { rounded: { borderRadius: `${t}px` } },
+          ...g && {
+            root: {
+              backgroundColor: "rgba(255, 255, 255, 0.1)",
+              backdropFilter: "blur(10px)",
+              WebkitBackdropFilter: "blur(10px)"
+            }
+          }
         }
       }
     }
-  } };
+  };
+  return { typography: p, palette: e, components: f };
 };
 export {
-  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
+  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,19 +1,36 @@
-import { PaletteMode, Theme } from '@mui/material';
+import { PaletteColor, PaletteMode, Theme } from '@mui/material';
 import { Customizations } from '@mxenabled/mxui';
-import { ClientStyleProfile } from '../../core';
-export declare const getClientCustomizations: (clientStyleProfile: ClientStyleProfile, mode: PaletteMode) => Customizations;
-export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientStyleProfile) => {
+import { ClientStyleProfile, ClientConfig, StyleConfig } from '../../core';
+export declare const getClientPaletteOptions: (clientStyleConfig: StyleConfig, clientStyleProfile: ClientStyleProfile, mode: PaletteMode) => Customizations;
+export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientStyleProfile, clientStyleConfig?: StyleConfig, clientConfig?: ClientConfig) => {
+    typography: {
+        [k: string]: string | {
+            fontFamily: string | undefined;
+        } | undefined;
+    };
+    palette: {
+        [k: string]: PaletteColor | {
+            light: string;
+            main: string;
+            dark: string;
+        };
+    };
     components: {
-        MuiCard?: {
+        MuiPaper?: {
             styleOverrides: {
-                root: {
+                root?: {
+                    backgroundColor: string;
+                    backdropFilter: string;
+                    WebkitBackdropFilter: string;
+                } | undefined;
+                rounded?: {
                     borderRadius: string;
-                };
+                } | undefined;
             };
         } | undefined;
-        MuiPaper?: {
+        MuiCard?: {
             styleOverrides: {
-                rounded: {
+                root: {
                     borderRadius: string;
                 };
             };
@@ -53,7 +70,7 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         MuiPickersCalendarHeader: {
             styleOverrides: {
                 switchViewButton: {
-                    color: any;
+                    color: string;
                     '&:hover': {
                         backgroundColor: string;
                     };

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

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

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

@@ -59,7 +59,7 @@ export interface StyleConfig {
     primary_color?: string;
     secondary_color?: string;
     success_color?: string;
-    use_body_font_url?: boolean;
+    use_font_url?: boolean;
     use_glass?: boolean;
     use_header_font_url?: boolean;
     warning_color?: 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-alpha.al0",
+  "version": "9.0.7-alpha.al2",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",