@mx-cartographer/experiences 9.0.0-alpha.al9 → 9.0.0

package/dist/{WidgetContainer-CmkRiOTH.mjs → WidgetContainer-DNuz_s7W.mjs}

@@ -36,7 +36,7 @@ import Ye from "@mui/material/ToggleButtonGroup";
 import { useTheme as Le } from "@mui/material/styles";
 import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
 import { D as Be } from "./Dialog-CwWc0AbH.mjs";
-import { D as we } from "./Drawer-BNu88yNt.mjs";
+import { D as we } from "./Drawer-BXqqBMxg.mjs";
 import { u as le } from "./useScreenSize-mWpmnh5w.mjs";
 import { f as P, D as S } from "./DateFormats-HudZ3Bjs.mjs";
 import { L as Ne } from "./Loader-CxeBwuPG.mjs";

package/dist/accounts/index.es.js

@@ -11,15 +11,15 @@ import B from "@mui/material/ListSubheader";
 import P from "@mui/system/Stack";
 import { f as a1 } from "../NumberFormatting--XMeeBfr.mjs";
 import { useTheme as p1, alpha as x1 } from "@mui/material/styles";
-import { u as R, A as w1 } from "../AccountDetailsHeader-CfdnKyJK.mjs";
+import { u as R, A as w1 } from "../AccountDetailsHeader-DIysk_4w.mjs";
 import { L as R1 } from "../LineChart-CejWS_rh.mjs";
 import { g as S1, a as T1, b as D1 } from "../SpendingData-PKlh8caU.mjs";
 import { l as E1, u as A, d as E, g as k, h as _1, a as L1, b as G } from "../hooks-BaO_gOI6.mjs";
 import { A as I, g as f, N as f1 } from "../Account-BaJmiJAG.mjs";
 import { I as g1, P as H1, S as v1 } from "../Account-BxHMlV9R.mjs";
-import { a as k1, b as I1 } from "../AccountFields-CAy0x_4i.mjs";
-import { g as n2 } from "../AccountFields-CAy0x_4i.mjs";
-import { A as U } from "../AccountListItem-DJaIOxbb.mjs";
+import { a as k1, b as I1 } from "../AccountFields-mwJ8NXsX.mjs";
+import { g as n2 } from "../AccountFields-mwJ8NXsX.mjs";
+import { A as U } from "../AccountListItem-BDXHs4tV.mjs";
 import s1 from "@mui/material/Tab";
 import Z1 from "@mui/material/Tabs";
 import N1 from "@mui/material/Switch";
@@ -29,10 +29,10 @@ import Z from "@mui/material/ListItemText";
 import { b as H } from "../Localization-DnoVyBNK.mjs";
 import { A as w } from "../Analytics-CzGzz_sE.mjs";
 import { D as e1 } from "../Dialog-CwWc0AbH.mjs";
-import { D as n1 } from "../Drawer-BNu88yNt.mjs";
+import { D as n1 } from "../Drawer-BXqqBMxg.mjs";
 import j from "@mui/material/ListItemAvatar";
 import { Language as O1, Error as b1, CheckCircle as F1 } from "@mxenabled/mx-icons";
-import { C as z } from "../ConnectDrawer-CPsSusKE.mjs";
+import { C as z } from "../ConnectDrawer-Cnjr3Ddg.mjs";
 import { fromUnixTime as P1 } from "date-fns/fromUnixTime";
 import { isToday as W1 } from "date-fns/isToday";
 import { isYesterday as B1 } from "date-fns/isYesterday";
@@ -49,20 +49,20 @@ import j1 from "@mui/material/Select";
 import X1 from "@mui/material/TextField";
 import { F as J } from "../Accounts-CseLC3lL.mjs";
 import { M as i2 } from "../Accounts-CseLC3lL.mjs";
-import { C as J1 } from "../CurrencyInput-B59ugxPN.mjs";
+import { C as J1 } from "../CurrencyInput-adTIRtL3.mjs";
 import q1 from "@mui/material/Alert";
 import Q1 from "@mui/material/AlertTitle";
 import e3 from "@mui/material/Link";
 import t3 from "@mui/material/Paper";
 import { endOfToday as n3, subDays as o3, startOfToday as i3 } from "date-fns";
-import { T as c3 } from "../EmbeddedCard-wENckl64.mjs";
-import { T as a3 } from "../TransactionDetails-CMUIncOc.mjs";
+import { T as c3 } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as a3 } from "../TransactionDetails-C3dlAzYf.mjs";
 import { T as u1 } from "../TabContentContainer-CnMXkVqr.mjs";
-import { C as s3 } from "../ConnectionsDrawer-DWPOixe6.mjs";
+import { C as s3 } from "../ConnectionsDrawer-CtfPXk0M.mjs";
 import { u as V1 } from "../useScreenSize-mWpmnh5w.mjs";
 import { u as o1 } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { L as i1 } from "../Loader-CxeBwuPG.mjs";
-import { W as l3 } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as l3 } from "../WidgetContainer-DNuz_s7W.mjs";
 import { M as A1 } from "../MiniWidgetContainer-BdPiUU-u.mjs";
 const r3 = (t, o) => {
   const n = g1.includes(o) ? S1(t) : [], c = H1.includes(o) ? T1(t) : [], i = v1.includes(o) ? D1(t) : [];

package/dist/budgets/index.es.js

@@ -21,11 +21,11 @@ import te from "@mui/material/ListItem";
 import me from "@mui/material/ListItemAvatar";
 import oe from "@mui/material/ListItemButton";
 import ne from "@mui/material/ListItemText";
-import { D as $ } from "../Drawer-BNu88yNt.mjs";
+import { D as $ } from "../Drawer-BXqqBMxg.mjs";
 import Xe from "@mui/material/ListItemSecondaryAction";
-import { C as Ze } from "../CurrencyInput-B59ugxPN.mjs";
+import { C as Ze } from "../CurrencyInput-adTIRtL3.mjs";
 import { D as W } from "../Dialog-CwWc0AbH.mjs";
-import { C as qe } from "../ConnectionsDrawer-DWPOixe6.mjs";
+import { C as qe } from "../ConnectionsDrawer-CtfPXk0M.mjs";
 import * as O from "d3";
 import Je from "@mui/material/Tooltip";
 import { u as ge } from "../useScreenSize-mWpmnh5w.mjs";
@@ -35,19 +35,19 @@ import { A as P } from "../Analytics-CzGzz_sE.mjs";
 import Ee from "@mui/material/Tab";
 import Qe from "@mui/material/Tabs";
 import { e as et, g as we } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as ve } from "../EmbeddedCard-wENckl64.mjs";
-import { T as tt, c as ot } from "../TransactionDetails-CMUIncOc.mjs";
+import { T as ve } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as tt, c as ot } from "../TransactionDetails-C3dlAzYf.mjs";
 import Te from "@mui/material/Card";
 import De from "@mui/material/CardContent";
 import { S as Se } from "../StatusBar-CPfSXe80.mjs";
 import { S as Ge } from "../SingleSegmentDonut-7Uy6VEld.mjs";
-import { u as nt, C as at } from "../CategorySelectorDrawer-DVGuR3Ab.mjs";
+import { u as nt, C as at } from "../CategorySelectorDrawer-CmaDLhnf.mjs";
 import Pe from "@mui/material/CardHeader";
 import { subDays as rt } from "date-fns/subDays";
 import st from "@mui/material/IconButton";
-import { M as it } from "../ManageIncome-D2hEHycu.mjs";
+import { M as it } from "../ManageIncome-B1JfqslT.mjs";
 import { u as je } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { W as ct } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as ct } from "../WidgetContainer-DNuz_s7W.mjs";
 import { g as lt, a as dt } from "../BudgetUtil-Bg2AQJpQ.mjs";
 import { M as ut } from "../MiniWidgetContainer-BdPiUU-u.mjs";
 import { b as mt } from "../CurrencyDialog-DumQCTPO.mjs";

package/dist/cashflow/index.es.js

@@ -17,13 +17,13 @@ import { I as pe } from "../InformationTooltip-4su8bn1e.mjs";
 import { u as Oe } from "../useWidgetLoadTimer-CJb-RELP.mjs";
 import { M as Ze } from "../MiniWidgetContainer-BdPiUU-u.mjs";
 import { E as et } from "../EmptyState-CJUDc3kD.mjs";
-import { R as tt } from "../RecurringSettings-Qqila2ld.mjs";
+import { R as tt } from "../RecurringSettings-cm6MK_aS.mjs";
 import nt from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
 import { getUnixTime as le } from "date-fns/getUnixTime";
 import Q from "@mui/material/List";
 import ee from "@mui/material/ListItem";
-import { A as ot } from "../AccountListItem-DJaIOxbb.mjs";
+import { A as ot } from "../AccountListItem-BDXHs4tV.mjs";
 import { f as U, D as Y } from "../DateFormats-HudZ3Bjs.mjs";
 import it from "@mui/material/ListSubheader";
 import { f as J } from "../NumberFormatting--XMeeBfr.mjs";
@@ -34,17 +34,17 @@ import { addDays as _e } from "date-fns/addDays";
 import { DataGridPro as at } from "@mui/x-data-grid-pro";
 import { T as Ce } from "../TabContentContainer-CnMXkVqr.mjs";
 import W from "@mui/material/Button";
-import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-D2hEHycu.mjs";
-import { D as He } from "../Drawer-BNu88yNt.mjs";
+import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-B1JfqslT.mjs";
+import { D as He } from "../Drawer-BXqqBMxg.mjs";
 import { subDays as We } from "date-fns/subDays";
 import { endOfToday as dt } from "date-fns/endOfToday";
-import { W as mt } from "../WidgetContainer-CmkRiOTH.mjs";
+import { W as mt } from "../WidgetContainer-DNuz_s7W.mjs";
 import { A as X } from "../Account-BaJmiJAG.mjs";
 import { A as Se } from "../Analytics-CzGzz_sE.mjs";
 import { formatISO as ut } from "date-fns/formatISO";
 import { fromUnixTime as De } from "date-fns/fromUnixTime";
 import { startOfMonth as pt } from "date-fns/startOfMonth";
-import { S as ht, a as ft } from "../EmbeddedCard-wENckl64.mjs";
+import { S as ht, a as ft } from "../EmbeddedCard-DPwJjqMH.mjs";
 import { F as gt, R as Ie, c as ve } from "../RecurringTransactionsUtil-B3rLEx_g.mjs";
 import { i as bt } from "../DateUtil-Bhq59ZVg.mjs";
 const q = () => {

package/dist/categories/index.es.js

@@ -1,4 +1,4 @@
-import { C as a, a as o, b as t, u as s } from "../CategorySelectorDrawer-DVGuR3Ab.mjs";
+import { C as a, a as o, b as t, u as s } from "../CategorySelectorDrawer-CmaDLhnf.mjs";
 export {
   a as CategoryRow,
   o as CategorySelector,

package/dist/common/index.es.js

@@ -1,42 +1,42 @@
-import { l as F } from "../UserStore-CRpKQjpP.mjs";
+import { l as Y } from "../UserStore-CRpKQjpP.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-B59ugxPN.mjs";
-import { D as nr, S as ir } from "../Select-KwuuoKM-.mjs";
-import { D as lr, W as mr, u as dr } from "../WidgetContainer-CmkRiOTH.mjs";
-import { D as pr } from "../Dialog-CwWc0AbH.mjs";
+import { C as ar } from "../CurrencyInput-adTIRtL3.mjs";
+import { D as nr, S as ir } from "../Select-BFt-HD-L.mjs";
+import { D as lr, W as mr, u as dr } from "../WidgetContainer-DNuz_s7W.mjs";
+import { D as fr } from "../Dialog-CwWc0AbH.mjs";
 import { D as yr } from "../Donut-SzzfZDHF.mjs";
-import { D as xr } from "../Drawer-BNu88yNt.mjs";
+import { D as xr } from "../Drawer-BXqqBMxg.mjs";
 import { E as hr } from "../ErrorBoundary-CsdOcnJ9.mjs";
-import { I as Sr } from "../IconBacking-DgT8DCeh.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-CfKdQfhi.mjs";
 import { M as Ir } from "../MiniWidgetContainer-BdPiUU-u.mjs";
 import { jsxs as g, jsx as y } from "react/jsx-runtime";
-import { css as S } from "@mxenabled/cssinjs";
+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 Nr } from "../ResponsiveButton-CC9F_Ezk.mjs";
+import { R as wr } from "../ResponsiveButton-CC9F_Ezk.mjs";
 import { S as Lr } from "../SelectionBox-B4xELRgp.mjs";
-import { S as Gr } from "../StatusBar-CPfSXe80.mjs";
+import { S as Ur } from "../StatusBar-CPfSXe80.mjs";
 import { T as Br } from "../TabContentContainer-CnMXkVqr.mjs";
 import { A as qr } from "../Analytics-CzGzz_sE.mjs";
-import { C as Yr } from "../ConnectCard-CdXeMN22.mjs";
-import { C as Hr } from "../ConnectDrawer-CPsSusKE.mjs";
+import { C as Fr } from "../ConnectCard-CCep7Zqe.mjs";
+import { C as Hr } from "../ConnectDrawer-Cnjr3Ddg.mjs";
 import { C as jr } from "../CurrencyText-CCbE6MmF.mjs";
 import { E as Kr } from "../EmptyState-CJUDc3kD.mjs";
 import { E as Jr } from "../Error-Dogaw2jO.mjs";
 import { G as zr } from "../GlobalAccountFilter-7Cg2-9A5.mjs";
-import { G as ee, m as oe, n as te, W as ae, d as se, a as ne, o as ie, p as ue, l as le, q as me, r as de, g as ce, s as pe, u as fe, f as ye, b as ge, k as xe, t as Ee, v as he, w as Ce, c as Se, x as _e, y as ve, z as ke, i as be, A as Oe, h as De, B as Te, C as Ie, D as Ae } from "../hooks-BaO_gOI6.mjs";
-import { I as we, P as Ne, S as Pe } from "../Account-BxHMlV9R.mjs";
+import { G as ee, m as oe, n as te, W as ae, d as se, a as ne, o as ie, p as ue, l as le, q as me, r as de, g as ce, s as fe, u as pe, f as ye, b as ge, k as xe, t as Ee, v as he, w as Se, c as Ce, x as _e, y as ve, z as ke, i as be, A as Oe, h as De, B as Te, C as Ie, D as Ae } from "../hooks-BaO_gOI6.mjs";
+import { I as Pe, P as we, S as Ne } from "../Account-BxHMlV9R.mjs";
 import { L as We } from "../ListItemAction-CwspSmQi.mjs";
-import { L as Ue } from "../ListItemRow-kH1rn8Xu.mjs";
+import { L as Ge } from "../ListItemRow-kH1rn8Xu.mjs";
 import { L as Re } from "../ListItemWrapper-B5r-YQQ_.mjs";
-import { S as Fe } from "../SearchBox-CwDgvWVJ.mjs";
+import { S as Ye } from "../SearchBox-Cpgu_gdO.mjs";
 import { S as $e, T as He } from "../Sizes-DISGrlUg.mjs";
-import { T as je, a as Ve } from "../ToggleListItem-BTDtw-N4.mjs";
+import { T as je, a as Ve } from "../ToggleListItem-Dl1lXNwj.mjs";
 import { a as Ze, u as Je, b as Xe } from "../Analytics-CkYXKvco.mjs";
 import { alpha as k, darken as x, lighten as E } from "@mui/material";
 import { u as ro } from "../useAccountDisplayName-CFa_MrS6.mjs";
@@ -44,66 +44,66 @@ import { u as oo } from "../useInsightsEnabled-DaNLPmUU.mjs";
 import { useRef as b, useEffect as O } from "react";
 import { u as ao } from "../useScreenSize-mWpmnh5w.mjs";
 import { u as no } from "../useWidgetLoadTimer-CJb-RELP.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 L = (r) => {
+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;
-}, W = [
-  { 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" }
-], G = {
+}, 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"
 }, U = ({
   hasGap: r = !1,
   segments: o,
-  size: u = _,
-  strokeWidth: l = v,
+  size: n = _,
+  strokeWidth: u = v,
   children: m
 }) => {
-  const p = D(u), a = (u - l) / 2, n = u / 2;
-  let d = -90 - (r ? 1 : 0), t = 0;
-  return /* @__PURE__ */ g("div", { className: `mx-cmn-multi-segment-donut ${p}`, children: [
-    /* @__PURE__ */ g("svg", { height: u, width: u, children: [
+  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: n,
-          cy: n,
+          cx: a,
+          cy: a,
           fill: "none",
-          r: a,
+          r: t,
           stroke: "#E4E8EE",
-          strokeWidth: l
+          strokeWidth: u
         }
       ),
-      o.map((i, c) => (d += 360 * t + (r ? 1 : 0), t = (i.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
+      o.map((l, f) => (c += 360 * s + (r ? 1 : 0), s = (l.percent - (r ? 0.3 : 0)) / 100, /* @__PURE__ */ y(
         "circle",
         {
-          cx: n,
-          cy: n,
+          cx: a,
+          cy: a,
           fill: "none",
-          r: a,
-          stroke: i.color,
-          strokeDasharray: 2 * Math.PI * a,
-          strokeDashoffset: 2 * Math.PI * a * (1 - t),
-          strokeWidth: l,
-          transform: `rotate(${d}, ${n}, ${n})`
+          r: t,
+          stroke: l.color,
+          strokeDasharray: 2 * Math.PI * t,
+          strokeDashoffset: 2 * Math.PI * t * (1 - s),
+          strokeWidth: u,
+          transform: `rotate(${c}, ${a}, ${a})`
         },
-        c
+        f
       )))
     ] }),
     /* @__PURE__ */ y("div", { className: "mx-cmn-multi-segment-donut-children", children: m })
   ] });
-}, D = (r) => S({
+}, D = (r) => C({
   height: r,
   marginTop: "-8px",
   position: "relative",
@@ -127,97 +127,97 @@ const L = (r) => {
   "subtitle1",
   "subtitle2",
   "tiny"
-], I = [
+], 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" }
-], B = (r, o, u) => {
-  const l = r.palette.mode === "dark", m = (u?.master?.style?.font_name || o?.system_font) ?? r.typography.fontFamily, p = (e, f) => e ? {
+], 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);
+  }
+  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)
-  } : f, a = Object.fromEntries(
-    I.map(({ key: e, light: f, dark: C }) => [
+  } : p, t = Object.fromEntries(
+    h.map(({ key: e, light: p, dark: S }) => [
       e,
-      p(
-        o?.[l ? C : f],
+      d(
+        o?.[u ? S : p],
         r.palette[e]
       )
     ])
-  ), n = Object.fromEntries(
+  ), a = Object.fromEntries(
     T.map((e) => [
       e,
       e === "fontFamily" ? m : { fontFamily: m }
     ])
-  ), d = {
+  ), c = {
     MuiTabs: {
       styleOverrides: {
-        indicator: { backgroundColor: a.primary.light }
+        indicator: { backgroundColor: t.primary.light }
       }
     },
     MuiPickersCalendarHeader: {
       styleOverrides: {
         switchViewButton: {
-          color: a.primary.lighter,
-          "&:hover": { backgroundColor: k(a.primary.light, 0.1) }
+          color: t.primary.lighter,
+          "&:hover": { backgroundColor: k(t.primary.light, 0.1) }
         }
       }
     }
-  }, t = o?.button_corner_radius, i = o?.card_corner_radius, c = o?.use_glass, h = {
-    ...d,
-    ...t && {
+  }, s = o?.button_corner_radius, l = o?.card_corner_radius, f = {
+    ...c,
+    ...s && {
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: `${t}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       },
       MuiIconButton: {
         styleOverrides: {
           root: {
-            borderRadius: `${t}px`,
-            minWidth: t,
-            minHeight: t
+            borderRadius: `${s}px`,
+            minWidth: s,
+            minHeight: s
           }
         }
       },
       MuiToggleButton: {
         styleOverrides: {
-          root: { borderRadius: `${t}px`, textTransform: "none" }
+          root: { borderRadius: `${s}px`, textTransform: "none" }
         }
       }
     },
-    ...i && {
+    ...l && {
       MuiCard: {
-        styleOverrides: { root: { borderRadius: `${i}px` } }
+        styleOverrides: { root: { borderRadius: `${l}px` } }
       }
     },
-    ...(i || c) && {
+    ...l && {
       MuiPaper: {
         styleOverrides: {
-          ...i && { rounded: { borderRadius: `${i}px` } },
-          ...c && {
-            root: {
-              backgroundColor: "rgba(255, 255, 255, 0.1)",
-              backdropFilter: "blur(10px)",
-              WebkitBackdropFilter: "blur(10px)"
-            }
-          }
+          rounded: { borderRadius: `${l}px` }
         }
       }
     }
   };
-  return { typography: n, palette: a, components: h };
+  return { typography: a, palette: t, components: f };
 };
 export {
   qr as ANALYTICS_EVENTS,
   rr as Calendar,
   er as CalendarSelectionTypes,
-  Yr as ConnectCard,
+  Fr as ConnectCard,
   Hr as ConnectDrawer,
   or as CurrencyDialog,
   ar as CurrencyInput,
@@ -226,7 +226,7 @@ export {
   v as DEFAULT_STROKE_WIDTH,
   nr as DataRow,
   lr as DateRangeSelector,
-  pr as Dialog,
+  fr as Dialog,
   yr as Donut,
   xr as Drawer,
   Kr as EmptyState,
@@ -235,28 +235,28 @@ export {
   zr as GlobalAccountFilter,
   ee as GlobalDataContext,
   oe as GlobalDataProvider,
-  F as GlobalStore,
-  we as INCOME_ACCOUNT_TYPES,
-  Sr as IconBacking,
+  Y as GlobalStore,
+  Pe as INCOME_ACCOUNT_TYPES,
+  Cr as IconBacking,
   vr as InformationTooltip,
-  G as LOADING_STATUS,
+  W as LOADING_STATUS,
   We as ListItemAction,
-  Ue as ListItemRow,
+  Ge as ListItemRow,
   Re as ListItemWrapper,
   br as Loader,
   Dr as MicroWidgetContainer,
   Ir as MiniWidgetContainer,
   U as MultiSegmentDonut,
-  Ne as PAYMENT_ACCOUNT_TYPES,
-  W as RECURRENCE_COPY,
-  Nr as ResponsiveButton,
-  Pe as SPENDING_ACCOUNT_TYPES,
-  Fe as SearchBox,
+  we as PAYMENT_ACCOUNT_TYPES,
+  L as RECURRENCE_COPY,
+  wr as ResponsiveButton,
+  Ne as SPENDING_ACCOUNT_TYPES,
+  Ye as SearchBox,
   ir as Select,
   Lr as SelectionBox,
   Mr as SingleSegmentDonut,
   $e as Sizes,
-  Gr as StatusBar,
+  Ur as StatusBar,
   He as TOUCH_TARGET,
   Br as TabContentContainer,
   je as ToggleButtonListItem,
@@ -271,6 +271,7 @@ export {
   V as formatOrdinal,
   K as formatPercentage,
   Z as generateEqualIntervals,
+  G as getClientPaletteOptions,
   B as getClientTheme,
   J as getCurrencyCodes,
   X as getPluralRules,
@@ -285,20 +286,20 @@ export {
   me as useDebtStore,
   de as useError,
   ce as useEvent,
-  pe as useFinstrongStore,
-  fe as useGlobalCopyStore,
+  fe as useFinstrongStore,
+  pe as useGlobalCopyStore,
   ye as useGlobalStore,
   ge as useGlobalUiStore,
   xe as useGoalStore,
   Ee as useHelpStore,
   he as useHoldingStore,
   oo as useInsightsEnabled,
-  Ce as useLoad,
-  Se as useMerchantStore,
+  Se as useLoad,
+  Ce as useMerchantStore,
   _e as useNetWorthStore,
   ve as useNotificationStore,
   ke as usePageView,
-  L as usePrevious,
+  N as usePrevious,
   be as useRecurringTransactionsStore,
   ao as useScreenSize,
   Oe as useSettingsStore,

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

@@ -1,6 +1,7 @@
-import { PaletteColor, Theme } from '@mui/material';
+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) => {
     typography: {
         [k: string]: string | {
@@ -19,14 +20,9 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
     components: {
         MuiPaper?: {
             styleOverrides: {
-                root?: {
-                    backgroundColor: string;
-                    backdropFilter: string;
-                    WebkitBackdropFilter: string;
-                } | undefined;
-                rounded?: {
+                rounded: {
                     borderRadius: string;
-                } | undefined;
+                };
             };
         } | undefined;
         MuiCard?: {
@@ -80,8 +76,3 @@ export declare const getClientTheme: (theme: Theme, clientStyleProfile: ClientSt
         };
     };
 };
-export declare const getCustomizations: (clientStyleProfile: ClientStyleProfile) => {
-    styleOptions: {
-        useGlass: boolean;
-    };
-};

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

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

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;
 }