@mx-cartographer/experiences 8.1.1 → 9.0.0-alpha.0

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [8.1.2] - 04-22-2026
+
+- **FIXED** - Widget header title flash on initial render
+- **FIXED** - Menu button showing incorrectly on large viewports in compact containers
+
 ## [8.1.1] - 04-22-2026
 
 - **FIXED** - payment dates

package/dist/{AccountStore-nxHZqg1Z.mjs → AccountStore-B3S_p5Qa.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as h, runInAction as a } from "mobx";
-import { i as g } from "./BudgetUtil-Cwvpb7xl.mjs";
+import { i as g } from "./BudgetUtil-DalEN9--.mjs";
 import { A as d } from "./AccountApi-WEM2M9tg.mjs";
 import { d as p } from "./Accounts-DX3xJE97.mjs";
 import { A as s, d as u } from "./Account-CMjOp7S2.mjs";

package/dist/{BudgetUtil-Cwvpb7xl.mjs → BudgetUtil-DalEN9--.mjs}

@@ -27,7 +27,7 @@ import ut from "@mui/material/IconButton";
 import gt from "@mui/material/InputAdornment";
 import T from "@mui/material/Stack";
 import ft from "@mui/material/TextField";
-import { u as pt } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as pt } from "./useScreenSize-CeFhWTt_.mjs";
 import { m as ht } from "./hooks-HwStH7q_.mjs";
 import { b as $ } from "./Category-Ccoew_sA.mjs";
 import { b as j } from "./Localization-CkQ49EKr.mjs";

package/dist/{Help-Dfw_GHKi.mjs → Help-DuhUdMTZ.mjs}

@@ -18,7 +18,7 @@ import At from "@mui/material/Breadcrumbs";
 import { useTheme as Q } from "@mui/material/styles";
 import { b as s } from "./Localization-CkQ49EKr.mjs";
 import { E as Ot, a as Nt, P as Lt } from "./Help-CgpJK03Q.mjs";
-import { u as Dt } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as Dt } from "./useScreenSize-CeFhWTt_.mjs";
 import { observer as lt } from "mobx-react-lite";
 import dt from "@mui/material/Alert";
 import gt from "@mui/material/Snackbar";

package/dist/{ManageIncome-wgo-qbdP.mjs → ManageIncome-CrHDAku7.mjs}

@@ -18,7 +18,7 @@ import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
 import { T as V, u as fe, S as ge, a as Ce } from "./EmbeddedCard-BCcn_fK2.mjs";
-import { T as be } from "./TransactionDetails-Cb6vauzy.mjs";
+import { T as be } from "./TransactionDetails-Db8dwHoM.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";

package/dist/{NotificationSettings-BFFIl-wS.mjs → NotificationSettings-DOgnTxzv.mjs}

@@ -21,7 +21,7 @@ import { b as he, f as ue } from "./NumberFormatting-CyrvFgfd.mjs";
 import { T as R, a as D } from "./ToggleListItem-BLu_fWA2.mjs";
 import { D as B } from "./Dialog-iLlBR8TG.mjs";
 import { C as _e } from "./CurrencyInput-CSJ3zMgE.mjs";
-import { u as pe } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as pe } from "./useScreenSize-CeFhWTt_.mjs";
 import { D as K } from "./Drawer-XPaLYjiO.mjs";
 import fe from "@mui/material/Collapse";
 import ge from "@mui/material/Card";

package/dist/{RecurringSettings-Dn5pPRVS.mjs → RecurringSettings-CIpZL4CX.mjs}

@@ -7,7 +7,7 @@ import x from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import R from "@mui/material/List";
 import T from "@mui/material/Stack";
-import { R as C, A as S, a as E, M as v } from "./ManageIncome-wgo-qbdP.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-CrHDAku7.mjs";
 import { u as _, i as A, g as f } from "./hooks-HwStH7q_.mjs";
 import { b as y, F as N } from "./RepeatingTransaction-D2gmBTd0.mjs";
 import { A as m } from "./Analytics-0Xm_BjHU.mjs";

package/dist/{SpendingLegend-RtFvutJ0.mjs → SpendingLegend-DIWHSsKw.mjs}

@@ -11,7 +11,7 @@ import { CategoryIcon as G, CategoryIconVariants as O, Text as y, P as $ } from
 import { D as j } from "./Donut-D7ekbgf5.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-HwStH7q_.mjs";
-import { u as V } from "./useScreenSize-CUcpY7aJ.mjs";
+import { u as V } from "./useScreenSize-CeFhWTt_.mjs";
 import { f as b } from "./NumberFormatting-CyrvFgfd.mjs";
 const D = 5, B = (i, l, g, m) => m.reduce((o, n) => {
   const a = i.find((s) => s.guid === n.category_guid);

package/dist/{TransactionDetails-Cb6vauzy.mjs → TransactionDetails-Db8dwHoM.mjs}

@@ -12,7 +12,7 @@ import { endOfMonth as Pe } from "date-fns/endOfMonth";
 import { getUnixTime as Ae } from "date-fns/getUnixTime";
 import { isBefore as ze } from "date-fns/isBefore";
 import { startOfMonth as Ne } from "date-fns/startOfMonth";
-import { l as Ve, d as We, C as Ye, c as je, i as qe } from "./BudgetUtil-Cwvpb7xl.mjs";
+import { l as Ve, d as We, C as Ye, c as je, i as qe } from "./BudgetUtil-DalEN9--.mjs";
 import ue from "@mui/material/Button";
 import Qe from "@mui/material/FormGroup";
 import de from "@mui/material/IconButton";

package/dist/WidgetContainer-CCR7I0gu.mjs

@@ -0,0 +1,470 @@
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import p from "react";
+import { observer as oe } from "mobx-react-lite";
+import G from "@mui/material/Button";
+import le from "@mui/material/Card";
+import de from "@mui/material/CardContent";
+import me from "@mui/material/Divider";
+import $ from "@mui/material/IconButton";
+import ce from "@mui/material/Paper";
+import B from "@mui/material/Stack";
+import { ChevronLeft as ue } from "@mxenabled/mx-icons";
+import { Icon as x, Text as F, DateRangePicker as J } from "@mxenabled/mxui";
+import { u as pe } from "./useDimensions-CeDR9V8N.mjs";
+import { G as ge } from "./GlobalAccountFilter-CZbiDwBH.mjs";
+import { b as ne, u as ie, g as he, a as fe, W as be } from "./hooks-HwStH7q_.mjs";
+import { addMonths as Z } from "date-fns/addMonths";
+import { addDays as Re } from "date-fns/addDays";
+import { addYears as ee } from "date-fns/addYears";
+import { differenceInCalendarDays as _e } from "date-fns/differenceInCalendarDays";
+import { endOfDay as Ce } from "date-fns/endOfDay";
+import { endOfMonth as z } from "date-fns/endOfMonth";
+import { endOfToday as te } from "date-fns/endOfToday";
+import { endOfYear as xe } from "date-fns/endOfYear";
+import { startOfMonth as De } from "date-fns/startOfMonth";
+import { startOfToday as ke } from "date-fns/startOfToday";
+import { startOfYear as ye } from "date-fns/startOfYear";
+import { subMonths as K } from "date-fns/subMonths";
+import { subDays as Te } from "date-fns/subDays";
+import { subYears as ae } from "date-fns/subYears";
+import re from "@mui/material/Box";
+import ve from "@mui/material/ButtonGroup";
+import Me from "@mui/material/Tab";
+import Pe from "@mui/material/Tabs";
+import Se from "@mui/material/ToggleButton";
+import Le from "@mui/material/ToggleButtonGroup";
+import Ye from "@mui/material/styles/useTheme";
+import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
+import { D as Ee } from "./Dialog-iLlBR8TG.mjs";
+import { D as Be } from "./Drawer-XPaLYjiO.mjs";
+import { u as se } from "./useScreenSize-CeFhWTt_.mjs";
+import { f as M, D as P } from "./DateFormats-CaOj_4eI.mjs";
+import { L as Oe } from "./Loader-CxeBwuPG.mjs";
+import we from "@mui/material/useMediaQuery";
+import { A as Ne } from "./Analytics-0Xm_BjHU.mjs";
+const Ie = (n) => {
+  const { isDesktop: d, isMobile: a, isSmallTablet: m, isTablet: r } = se(n), i = we("(min-width:900px)"), R = 24;
+  let s = 48, D = 32, h = 0, c = "h1", _ = !1;
+  const o = a || m;
+  r && !m ? (s = 24, D = 24, c = "h2") : o && (s = 8, D = 10, h = 10, c = "h3", _ = !0);
+  const A = {
+    pb: o ? 12 : 0,
+    ...o && {
+      px: s,
+      "& .mx-cmn-date-range-selector": { m: 0, width: "100%" },
+      "& .mx-cmn-date-range-selector > .MuiBox-root": { display: "flex" },
+      "& .MuiButtonGroup-root": { width: "100%" },
+      "& .MuiButtonGroup-middleButton": { flex: 1 },
+      "& .MuiToggleButtonGroup-root": { width: "100%", justifyContent: "center" }
+    }
+  };
+  return {
+    actionsFlex: o ? 0 : 1,
+    containerSquareCorners: _,
+    headerHeadingLevel: c,
+    headerPaddingBottom: h,
+    headerPaddingTop: D,
+    headerPaddingX: s,
+    iconSize: R,
+    isCompact: o,
+    isDesktop: d,
+    isViewportAbove900: i,
+    slotSx: A
+  };
+}, ze = ({
+  calendarActions: n,
+  color: d = "primary",
+  copy: a,
+  range: m = [De(ke()), z(te())],
+  shouldShrinkToIcon: r = !0,
+  variant: i = "outlined"
+}) => {
+  const R = Ye(), { isMobile: s } = se(), { announce: D, ariaLive: h } = Ae(), [c, _] = p.useState(m), [o, A] = p.useState(a.dateRangePickerCopy.dateRangeThisMonth), [C, O] = p.useState(c), [E, k] = p.useState(!1), [H, W] = p.useState(!0), [S, j] = p.useState(6), w = {
+    buttons: [
+      { ariaLabel: "3 Months", label: "3M", value: 3 },
+      { ariaLabel: "6 Months", label: "6M", value: 6 },
+      { ariaLabel: "9 Months", label: "9M", value: 9 },
+      { ariaLabel: "1 Year", label: "1Y", value: 12 }
+    ],
+    tabs: [
+      { label: "3 Months", value: 3 },
+      { label: "6 Months", value: 6 },
+      { label: "9 Months", value: 9 },
+      { label: "1 Year", value: 12 }
+    ]
+  };
+  p.useEffect(() => {
+    _(m), O(m);
+  }, [m]), p.useEffect(() => {
+    (i === "timeframebuttons" || i === "timeframetabs") && n.onRangeChanged(V());
+  }, [S]);
+  const V = () => {
+    const t = z(te());
+    return [z(K(t, S)), t];
+  }, N = (t) => {
+    const [l, u] = c, f = t === "previous";
+    let b;
+    if (o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth)
+      b = [
+        f ? K(l, 1) : Z(l, 1),
+        z(f ? K(u, 1) : Z(u, 1))
+      ];
+    else if (o === a.dateRangePickerCopy.dateRangeYTD || o === a.dateRangePickerCopy.dateRangeLastYear) {
+      const T = ye(l), v = xe(l);
+      b = [
+        f ? ae(T, 1) : ee(T, 1),
+        f ? ae(v, 1) : ee(v, 1)
+      ];
+    } else {
+      const T = _e(u, l), v = f ? Te : Re;
+      b = [v(l, T), v(u, T)];
+    }
+    _(b), n.onRangeChanged(b);
+  }, L = () => {
+    _(C), W(
+      o === a.dateRangePickerCopy.dateRangeThisMonth || o === a.dateRangePickerCopy.dateRangeLastMonth
+    ), n.onRangeChanged(C);
+  }, y = (t, l) => {
+    t[1] = t[1] ?? t[0];
+    const u = [t[0], t[1] ? Ce(t[1]) : t[1]], f = M(u[0], P.MONTH_DAY_YEAR), b = M(u[1], P.MONTH_DAY_YEAR);
+    O(u), A(l), D(`${a.dateRangePickerCopy}: ${f} - ${b}`);
+  }, Y = (t) => {
+    j(t);
+  };
+  return /* @__PURE__ */ g(re, { className: "mx-cmn-date-range-selector", m: 4, children: [
+    /* @__PURE__ */ g(
+      re,
+      {
+        sx: {
+          [R.breakpoints.down("sm")]: {
+            display: r ? "none" : "flex",
+            justifyContent: "center"
+          },
+          [R.breakpoints.up("sm")]: { display: "inline-flex" }
+        },
+        children: [
+          i === "readonly" && /* @__PURE__ */ g(B, { alignItems: "center", direction: "row", gap: 8, children: [
+            /* @__PURE__ */ e(x, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ e(F, { bold: !0, children: M(C[0], P.MONTH_DAY) }),
+            /* @__PURE__ */ e(x, { name: "remove" }),
+            /* @__PURE__ */ e(F, { bold: !0, children: M(C[1], P.MONTH_DAY_YEAR) })
+          ] }),
+          i !== "readonly" && i !== "timeframebuttons" && i !== "timeframetabs" && /* @__PURE__ */ g(
+            ve,
+            {
+              color: d,
+              sx: {
+                "& .MuiButtonGroup-grouped": {
+                  padding: s ? 0 : 12
+                },
+                "& .MuiButtonGroup-middleButton": {
+                  px: 24
+                },
+                height: 44
+              },
+              variant: i,
+              children: [
+                /* @__PURE__ */ e(
+                  G,
+                  {
+                    "aria-disabled": n.shouldDisablePrevious,
+                    "aria-label": a.dateRangePreviousAria,
+                    color: n.shouldDisablePrevious ? "secondary" : "primary",
+                    onClick: () => n.shouldDisablePrevious ? null : N("previous"),
+                    children: /* @__PURE__ */ e(x, { name: "chevron_left", size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  G,
+                  {
+                    "aria-disabled": n.shouldDisablePicker,
+                    color: d,
+                    onClick: () => n.shouldDisablePicker ? null : k(!0),
+                    startIcon: /* @__PURE__ */ e(x, { name: "calendar_month", size: 20 }),
+                    sx: {
+                      p: s ? 0 : 8
+                    },
+                    children: H ? M(c[0], P.MONTH_YEAR) : /* @__PURE__ */ g("span", { children: [
+                      M(c[0], P.MONTH_DAY_YEAR),
+                      " -",
+                      " ",
+                      M(c[1], P.MONTH_DAY_YEAR)
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  G,
+                  {
+                    "aria-disabled": n.shouldDisableNext,
+                    "aria-label": a.dateRangeNextAria,
+                    color: n.shouldDisableNext ? "secondary" : "primary",
+                    onClick: () => n.shouldDisableNext ? null : N("next"),
+                    children: /* @__PURE__ */ e(x, { name: "chevron_right", size: 20 })
+                  }
+                )
+              ]
+            }
+          ),
+          i === "timeframebuttons" && /* @__PURE__ */ e(
+            Le,
+            {
+              "aria-label": a.dateRangeEditTitle,
+              color: d,
+              exclusive: !0,
+              orientation: "horizontal",
+              value: S,
+              children: w.buttons.map((t) => /* @__PURE__ */ e(
+                Se,
+                {
+                  "aria-label": t.ariaLabel,
+                  onClick: () => Y(t.value),
+                  sx: { width: 56 },
+                  value: t.value,
+                  children: t.label
+                },
+                t.label
+              ))
+            }
+          ),
+          i === "timeframetabs" && /* @__PURE__ */ e(
+            Pe,
+            {
+              indicatorColor: "primary",
+              onChange: (t, l) => Y(l),
+              textColor: "primary",
+              value: S,
+              variant: "fullWidth",
+              children: w.tabs.map((t) => /* @__PURE__ */ e(
+                Me,
+                {
+                  label: /* @__PURE__ */ e(F, { bold: !0, variant: "body1", children: t.label }),
+                  sx: { minWidth: 80 },
+                  value: t.value
+                },
+                t.label
+              ))
+            }
+          )
+        ]
+      }
+    ),
+    E && s && /* @__PURE__ */ g(
+      Be,
+      {
+        ariaLabelClose: a.dateRangeCloseAria,
+        isOpen: E,
+        onClose: () => k(!1),
+        onPrimaryAction: () => {
+          L(), k(!1);
+        },
+        primaryText: a.dateRangeEditApply,
+        title: a.dateRangeEditTitle,
+        children: [
+          h,
+          /* @__PURE__ */ e(
+            J,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: y,
+              selectedShortcut: o,
+              sx: { p: 0 }
+            }
+          )
+        ]
+      }
+    ),
+    E && !s && /* @__PURE__ */ g(
+      Ee,
+      {
+        copy: { title: a.dateRangeEditTitle },
+        isOpen: !0,
+        onClose: () => k(!1),
+        onPrimaryAction: () => L(),
+        primaryText: a.dateRangeEditApply,
+        sx: {
+          "& .MuiDialogContent-root": {
+            padding: 0
+          }
+        },
+        children: [
+          h,
+          /* @__PURE__ */ e(
+            J,
+            {
+              copy: a.dateRangePickerCopy,
+              dateRange: C,
+              onRangeChanged: y,
+              selectedShortcut: o,
+              sx: {
+                pt: 0,
+                "& .MuiPickersLayout-toolbar": {
+                  gridColumn: "1/4"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, Ge = oe(
+  ({ calendarActions: n, dateRange: d, dateRangeVariant: a }) => {
+    const { displayedDateRange: m } = ne(), { common: r } = ie(), i = {
+      dateRangePickerCopy: {
+        dateRangeFrom: r.date_range_picker.from,
+        dateRangeTo: r.date_range_picker.to,
+        dateRangeCustom: r.date_range_picker.custom,
+        dateRangeSelectARange: r.date_range_picker.select_range,
+        dateRangeThisMonth: r.date_range_picker.this_month,
+        dateRangeLastMonth: r.date_range_picker.last_month,
+        dateRangeLast30Days: r.date_range_picker.last_30_days,
+        dateRangeLast90Days: r.date_range_picker.last_90_days,
+        dateRangeYTD: r.date_range_picker.ytd,
+        dateRangeLastYear: r.date_range_picker.last_year,
+        dateRangeSelect: r.date_range_picker.select
+      },
+      dateRangeEditApply: r.date_range_picker.edit_apply,
+      dateRangeEditTitle: r.date_range_picker.edit_title,
+      dateRangeNextAria: r.date_range_picker.next_aria,
+      dateRangePreviousAria: r.date_range_picker.previous_aria
+    }, R = d ? d.start : m.start, s = d ? d.end : m.end;
+    return /* @__PURE__ */ e(
+      ze,
+      {
+        calendarActions: n,
+        copy: i,
+        range: [R, s],
+        shouldShrinkToIcon: !1,
+        variant: a
+      }
+    );
+  }
+), Yt = oe(
+  ({
+    actions: n,
+    allowedAccountTypes: d,
+    calendarActions: a,
+    children: m,
+    className: r = "mx-cmn-widget",
+    dateRange: i,
+    dateRangeVariant: R,
+    hasDivider: s = !1,
+    onAccountsFilterClick: D,
+    onBackClick: h,
+    onMenuClick: c,
+    showAccountFilter: _ = !0,
+    slotComponent: o,
+    sx: A = {},
+    title: C = ""
+  }) => {
+    const [O, { height: E, width: k }] = pe(), { onEvent: H } = he(), {
+      actionsFlex: W,
+      containerSquareCorners: S,
+      headerHeadingLevel: j,
+      headerPaddingBottom: w,
+      headerPaddingTop: V,
+      headerPaddingX: N,
+      iconSize: L,
+      isCompact: y,
+      isDesktop: Y,
+      isViewportAbove900: t,
+      slotSx: l
+    } = Ie(k), { isCopyLoaded: u } = ne(), { common: f } = ie(), {
+      config: { display_widget_headings: b }
+    } = fe(), T = () => {
+      h && (h(), H(Ne.WIDGET_BACK_CLICK));
+    };
+    if (!u)
+      return /* @__PURE__ */ e(Oe, {});
+    const v = () => c && y && !t ? /* @__PURE__ */ e($, { color: "primary", onClick: c, sx: { p: 10 }, children: /* @__PURE__ */ e(x, { name: "menu_open", size: L, sx: { transform: "rotate(180deg)" } }) }) : h ? /* @__PURE__ */ e(
+      $,
+      {
+        "aria-label": f.back_to_dashboard,
+        color: "primary",
+        onClick: T,
+        sx: { p: 10 },
+        children: /* @__PURE__ */ e(ue, { size: 24 })
+      }
+    ) : null, X = a && /* @__PURE__ */ e(B, { alignItems: "center", sx: l, children: /* @__PURE__ */ e(
+      Ge,
+      {
+        calendarActions: a,
+        dateRange: i,
+        dateRangeVariant: R
+      }
+    ) });
+    return /* @__PURE__ */ e(
+      ce,
+      {
+        className: r,
+        elevation: 1,
+        ref: O,
+        square: S,
+        sx: { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, margin: 0, ...A },
+        children: /* @__PURE__ */ g(le, { children: [
+          /* @__PURE__ */ g(
+            B,
+            {
+              alignItems: "center",
+              alignSelf: "stretch",
+              direction: "row",
+              justifyContent: "space-between",
+              sx: {
+                pb: w,
+                pt: V,
+                px: N
+              },
+              children: [
+                v(),
+                /* @__PURE__ */ e(B, { alignItems: "flex-start", minWidth: 0, sx: { flex: 1 }, children: b && /* @__PURE__ */ e(F, { sx: { width: "100%" }, truncate: !0, variant: j, children: C }) }),
+                !y && (o || X),
+                /* @__PURE__ */ g(
+                  B,
+                  {
+                    alignItems: "center",
+                    direction: "row",
+                    justifyContent: "flex-end",
+                    sx: { flex: W, flexShrink: 0 },
+                    children: [
+                      _ && /* @__PURE__ */ e(
+                        ge,
+                        {
+                          allowedAccountTypes: d,
+                          isDesktop: Y,
+                          onAccountFilterClick: D
+                        }
+                      ),
+                      n?.map((q) => {
+                        if (p.isValidElement(q))
+                          return p.cloneElement(q, { isDesktop: Y });
+                        const { iconName: I, onClick: Q, label: U } = q;
+                        return Y ? /* @__PURE__ */ e(
+                          G,
+                          {
+                            onClick: Q,
+                            startIcon: /* @__PURE__ */ e(x, { name: I, size: L }),
+                            children: U
+                          },
+                          I
+                        ) : /* @__PURE__ */ e($, { "aria-label": U, color: "primary", onClick: Q, children: /* @__PURE__ */ e(x, { name: I, size: L }) }, I);
+                      })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          y && (o || X),
+          y && s && /* @__PURE__ */ e(me, {}),
+          /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(be, { availableHeight: E, availableWidth: k, children: m }) })
+        ] })
+      }
+    );
+  }
+);
+export {
+  ze as D,
+  Yt as W,
+  Ie as u
+};

package/dist/accounts/index.es.js

@@ -56,16 +56,16 @@ import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { endOfToday as o3, subDays as i3, startOfToday as c3 } from "date-fns";
 import { T as a3 } from "../EmbeddedCard-BCcn_fK2.mjs";
-import { T as s3 } from "../TransactionDetails-Cb6vauzy.mjs";
+import { T as s3 } from "../TransactionDetails-Db8dwHoM.mjs";
 import { T as r1 } from "../TabContentContainer-CnMXkVqr.mjs";
 import { f as d1 } from "../NumberFormatting-CyrvFgfd.mjs";
 import { C as l3 } from "../ConnectionsDrawer-DxpSlJN7.mjs";
-import { u as H1 } from "../useScreenSize-CUcpY7aJ.mjs";
+import { u as H1 } from "../useScreenSize-CeFhWTt_.mjs";
 import { u as n1 } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { L as o1 } from "../Loader-CxeBwuPG.mjs";
-import { W as r3 } from "../WidgetContainer-MhgZzIaI.mjs";
+import { W as r3 } from "../WidgetContainer-CCR7I0gu.mjs";
 import { M as v1 } from "../MiniWidgetContainer-CmTGSUL5.mjs";
-import { A as l2 } from "../AccountStore-nxHZqg1Z.mjs";
+import { A as l2 } from "../AccountStore-B3S_p5Qa.mjs";
 const d3 = (t, o) => {
   const n = _1.includes(o) ? x1(t) : [], i = L1.includes(o) ? R1(t) : [], c = f1.includes(o) ? S1(t) : [];
   return [n, i, c].filter((l) => l.length > 0);

package/dist/budgets/index.es.js

@@ -29,7 +29,7 @@ import { C as qe } from "../ConnectionsDrawer-DxpSlJN7.mjs";
 import * as O from "d3";
 import Je from "@mui/material/Tooltip";
 import { useTheme as Ge, alpha as Qe } from "@mui/material/styles";
-import { u as ge } from "../useScreenSize-CUcpY7aJ.mjs";
+import { u as ge } from "../useScreenSize-CeFhWTt_.mjs";
 import { L as pe } from "../Loader-CxeBwuPG.mjs";
 import { E as _e } from "../EmptyState-DHAkGsjk.mjs";
 import { A as P } from "../Analytics-0Xm_BjHU.mjs";
@@ -37,7 +37,7 @@ import Ee from "@mui/material/Tab";
 import et from "@mui/material/Tabs";
 import { e as tt } from "../exportTransactionsToCSV-B2Lp7AMl.mjs";
 import { T as ve } from "../EmbeddedCard-BCcn_fK2.mjs";
-import { T as ot, c as nt } from "../TransactionDetails-Cb6vauzy.mjs";
+import { T as ot, c as nt } from "../TransactionDetails-Db8dwHoM.mjs";
 import Te from "@mui/material/Card";
 import De from "@mui/material/CardContent";
 import { S as Se } from "../StatusBar-CPfSXe80.mjs";
@@ -46,10 +46,10 @@ import { u as at, C as rt } from "../CategorySelectorDrawer-DjeHNx71.mjs";
 import je from "@mui/material/CardHeader";
 import { subDays as st } from "date-fns/subDays";
 import it from "@mui/material/IconButton";
-import { M as ct } from "../ManageIncome-wgo-qbdP.mjs";
+import { M as ct } from "../ManageIncome-CrHDAku7.mjs";
 import { u as ze } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
-import { W as lt } from "../WidgetContainer-MhgZzIaI.mjs";
-import { u as dt, l as ut, d as mt } from "../BudgetUtil-Cwvpb7xl.mjs";
+import { W as lt } from "../WidgetContainer-CCR7I0gu.mjs";
+import { u as dt, l as ut, d as mt } from "../BudgetUtil-DalEN9--.mjs";
 import { M as gt } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { b as we } from "../CategoryUtil-BJOHgYKS.mjs";
 const pt = I(() => {

package/dist/cashflow/index.es.js

@@ -10,7 +10,7 @@ import ie from "@mui/material/styles/useTheme";
 import { Text as m, P as N, Icon as z, InstitutionLogo as xe, H2 as de, H3 as qe } from "@mxenabled/mxui";
 import { G as Ke, t as me, u as k, p as ae, d as ke, b as P, i as B, g as Le, a as Ve, h as Ne, o as Xe } from "../hooks-HwStH7q_.mjs";
 import { C as E } from "../CurrencyText-oqd6cX3M.mjs";
-import { u as ue } from "../useScreenSize-CUcpY7aJ.mjs";
+import { u as ue } from "../useScreenSize-CeFhWTt_.mjs";
 import { L as Z } from "../Loader-CxeBwuPG.mjs";
 import { b as H } from "../Localization-CkQ49EKr.mjs";
 import { I as pe } from "../CashflowStore-BEi92kJg.mjs";
@@ -18,7 +18,7 @@ import { C as $n } from "../CashflowStore-BEi92kJg.mjs";
 import { u as Oe } from "../useWidgetLoadTimer-wkBTL5xx.mjs";
 import { M as Je } from "../MiniWidgetContainer-CmTGSUL5.mjs";
 import { E as Qe } from "../EmptyState-DHAkGsjk.mjs";
-import { R as Ze } from "../RecurringSettings-Dn5pPRVS.mjs";
+import { R as Ze } from "../RecurringSettings-CIpZL4CX.mjs";
 import et from "@mui/material/Tabs";
 import ye from "@mui/material/Tab";
 import { getUnixTime as le } from "date-fns/getUnixTime";
@@ -36,11 +36,11 @@ import { alpha as ot, keyframes as it } from "@mui/material/styles";
 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-wgo-qbdP.mjs";
+import { M as rt, S as st, i as ct, b as we, c as lt } from "../ManageIncome-CrHDAku7.mjs";
 import { D as He } from "../Drawer-XPaLYjiO.mjs";
 import { subDays as We } from "date-fns/subDays";
 import { endOfToday as dt } from "date-fns/endOfToday";
-import { W as mt } from "../WidgetContainer-MhgZzIaI.mjs";
+import { W as mt } from "../WidgetContainer-CCR7I0gu.mjs";
 import { A as X } from "../Account-CMjOp7S2.mjs";
 import { A as Se } from "../Analytics-0Xm_BjHU.mjs";
 import { formatISO as ut } from "date-fns/formatISO";

package/dist/common/hooks/useWidgetHeaderStyles.d.ts

@@ -8,6 +8,7 @@ export declare const useWidgetHeaderStyles: (availableWidth?: number) => {
     iconSize: number;
     isCompact: boolean;
     isDesktop: boolean;
+    isViewportAbove900: boolean;
     slotSx: {
         px?: number | undefined;
         '& .mx-cmn-date-range-selector'?: {