@mx-cartographer/experiences 7.13.9 → 7.13.11

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [7.13.11] - 03-30-2026
+
+- **FIXED** - ADA text color contrast fixes
+- **FIXED** - ADA aria label button group fix
+- **FIXED** - ADA replace AccountDetails list item dividers with borders
+- **FIXED** - ADA move AccountActions dialogs from being direct children of `ul`
+
+## [7.13.10] - 03-30-2026
+
+- **FIXED** - Casing of 'upcoming' copy in recurring transactions
+- **FIXED** - Wrapping of longer goal names on goal status cards
+- **FIXED** - Truncation of custom subcategory names
+- **FIXED** - Wrapping of delete subcategory message
+
 ## [7.13.9] - 03-30-2026
 
 - **UPDATED** - `AddMerchantBudgetAction` | Updated the condition to execute the transcation's setFilter only when the merchantBudgetDrawer is open

package/dist/{AccountListItem-LcJVJysf.mjs → AccountListItem-D9WJDbZ1.mjs}

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as r, Fragment as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as l } from "react/jsx-runtime";
 import { observer as b } from "mobx-react-lite";
 import I from "@mui/material/Badge";
-import l from "@mui/material/Box";
+import d from "@mui/material/Box";
 import v from "@mui/material/ListItem";
 import C from "@mui/material/ListItemAvatar";
 import S from "@mui/material/ListItemButton";
@@ -13,7 +13,7 @@ import { I as j } from "./IconBacking-B9oC6uL2.mjs";
 import { g as T } from "./AccountFields-CxqONzjY.mjs";
 import { u as $ } from "./useAccountDisplayName-DKwT1mWv.mjs";
 import { u as k } from "./hooks-BxkfR-Ff.mjs";
-import { C as d } from "./Account-BiB1F8lL.mjs";
+import { C as c } from "./Account-BiB1F8lL.mjs";
 import { f as w } from "./NumberFormatting-QCaNwbjv.mjs";
 const E = {
   gridRow: 1,
@@ -22,20 +22,20 @@ const E = {
 }, M = ({ size: t = 20 }) => /* @__PURE__ */ e(j, { size: t, children: /* @__PURE__ */ e(B, { color: "error", filled: !0, sx: { fontSize: t, ...E } }) }), z = ({
   account: t,
   onRowClick: n,
-  listItemProps: c,
+  listItemProps: s,
   shouldShowConnectionStatus: p = !1
 }) => {
   const u = L(), f = $(t), { accounts: i } = k(), { firstSubtitle: h, firstValue: g, secondSubtitle: x, secondValue: y } = T(
     t,
     i
   );
-  let s;
-  (t.connectionStatus === d.Error || t.connectionStatus === d.RequiresMfa) && (s = /* @__PURE__ */ e(M, { size: 16 }));
-  const a = /* @__PURE__ */ r(m, { children: [
+  let a;
+  (t.connectionStatus === c.Error || t.connectionStatus === c.RequiresMfa) && (a = /* @__PURE__ */ e(M, { size: 16 }));
+  const m = /* @__PURE__ */ r(l, { children: [
     /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(
       I,
       {
-        badgeContent: p ? s : void 0,
+        badgeContent: p ? a : void 0,
         sx: {
           "& .MuiBadge-badge": {
             right: -1
@@ -63,12 +63,12 @@ const E = {
             ]
           }
         ),
-        secondary: /* @__PURE__ */ r(m, { children: [
-          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+        secondary: /* @__PURE__ */ r(l, { children: [
+          /* @__PURE__ */ r(d, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(o, { variant: "caption", children: h }),
             /* @__PURE__ */ e(o, { bold: !0, variant: "body2", children: w(g, "0,0.00") })
           ] }),
-          /* @__PURE__ */ r(l, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ r(d, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(o, { variant: "caption", children: x }),
             /* @__PURE__ */ e(o, { ml: "auto", variant: "caption", children: y })
           ] })
@@ -79,12 +79,16 @@ const E = {
   return /* @__PURE__ */ e(
     v,
     {
-      sx: { backgroundColor: "background.paper", color: t.is_closed ? "grey.700" : "" },
-      ...c,
-      children: n ? /* @__PURE__ */ e(S, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: a }) : a
+      ...s,
+      sx: {
+        backgroundColor: "background.paper",
+        color: t.is_closed ? "grey.700" : "",
+        ...s?.sx
+      },
+      children: n ? /* @__PURE__ */ e(S, { alignItems: "flex-start", onClick: n, sx: { px: 24 }, children: m }) : m
     }
   );
-}, Z = b(z);
+}, P = b(z);
 export {
-  Z as A
+  P as A
 };

package/dist/{CategorySelectorDrawer-gc41lfFZ.mjs → CategorySelectorDrawer-Dc9Widy9.mjs}

@@ -1,31 +1,31 @@
 import { jsx as t, jsxs as _ } from "react/jsx-runtime";
 import { observer as E } from "mobx-react-lite";
 import p from "react";
-import K from "@mui/material/Stack";
-import { G as V, l as f, u as S, g as A, b as U } from "./hooks-BxkfR-Ff.mjs";
-import Y from "@mui/material/List";
-import W from "@mui/material/Paper";
-import k from "@mui/material/Divider";
+import $ from "@mui/material/Stack";
+import { G as K, l as f, u as S, g as A, b as B } from "./hooks-BxkfR-Ff.mjs";
+import U from "@mui/material/List";
+import V from "@mui/material/Paper";
+import Y from "@mui/material/Divider";
 import x from "@mui/material/ListItem";
-import F from "@mui/material/ListItemAvatar";
+import W from "@mui/material/ListItemAvatar";
 import N from "@mui/material/ListItemButton";
-import M from "@mui/material/ListItemIcon";
+import F from "@mui/material/ListItemIcon";
 import G from "@mui/material/ListItemText";
-import { CheckCircle as j, Edit as X, Delete as z, ExpandMore as q } from "@mxenabled/mx-icons";
-import { Text as v, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
+import { CheckCircle as M, Edit as j, Delete as X, ExpandMore as z } from "@mxenabled/mx-icons";
+import { Text as q, TextField as H, CategoryIcon as J } from "@mxenabled/mxui";
 import Q from "@mui/material/Collapse";
 import Z from "@mui/material/DialogContent";
 import { b as g } from "./Localization-CPkpIwIx.mjs";
 import { D as ee } from "./Dialog-Ck34yr-d.mjs";
 import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
-import B from "@mui/material/IconButton";
+import v from "@mui/material/IconButton";
 import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
 import { S as re } from "./SearchBox-CwDgvWVJ.mjs";
-import { L as P } from "./Loader-D3rjKx72.mjs";
+import { L as k } from "./Loader-D3rjKx72.mjs";
 import { D as ne } from "./Drawer-Bbe4AMB1.mjs";
 const b = () => {
-  if (!p.useContext(V))
+  if (!p.useContext(K))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return f().uiStore;
 }, C = {
@@ -62,7 +62,7 @@ const se = ({
     case "delete":
       d = r.delete_subcategory_heading, m = g(
         r.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(v, { bold: !0, children: g(r.all_parent_category, h) })
+        /* @__PURE__ */ t(q, { bold: !0, component: "span", children: g(r.all_parent_category, h) })
       );
       break;
   }
@@ -80,7 +80,7 @@ const se = ({
       onPrimaryAction: () => {
         n(!1), o(a);
       },
-      children: /* @__PURE__ */ t(Z, { children: u ? /* @__PURE__ */ t(v, { children: m }) : /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t(Z, { children: u ? m : /* @__PURE__ */ t(
         H,
         {
           inputProps: {
@@ -179,7 +179,7 @@ const se = ({
     showSelected: r,
     unselectable: n,
     unselectableText: d
-  } = b(), { categories: m } = S(), { onEvent: u } = A(), [h, y] = p.useState(!1), [D, O] = p.useState(!1), T = !!o.revision, w = o.guid === i, I = !n.some(($) => $ === o.guid);
+  } = b(), { categories: m } = S(), { onEvent: u } = A(), [h, y] = p.useState(!1), [D, O] = p.useState(!1), T = !!o.revision, w = o.guid === i, I = !n.some((P) => P === o.guid);
   return /* @__PURE__ */ _(
     x,
     {
@@ -196,43 +196,50 @@ const se = ({
             onClick: () => {
               I && (a(o.guid), l(o.guid), u(C.ON_CATEGORY_SELECTED));
             },
-            sx: { height: 44 },
+            sx: { height: 44, minWidth: 0, overflow: "hidden" },
             children: [
               /* @__PURE__ */ t(
                 G,
                 {
                   primary: o.name,
-                  primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
+                  primaryTypographyProps: { fontWeight: "normal", variant: "body1", noWrap: !0 }
                 }
               ),
-              r && w && /* @__PURE__ */ t(j, { fontSize: "small" }),
+              r && w && /* @__PURE__ */ t(M, { fontSize: "small" }),
               !I && /* @__PURE__ */ t(oe, { label: d })
             ]
           }
         ),
-        T && /* @__PURE__ */ _(te, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
-          /* @__PURE__ */ t(
-            B,
-            {
-              "aria-label": g(m.edit_subcategory_title, o.name),
-              onClick: () => {
-                y(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
-              },
-              children: /* @__PURE__ */ t(X, { color: "secondary" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            B,
-            {
-              "aria-label": g(m.delete_subcategory_aria, o.name),
-              edge: "end",
-              onClick: () => {
-                O(!0), c(!0), u(C.ON_SUBCATEGORY_DELETE_CLICK);
-              },
-              children: /* @__PURE__ */ t(z, { color: "secondary" })
-            }
-          )
-        ] }),
+        T && /* @__PURE__ */ _(
+          te,
+          {
+            className: "mx-cat-subcategory-edit-container",
+            sx: { marginRight: 24, flexShrink: 0 },
+            children: [
+              /* @__PURE__ */ t(
+                v,
+                {
+                  "aria-label": g(m.edit_subcategory_title, o.name),
+                  onClick: () => {
+                    y(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
+                  },
+                  children: /* @__PURE__ */ t(j, { color: "secondary" })
+                }
+              ),
+              /* @__PURE__ */ t(
+                v,
+                {
+                  "aria-label": g(m.delete_subcategory_aria, o.name),
+                  edge: "end",
+                  onClick: () => {
+                    O(!0), c(!0), u(C.ON_SUBCATEGORY_DELETE_CLICK);
+                  },
+                  children: /* @__PURE__ */ t(X, { color: "secondary" })
+                }
+              )
+            ]
+          }
+        ),
         D && /* @__PURE__ */ t(
           me,
           {
@@ -267,7 +274,7 @@ const se = ({
       children: [
         a,
         /* @__PURE__ */ _(
-          Y,
+          U,
           {
             "aria-labelledby": `category-${s.guid}`,
             className: "mx-cat-subcategory-list",
@@ -282,7 +289,7 @@ const se = ({
                     subCategory: n
                   }
                 ),
-                /* @__PURE__ */ t(k, { "aria-hidden": "true", component: "li", sx: { ml: 58 } })
+                /* @__PURE__ */ t(Y, { "aria-hidden": "true", component: "li", sx: { ml: 58 } })
               ] }, n.guid)),
               !r && /* @__PURE__ */ t(ce, { announce: i, parentCategory: s })
             ]
@@ -306,7 +313,7 @@ const se = ({
         id: `category-${e.guid}`,
         onClick: r,
         children: [
-          /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(J, { categoryGuid: e.guid }) }),
+          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(J, { categoryGuid: e.guid }) }),
           /* @__PURE__ */ t(
             G,
             {
@@ -314,8 +321,8 @@ const se = ({
               primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
             }
           ),
-          /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(
-            q,
+          /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
+            z,
             {
               sx: {
                 transition: "transform 0.3s ease-in-out",
@@ -327,7 +334,7 @@ const se = ({
       },
       e.guid
     ) }),
-    /* @__PURE__ */ t(k, { "aria-hidden": "true", component: "li", sx: { ml: 58 } }),
+    /* @__PURE__ */ t(Y, { "aria-hidden": "true", component: "li", sx: { ml: 58 } }),
     /* @__PURE__ */ t("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ t(pe, { categories: s, parentCategory: e }) })
   ] });
 }, he = E(Ee), Se = () => {
@@ -348,7 +355,7 @@ const se = ({
     }
     return r;
   }, []))(e, s);
-  return /* @__PURE__ */ t(W, { className: "mx-cat-category-list", sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(Y, { children: i.map((a) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(V, { className: "mx-cat-category-list", sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(U, { children: i.map((a) => /* @__PURE__ */ t(
     he,
     {
       category: a.category,
@@ -363,7 +370,7 @@ const se = ({
   unselectable: l = [],
   unselectableText: i = "Unselectable"
 }) => {
-  const { categories: a, loadCategories: c } = f(), { common: r } = S(), { isCopyLoaded: n } = U(), {
+  const { categories: a, loadCategories: c } = f(), { common: r } = S(), { isCopyLoaded: n } = B(), {
     searchValue: d,
     setOnSelect: m,
     setSearchValue: u,
@@ -378,7 +385,7 @@ const se = ({
     a.length || c();
   }, []), p.useEffect(() => {
     e && h(e), y(o), D(l), O(i);
-  }, [e, o, l, i]), n ? /* @__PURE__ */ _(K, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
+  }, [e, o, l, i]), n ? /* @__PURE__ */ _($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
     /* @__PURE__ */ t(
       re,
       {
@@ -390,7 +397,7 @@ const se = ({
       }
     ),
     /* @__PURE__ */ t(ye, {})
-  ] }) : /* @__PURE__ */ t(P, {});
+  ] }) : /* @__PURE__ */ t(k, {});
 }, De = E(be), fe = ({
   id: e,
   onClose: s,
@@ -398,7 +405,7 @@ const se = ({
   showDrawer: l,
   ...i
 }) => {
-  const { common: a } = S(), { isCopyLoaded: c } = U();
+  const { common: a } = S(), { isCopyLoaded: c } = B();
   return c ? /* @__PURE__ */ t(
     ne,
     {
@@ -410,7 +417,7 @@ const se = ({
       title: o,
       children: /* @__PURE__ */ t(De, { ...i })
     }
-  ) : /* @__PURE__ */ t(P, {});
+  ) : /* @__PURE__ */ t(k, {});
 }, Je = E(fe);
 export {
   De as C,

package/dist/{ManageIncome-C57PYdQd.mjs → ManageIncome--_KEPuCK.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 "./StatusIndicator-CIKUOoN_.mjs";
-import { T as be } from "./TransactionDetails-B-HssZFM.mjs";
+import { T as be } from "./TransactionDetails-B-C-7meW.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/{RecurringSettings-47RY7mfj.mjs → RecurringSettings-XPxxB0Wf.mjs}

@@ -7,7 +7,7 @@ import R from "@mui/material/Tabs";
 import d from "@mui/material/Divider";
 import b 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-C57PYdQd.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome--_KEPuCK.mjs";
 import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
 import { R as y, F as N } from "./RecurringTransactions-BOzBqfdg.mjs";
 import { A as m } from "./Analytics-BYItVAe-.mjs";

package/dist/{SpendingLegend-CJjjTGBw.mjs → SpendingLegend-s0rv96Ka.mjs}

@@ -12,7 +12,7 @@ import { D as j } from "./Donut-CpxJlVvJ.mjs";
 import { u as R } from "./useAriaLive-MkYebyUR.mjs";
 import { u as v } from "./hooks-BxkfR-Ff.mjs";
 import { u as V } from "./useScreenSize-B6JyS_Lj.mjs";
-import { f as x } from "./NumberFormatting-QCaNwbjv.mjs";
+import { f as b } from "./NumberFormatting-QCaNwbjv.mjs";
 const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
   const a = i.find((s) => s.guid === n.category_guid);
   if (!a) return o;
@@ -100,13 +100,13 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
   variant: t = "mini"
 }) => {
   const { spending: r } = v(), m = A(), { isTablet: e } = V(), { announce: s, ariaLive: C } = R(), u = T.useMemo(
-    () => o ? i.categoryData.find((b) => b.guid === o) : void 0,
+    () => o ? i.categoryData.find((x) => x.guid === o) : void 0,
     [o]
   );
   T.useEffect(() => {
     if (u) {
-      const b = x(u.amount, t === "mini" ? "0,0" : "0,0.00");
-      s(`${u.name}: ${b}`);
+      const x = b(u.amount, t === "mini" ? "0,0" : "0,0.00");
+      s(`${u.name}: ${x}`);
     }
   }, [u, s, t]);
   const E = i.donutData.length > 0 ? i.donutData : [{ id: "0", color: m.palette.divider, value: 100 }], I = () => {
@@ -135,7 +135,7 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
             /* @__PURE__ */ d(
               y,
               {
-                color: "secondary",
+                color: "text.secondary",
                 noWrap: !0,
                 variant: t === "mini" ? "tiny" : "body1",
                 children: u ? u.name : a
@@ -144,9 +144,9 @@ const D = 5, B = (i, l, g, c) => c.reduce((o, n) => {
           ]
         }
       ),
-      !u && t === "full" && /* @__PURE__ */ d(y, { bold: !0, color: "secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
-      /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: u ? x(u.amount, t === "mini" ? "0,0" : "0,0.00") : x(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
-      !u && t === "mini" && /* @__PURE__ */ d(y, { color: "secondary", noWrap: !0, variant: "tiny", children: a }),
+      !u && t === "full" && /* @__PURE__ */ d(y, { bold: !0, color: "text.secondary", sx: { mb: { xs: 4, xl: 8 } }, children: a }),
+      /* @__PURE__ */ d($, { variant: t === "mini" ? "h2" : "h1", children: u ? b(u.amount, t === "mini" ? "0,0" : "0,0.00") : b(i.totalAmount, t === "mini" ? "0,0" : "0,0.00") }),
+      !u && t === "mini" && /* @__PURE__ */ d(y, { color: "text.secondary", noWrap: !0, variant: "tiny", children: a }),
       t === "full" && /* @__PURE__ */ d(
         M,
         {

package/dist/{TransactionDetails-B-HssZFM.mjs → TransactionDetails-B-C-7meW.mjs}

@@ -27,7 +27,7 @@ import $ from "@mui/material/ListItemText";
 import { f as Me, D as ke } from "./DateFormats-BMpMrZpW.mjs";
 import Y from "@mui/material/ListItemButton";
 import z from "@mui/material/ListItemIcon";
-import { a as Pe } from "./CategorySelectorDrawer-gc41lfFZ.mjs";
+import { a as Pe } from "./CategorySelectorDrawer-Dc9Widy9.mjs";
 import { b as et, T as tt, u as J } from "./StatusIndicator-CIKUOoN_.mjs";
 import { D as X } from "./Dialog-Ck34yr-d.mjs";
 import { b as I } from "./Localization-CPkpIwIx.mjs";

package/dist/{WidgetContainer-D_iaToWJ.mjs → WidgetContainer-B7xDq2bM.mjs}

@@ -26,9 +26,9 @@ import { endOfToday as X } from "date-fns/endOfToday";
 import { endOfYear as Ce } 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 { startOfYear as xe } from "date-fns/startOfYear";
 import { subMonths as K } from "date-fns/subMonths";
-import { subDays as xe } from "date-fns/subDays";
+import { subDays as ye } from "date-fns/subDays";
 import { subYears as Z } from "date-fns/subYears";
 import Me from "@mui/material/ButtonGroup";
 import Te from "@mui/material/Tab";
@@ -36,8 +36,8 @@ import ve from "@mui/material/Tabs";
 import Pe from "@mui/material/ToggleButton";
 import Ye from "@mui/material/ToggleButtonGroup";
 import Se from "@mui/material/styles/useTheme";
-import { u as Le } from "./useAriaLive-MkYebyUR.mjs";
-import { D as Ee } from "./Dialog-Ck34yr-d.mjs";
+import { u as Ee } from "./useAriaLive-MkYebyUR.mjs";
+import { D as Le } from "./Dialog-Ck34yr-d.mjs";
 import { D as Ae } from "./Drawer-Bbe4AMB1.mjs";
 import { f as C, D } from "./DateFormats-BMpMrZpW.mjs";
 import { A as Oe } from "./Analytics-BYItVAe-.mjs";
@@ -45,11 +45,11 @@ const Ne = ({
   calendarActions: n,
   color: k = "primary",
   copy: a,
-  range: y = [De(ke()), G(X())],
-  shouldShrinkToIcon: x = !0,
+  range: x = [De(ke()), G(X())],
+  shouldShrinkToIcon: y = !0,
   variant: s = "outlined"
 }) => {
-  const I = Se(), { isMobile: M } = te(), { announce: W, ariaLive: T } = Le(), [R, Y] = h.useState(y), [p, S] = h.useState(a.dateRangePickerCopy.dateRangeThisMonth), [b, w] = h.useState(R), [v, P] = h.useState(!1), [g, _] = h.useState(!0), [m, H] = h.useState(6), z = {
+  const I = Se(), { isMobile: M } = te(), { announce: W, ariaLive: T } = Ee(), [R, Y] = h.useState(x), [p, S] = h.useState(a.dateRangePickerCopy.dateRangeThisMonth), [b, w] = h.useState(R), [v, P] = h.useState(!1), [g, _] = h.useState(!0), [m, H] = h.useState(6), z = {
     buttons: [
       { ariaLabel: "3 Months", label: "3M", value: 3 },
       { ariaLabel: "6 Months", label: "6M", value: 6 },
@@ -64,14 +64,14 @@ const Ne = ({
     ]
   };
   h.useEffect(() => {
-    Y(y), w(y);
-  }, [y]), h.useEffect(() => {
+    Y(x), w(x);
+  }, [x]), h.useEffect(() => {
     (s === "timeframebuttons" || s === "timeframetabs") && n.onRangeChanged(r());
   }, [m]);
   const r = () => {
     const t = G(X());
     return [G(K(t, m)), t];
-  }, L = (t) => {
+  }, E = (t) => {
     const [i, l] = R, o = t === "previous";
     let d;
     if (p === a.dateRangePickerCopy.dateRangeThisMonth || p === a.dateRangePickerCopy.dateRangeLastMonth)
@@ -80,13 +80,13 @@ const Ne = ({
         G(o ? K(l, 1) : J(l, 1))
       ];
     else if (p === a.dateRangePickerCopy.dateRangeYTD || p === a.dateRangePickerCopy.dateRangeLastYear) {
-      const u = ye(i), O = Ce(i);
+      const u = xe(i), O = Ce(i);
       d = [
         o ? Z(u, 1) : Q(u, 1),
         o ? Z(O, 1) : Q(O, 1)
       ];
     } else {
-      const u = _e(l, i), O = o ? xe : be;
+      const u = _e(l, i), O = o ? ye : be;
       d = [O(i, u), O(l, u)];
     }
     Y(d), n.onRangeChanged(d);
@@ -94,7 +94,7 @@ const Ne = ({
     Y(b), _(
       p === a.dateRangePickerCopy.dateRangeThisMonth || p === a.dateRangePickerCopy.dateRangeLastMonth
     ), n.onRangeChanged(b);
-  }, E = (t, i) => {
+  }, L = (t, i) => {
     t[1] = t[1] ?? t[0];
     const l = [t[0], t[1] ? Re(t[1]) : t[1]], o = C(l[0], D.MONTH_DAY_YEAR), d = C(l[1], D.MONTH_DAY_YEAR);
     w(l), S(i), W(`${a.dateRangePickerCopy}: ${o} - ${d}`);
@@ -107,7 +107,7 @@ const Ne = ({
       {
         sx: {
           [I.breakpoints.down("sm")]: {
-            display: x ? "none" : "flex",
+            display: y ? "none" : "flex",
             justifyContent: "center"
           },
           [I.breakpoints.up("sm")]: { display: "inline-flex" }
@@ -140,7 +140,7 @@ const Ne = ({
                     "aria-disabled": n.shouldDisablePrevious,
                     "aria-label": a.dateRangePreviousAria,
                     color: n.shouldDisablePrevious ? "secondary" : "primary",
-                    onClick: () => n.shouldDisablePrevious ? null : L("previous"),
+                    onClick: () => n.shouldDisablePrevious ? null : E("previous"),
                     children: /* @__PURE__ */ e(f, { name: "chevron_left", size: 20 })
                   }
                 ),
@@ -168,7 +168,7 @@ const Ne = ({
                     "aria-disabled": n.shouldDisableNext,
                     "aria-label": a.dateRangeNextAria,
                     color: n.shouldDisableNext ? "secondary" : "primary",
-                    onClick: () => n.shouldDisableNext ? null : L("next"),
+                    onClick: () => n.shouldDisableNext ? null : E("next"),
                     children: /* @__PURE__ */ e(f, { name: "chevron_right", size: 20 })
                   }
                 )
@@ -178,6 +178,7 @@ const Ne = ({
           s === "timeframebuttons" && /* @__PURE__ */ e(
             Ye,
             {
+              "aria-label": a.dateRangeEditTitle,
               color: k,
               exclusive: !0,
               orientation: "horizontal",
@@ -235,7 +236,7 @@ const Ne = ({
             {
               copy: a.dateRangePickerCopy,
               dateRange: b,
-              onRangeChanged: E,
+              onRangeChanged: L,
               selectedShortcut: p,
               sx: { p: 0 }
             }
@@ -244,7 +245,7 @@ const Ne = ({
       }
     ),
     v && !M && /* @__PURE__ */ c(
-      Ee,
+      Le,
       {
         copy: { title: a.dateRangeEditTitle },
         isOpen: !0,
@@ -263,7 +264,7 @@ const Ne = ({
             {
               copy: a.dateRangePickerCopy,
               dateRange: b,
-              onRangeChanged: E,
+              onRangeChanged: L,
               selectedShortcut: p,
               sx: {
                 pt: 0,
@@ -282,8 +283,8 @@ const Ne = ({
     allowedAccountTypes: n,
     actions: k = [],
     calendarActions: a,
-    children: y,
-    dateRange: x,
+    children: x,
+    dateRange: y,
     dateRangeVariant: s,
     className: I = "mx-cmn-widget",
     hasDivider: M = !1,
@@ -294,12 +295,12 @@ const Ne = ({
     sx: p = {},
     title: S = ""
   }) => {
-    const [b, { height: w, width: v }] = de(), { onEvent: P } = pe(), { isDesktop: g, isMobile: _, isTablet: m } = te(v), { displayedDateRange: H, isCopyLoaded: z } = ue(), { common: r } = ge(), { config: L } = he(), B = () => {
+    const [b, { height: w, width: v }] = de(), { onEvent: P } = pe(), { isDesktop: g, isMobile: _, isTablet: m } = te(v), { displayedDateRange: H, isCopyLoaded: z } = ue(), { common: r } = ge(), { config: E } = he(), B = () => {
       T && (T(), P(Oe.WIDGET_BACK_CLICK));
     };
     if (!z)
       return /* @__PURE__ */ e(ce, {});
-    const E = {
+    const L = {
       dateRangePickerCopy: {
         dateRangeFrom: r.date_range_picker.from,
         dateRangeTo: r.date_range_picker.to,
@@ -317,7 +318,7 @@ const Ne = ({
       dateRangeEditTitle: r.date_range_picker.edit_title,
       dateRangeNextAria: r.date_range_picker.next_aria,
       dateRangePreviousAria: r.date_range_picker.previous_aria
-    }, A = x ? x.start : H.start, t = x ? x.end : H.end, i = k?.length > 1;
+    }, A = y ? y.start : H.start, t = y ? y.end : H.end, i = k?.length > 1;
     return /* @__PURE__ */ c(
       re,
       {
@@ -338,7 +339,7 @@ const Ne = ({
                   ee,
                   {
                     calendarActions: a,
-                    copy: E,
+                    copy: L,
                     range: [A, t],
                     shouldShrinkToIcon: !1,
                     variant: s
@@ -398,7 +399,7 @@ const Ne = ({
               },
               title: (
                 // eslint-disable-next-line no-nested-ternary
-                g || m ? L.display_widget_headings ? /* @__PURE__ */ e(se, { variant: "h1", children: S }) : null : /* @__PURE__ */ c(F, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
+                g || m ? E.display_widget_headings ? /* @__PURE__ */ e(se, { variant: "h1", children: S }) : null : /* @__PURE__ */ c(F, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
                   _ && T && /* @__PURE__ */ e(
                     j,
                     {
@@ -409,7 +410,7 @@ const Ne = ({
                       children: /* @__PURE__ */ e(ie, { size: 24 })
                     }
                   ),
-                  L.display_widget_headings ? /* @__PURE__ */ e(le, { children: S }) : null
+                  E.display_widget_headings ? /* @__PURE__ */ e(le, { children: S }) : null
                 ] })
               )
             }
@@ -421,14 +422,14 @@ const Ne = ({
               ee,
               {
                 calendarActions: a,
-                copy: E,
+                copy: L,
                 range: [A, t],
                 shouldShrinkToIcon: !1,
                 variant: s
               }
             )
           ] }),
-          /* @__PURE__ */ e(oe, { ref: b, sx: { p: 0 }, children: /* @__PURE__ */ e(fe, { availableHeight: w, availableWidth: v, children: y }) })
+          /* @__PURE__ */ e(oe, { ref: b, sx: { p: 0 }, children: /* @__PURE__ */ e(fe, { availableHeight: w, availableWidth: v, children: x }) })
         ]
       }
     );