@mx-cartographer/experiences 7.4.13 → 7.4.14

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.4.14] - 12-19-2025
+
+- **FIXED** - button focus styles in Dialog, MicroWidgetContainer, and MiniWidgetContainer
+
 ## [7.4.13] - 12-19-2025
 
 - **FIXED** - Impove a11y compliance for Drawer component

package/dist/{AccountDetailsContent-H6ORsLqt.mjs → AccountDetailsContent-CitErkuS.mjs}

@@ -1,21 +1,21 @@
-import { jsxs as d, Fragment as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as u, Fragment as g, jsx as t } from "react/jsx-runtime";
 import _ from "react";
 import { observer as T } from "mobx-react-lite";
-import H from "@mui/material/Tab";
+import B from "@mui/material/Tab";
 import nt from "@mui/material/Tabs";
 import $ from "@mui/material/List";
 import Y from "@mui/material/ListSubheader";
 import ot from "@mui/material/Switch";
-import { Text as b, Icon as I, THEMES as G } from "@mxenabled/mxui";
-import M from "@mui/material/Divider";
+import { Text as b, Icon as k, THEMES as H } from "@mxenabled/mxui";
+import I from "@mui/material/Divider";
 import v from "@mui/material/ListItem";
 import N from "@mui/material/ListItemButton";
 import w from "@mui/material/ListItemText";
 import { u as D } from "./AccountDetailsHeader-BkG3MNYo.mjs";
 import { d as z, u as E, g as O, h as X } from "./hooks-ZMp65DFz.mjs";
 import { A as at } from "./AccountListItem-DHrz8Mml.mjs";
-import { A as k } from "./WidgetContainer-CoFDmQRE.mjs";
-import { D as V, f as B, a as K } from "./Dialog-BPTr3qHE.mjs";
+import { A as M } from "./WidgetContainer-CoFDmQRE.mjs";
+import { D as V, f as G, a as K } from "./Dialog-BPTr3qHE.mjs";
 import { b as h } from "./Localization-2MODESHW.mjs";
 import { D as J } from "./Drawer-By9V-B5L.mjs";
 import P from "@mui/material/ListItemAvatar";
@@ -24,8 +24,8 @@ import st from "@mui/material/styles/useTheme";
 import { Error as q, CheckCircle as it, Language as rt } from "@mxenabled/mx-icons";
 import { n as m, N as Q, l as Z, F as R } from "./ConnectDrawer-BkvlItWx.mjs";
 import { fromUnixTime as lt } from "date-fns/fromUnixTime";
-import { isToday as dt } from "date-fns/isToday";
-import { isYesterday as ut } from "date-fns/isYesterday";
+import { isToday as ut } from "date-fns/isToday";
+import { isYesterday as dt } from "date-fns/isYesterday";
 import { I as F } from "./IconBacking-B9oC6uL2.mjs";
 import { addMonths as _t } from "date-fns/addMonths";
 import { alpha as mt } from "@mui/material/styles";
@@ -43,7 +43,7 @@ import Et from "@mui/material/Alert";
 import yt from "@mui/material/AlertTitle";
 import xt from "@mui/material/Link";
 import wt from "@mui/material/Paper";
-import { subDays as kt, startOfToday as It, endOfToday as Mt } from "date-fns";
+import { subDays as Mt, startOfToday as kt, endOfToday as It } from "date-fns";
 import { T as vt, a as Lt } from "./TransactionDetails-m5PddMQn.mjs";
 import { T as j } from "./TabContentContainer-j01JYR_7.mjs";
 const U = ({
@@ -52,19 +52,19 @@ const U = ({
   onClick: n,
   primaryText: c,
   secondaryText: i
-}) => /* @__PURE__ */ d(g, { children: [
-  /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ d(N, { onClick: n, children: [
+}) => /* @__PURE__ */ u(g, { children: [
+  /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ u(N, { onClick: n, children: [
     /* @__PURE__ */ t(w, { primary: c, secondary: i }),
     e
   ] }) }),
-  /* @__PURE__ */ t(M, { sx: { ml: o ? 0 : 24 } })
+  /* @__PURE__ */ t(I, { sx: { ml: o ? 0 : 24 } })
 ] }), Nt = () => {
   const { accounts: e } = z(), { selectedAccount: o, selectedMember: n } = D();
   return e.filter(
     (c) => c.member_guid === n.guid && n.successfully_aggregated_at && c.guid !== o.guid
   );
 }, Ot = () => {
-  const [e, o] = _.useState(!1), [n, c] = _.useState(!1), [i, u] = _.useState(!1), [l, s] = _.useState({}), { selectedAccount: r } = D(), { mergeAccounts: y, updateAccount: S } = z(), { accounts: a } = E(), C = Nt(), { onEvent: A } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (f) => {
+  const [e, o] = _.useState(!1), [n, c] = _.useState(!1), [i, d] = _.useState(!1), [l, s] = _.useState({}), { selectedAccount: r } = D(), { mergeAccounts: y, updateAccount: S } = z(), { accounts: a } = E(), C = Nt(), { onEvent: A } = O(), { modifyTransactionByAccountGuid: x } = X(), L = async (f) => {
     await S({
       ...r,
       ...f
@@ -74,13 +74,13 @@ const U = ({
       () => c(!1)
     );
   };
-  return /* @__PURE__ */ d(g, { children: [
+  return /* @__PURE__ */ u(g, { children: [
     /* @__PURE__ */ t(Y, { sx: { backgroundColor: "transparent", mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(b, { bold: !0, component: "h2", variant: "XSmall", children: a.actions }) }),
     /* @__PURE__ */ t(
       U,
       {
         onClick: () => {
-          L({ is_hidden: !r.is_hidden }), A(k.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
+          L({ is_hidden: !r.is_hidden }), A(M.ACCOUNT_DETAILS_CLICK_HIDE, { account_guid: r.guid });
         },
         primaryText: r.is_hidden ? a.unhide_account : a.hide_Account,
         secondaryText: r.is_hidden ? a.include_this_account : a.exclude_this_account,
@@ -91,13 +91,13 @@ const U = ({
       U,
       {
         onClick: () => {
-          o(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
+          o(!0), A(M.ACCOUNT_DETAILS_CLICK_MARK_CLOSED, {
             account_guid: r.guid
           });
         },
         primaryText: r.is_closed ? a.mark_as_open : a.mark_as_closed,
         secondaryText: r.is_closed ? a.this_will_set_the_closed_account : a.this_will_set_the_account_balance_to_0,
-        children: /* @__PURE__ */ t(I, { name: "chevron_right" })
+        children: /* @__PURE__ */ t(k, { name: "chevron_right" })
       }
     ),
     C.length > 0 && /* @__PURE__ */ t(
@@ -105,13 +105,13 @@ const U = ({
       {
         isLast: !0,
         onClick: () => {
-          c(!0), A(k.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
+          c(!0), A(M.ACCOUNT_DETAILS_CLICK_MARK_DUPLICATE, {
             account_guid: r.guid
           });
         },
         primaryText: a.mark_as_duplicate,
         secondaryText: a.if_a_connected_account_is_showing_up_twice,
-        children: /* @__PURE__ */ t(I, { name: "chevron_right" })
+        children: /* @__PURE__ */ t(k, { name: "chevron_right" })
       }
     ),
     /* @__PURE__ */ t(
@@ -141,13 +141,13 @@ const U = ({
         title: a.mark_as_duplicate,
         children: /* @__PURE__ */ t($, { children: C.map((f) => {
           const et = C.indexOf(f) === C.length - 1;
-          return /* @__PURE__ */ d(_.Fragment, { children: [
+          return /* @__PURE__ */ u(_.Fragment, { children: [
             /* @__PURE__ */ t(
               at,
               {
                 account: f,
                 onRowClick: () => {
-                  u(!0), s(f);
+                  d(!0), s(f);
                 }
               }
             ),
@@ -156,7 +156,7 @@ const U = ({
         }) })
       }
     ),
-    i && /* @__PURE__ */ d(
+    i && /* @__PURE__ */ u(
       V,
       {
         copy: {
@@ -164,7 +164,7 @@ const U = ({
           title: a.confirm_merge
         },
         isOpen: i,
-        onClose: () => u(!1),
+        onClose: () => d(!1),
         onPrimaryAction: p,
         children: [
           /* @__PURE__ */ t(b, { truncate: !1, children: h(
@@ -314,12 +314,12 @@ const U = ({
       };
     default: {
       const c = () => {
-        const i = e.successfully_aggregated_at ? lt(e.successfully_aggregated_at) : void 0, u = i && B(i, K.TIME_STAMP_HOUR_MINUTE);
-        if (u)
-          return dt(i) ? h(o.last_updated_at, o.today, u) : ut(i) ? h(o.last_updated_at, o.yesterday, u) : h(
+        const i = e.successfully_aggregated_at ? lt(e.successfully_aggregated_at) : void 0, d = i && G(i, K.TIME_STAMP_HOUR_MINUTE);
+        if (d)
+          return ut(i) ? h(o.last_updated_at, o.today, d) : dt(i) ? h(o.last_updated_at, o.yesterday, d) : h(
             o.last_updated_at,
-            B(i, K.MONTH_DAY_YEAR),
-            u
+            G(i, K.MONTH_DAY_YEAR),
+            d
           );
       };
       return {
@@ -338,7 +338,7 @@ const U = ({
 }, Rt = () => {
   const [e, o] = _.useState(!1), {
     palette: { mode: n }
-  } = st(), { selectedMember: c } = D(), { accounts: i, connect: u } = E(), l = tt(c, u), s = Q.includes(c.connection_status) ? {
+  } = st(), { selectedMember: c } = D(), { accounts: i, connect: d } = E(), l = tt(c, d), s = Q.includes(c.connection_status) ? {
     color: "error.main",
     ctaCopy: l.cta ?? "",
     icon: /* @__PURE__ */ t(q, { filled: !0, sx: { ...W } }),
@@ -350,34 +350,34 @@ const U = ({
     mainMessage: l.statusName,
     secondaryMessage: l.title
   };
-  return /* @__PURE__ */ d(g, { children: [
+  return /* @__PURE__ */ u(g, { children: [
     /* @__PURE__ */ t(Y, { sx: { mb: 4, mt: 12, mx: 8 }, children: /* @__PURE__ */ t(b, { bold: !0, component: "h2", variant: "XSmall", children: i.connection_status }) }),
-    /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: c.is_manual || !s.ctaCopy ? /* @__PURE__ */ d(ct, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
+    /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: c.is_manual || !s.ctaCopy ? /* @__PURE__ */ u(ct, { alignItems: "center", direction: "row", px: 24, py: 12, children: [
       /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(F, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
       /* @__PURE__ */ t(w, { primary: s.mainMessage, secondary: s.secondaryMessage })
-    ] }) : /* @__PURE__ */ d(N, { onClick: () => o(!0), children: [
+    ] }) : /* @__PURE__ */ u(N, { onClick: () => o(!0), children: [
       /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(F, { backingSx: { backgroundColor: s.color, borderRadius: 1 }, size: 32, children: s.icon }) }),
       /* @__PURE__ */ t(
         w,
         {
           primary: s.mainMessage,
-          secondary: s.secondaryMessage && /* @__PURE__ */ d(g, { children: [
+          secondary: s.secondaryMessage && /* @__PURE__ */ u(g, { children: [
             s.secondaryMessage,
             " ",
             /* @__PURE__ */ t(b, { bold: !0, sx: { color: "action.active" }, variant: "XSmall", children: s.ctaCopy })
           ] })
         }
       ),
-      /* @__PURE__ */ t(I, { name: "chevron_right" })
+      /* @__PURE__ */ t(k, { name: "chevron_right" })
     ] }) }),
-    /* @__PURE__ */ t(M, { sx: { ml: c.is_manual || !c.institution_url ? 0 : 24 } }),
-    !c.is_manual && c.institution_url && /* @__PURE__ */ d(g, { children: [
-      /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ d(N, { component: "a", href: c.institution_url, target: "_blank", children: [
+    /* @__PURE__ */ t(I, { sx: { ml: c.is_manual || !c.institution_url ? 0 : 24 } }),
+    !c.is_manual && c.institution_url && /* @__PURE__ */ u(g, { children: [
+      /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ u(N, { component: "a", href: c.institution_url, target: "_blank", children: [
         /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(
           F,
           {
             backingSx: {
-              backgroundColor: n === G.LIGHT ? "grey.300" : "grey.700",
+              backgroundColor: n === H.LIGHT ? "grey.300" : "grey.700",
               borderRadius: 1
             },
             size: 32,
@@ -386,16 +386,16 @@ const U = ({
               {
                 sx: {
                   ...W,
-                  color: n === G.LIGHT ? "grey.900" : "common.white"
+                  color: n === H.LIGHT ? "grey.900" : "common.white"
                 }
               }
             )
           }
         ) }),
         /* @__PURE__ */ t(w, { primary: c.name, secondary: c.institution_url }),
-        /* @__PURE__ */ t(I, { name: "launch" })
+        /* @__PURE__ */ t(k, { name: "launch" })
       ] }) }),
-      /* @__PURE__ */ t(M, {})
+      /* @__PURE__ */ t(I, {})
     ] }),
     e && /* @__PURE__ */ t(
       Z,
@@ -408,12 +408,12 @@ const U = ({
     )
   ] });
 }, Ft = T(Rt), Ut = ({ field: e, isOpen: o, onClose: n }) => {
-  const { updateAccount: c } = z(), { selectedAccount: i } = D(), { accounts: u } = E(), [l, s] = _.useState(i[e.name]), [r, y] = _.useState(""), [S, a] = _.useState(!0), C = () => {
+  const { updateAccount: c } = z(), { selectedAccount: i } = D(), { accounts: d } = E(), [l, s] = _.useState(i[e.name]), [r, y] = _.useState(""), [S, a] = _.useState(!0), C = () => {
     s(""), y(""), n();
   }, A = () => {
     switch (e.type) {
       case R.Select:
-        return /* @__PURE__ */ d(gt, { fullWidth: !0, children: [
+        return /* @__PURE__ */ u(gt, { fullWidth: !0, children: [
           /* @__PURE__ */ t(Ct, { id: `${e.label}-select-label`, children: e.label }),
           /* @__PURE__ */ t(
             At,
@@ -497,22 +497,29 @@ const U = ({
     V,
     {
       copy: {
-        close_aria: u.close_aria,
-        title: h(u.edit_field, e.label)
+        close_aria: d.close_aria,
+        title: h(d.edit_field, e.label)
       },
       disablePrimaryButton: !!r || !S,
       isOpen: o,
       onClose: C,
       onPrimaryAction: x,
-      primaryText: u.save,
+      primaryText: d.save,
+      sx: {
+        "& .MuiButton-root:focus-visible, & .MuiButton-root:focus": {
+          outline: "2px solid",
+          outlineColor: "primary.main",
+          outlineOffset: "2px"
+        }
+      },
       children: A()
     }
   );
 }, Wt = T(Ut), $t = () => {
-  const e = window.app?.config, { onEvent: o } = O(), { selectedAccount: n } = D(), { accounts: c } = E(), i = Dt(n, c), u = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [l, s] = _.useState(!1), [r, y] = _.useState(i[0]), S = i.filter(
-    (a) => u || n[a.name] || n[a.name] === 0
+  const e = window.app?.config, { onEvent: o } = O(), { selectedAccount: n } = D(), { accounts: c } = E(), i = Dt(n, c), d = n.member_is_managed_by_user || !n.member_is_managed_by_user && e.enable_renaming_home_accounts, [l, s] = _.useState(!1), [r, y] = _.useState(i[0]), S = i.filter(
+    (a) => d || n[a.name] || n[a.name] === 0
   );
-  return /* @__PURE__ */ d(g, { children: [
+  return /* @__PURE__ */ u(g, { children: [
     S.map((a) => {
       const C = n[a.name] || n[a.name] === 0, A = S.indexOf(a) === S.length - 1, x = /* @__PURE__ */ t(
         w,
@@ -522,8 +529,8 @@ const U = ({
           secondary: /* @__PURE__ */ t(b, { bold: !0, sx: { fontSize: 15 }, children: C ? a.valueFormatter(n[a.name]) : a.placeholder })
         }
       );
-      return /* @__PURE__ */ t(_.Fragment, { children: u ? /* @__PURE__ */ d(g, { children: [
-        /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ d(
+      return /* @__PURE__ */ t(_.Fragment, { children: d ? /* @__PURE__ */ u(g, { children: [
+        /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 0 }, children: /* @__PURE__ */ u(
           N,
           {
             onClick: () => {
@@ -531,14 +538,14 @@ const U = ({
             },
             children: [
               x,
-              /* @__PURE__ */ t(I, { name: "chevron_right" })
+              /* @__PURE__ */ t(k, { name: "chevron_right" })
             ]
           }
         ) }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
-      ] }) : C && /* @__PURE__ */ d(g, { children: [
+        /* @__PURE__ */ t(I, { sx: { ml: A ? 0 : 24 } })
+      ] }) : C && /* @__PURE__ */ u(g, { children: [
         /* @__PURE__ */ t(v, { sx: { backgroundColor: "background.paper", px: 24 }, children: x }),
-        /* @__PURE__ */ t(M, { sx: { ml: A ? 0 : 24 } })
+        /* @__PURE__ */ t(I, { sx: { ml: A ? 0 : 24 } })
       ] }) }, a.name);
     }),
     l && r && /* @__PURE__ */ t(
@@ -552,18 +559,18 @@ const U = ({
   ] });
 }, Vt = T($t), zt = () => {
   const { onEvent: e } = O();
-  return _.useEffect(() => e(k.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ d($, { children: [
+  return _.useEffect(() => e(M.ACCOUNT_DETAILS_VIEW), []), /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ t(Vt, {}),
     /* @__PURE__ */ t(Ft, {}),
     /* @__PURE__ */ t(Pt, {})
   ] });
-}, Ht = T(zt), Gt = ({ setTabValue: e }) => {
-  const [o, n] = _.useState(!1), { selectedMember: c } = D(), { accounts: i, connect: u } = E(), l = c.connection_status && Q.includes(c.connection_status);
+}, Bt = T(zt), Ht = ({ setTabValue: e }) => {
+  const [o, n] = _.useState(!1), { selectedMember: c } = D(), { accounts: i, connect: d } = E(), l = c.connection_status && Q.includes(c.connection_status);
   if (_.useEffect(() => {
     l && e(1);
   }, [l]), !l) return;
-  const s = tt(c, u);
-  return /* @__PURE__ */ d(g, { children: [
+  const s = tt(c, d);
+  return /* @__PURE__ */ u(g, { children: [
     /* @__PURE__ */ t(
       wt,
       {
@@ -572,7 +579,7 @@ const U = ({
           mt: 24,
           mx: 24
         },
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ u(
           Et,
           {
             icon: /* @__PURE__ */ t(q, { filled: !0 }),
@@ -613,17 +620,17 @@ const U = ({
       }
     )
   ] });
-}, Bt = T(Gt), Kt = () => {
-  const [e, o] = _.useState(""), { onEvent: n } = O(), { selectedAccount: c } = D(), { accounts: i } = E(), { setFilter: u, sortedTransactions: l } = X(), s = _.useMemo(
+}, Gt = T(Ht), Kt = () => {
+  const [e, o] = _.useState(""), { onEvent: n } = O(), { selectedAccount: c } = D(), { accounts: i } = E(), { setFilter: d, sortedTransactions: l } = X(), s = _.useMemo(
     () => l.find((r) => r.guid === e),
     [e, l]
   );
   return _.useEffect(() => {
-    u({
-      dateRange: { start: kt(It(), 90), end: Mt() },
+    d({
+      dateRange: { start: Mt(kt(), 90), end: It() },
       accounts: [c.guid]
     });
-  }, [c]), _.useEffect(() => n(k.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ d(g, { children: [
+  }, [c]), _.useEffect(() => n(M.ACCOUNT_DETAILS_VIEW_TRANSACTIONS), []), /* @__PURE__ */ u(g, { children: [
     /* @__PURE__ */ t(vt, { onClick: o }),
     s && /* @__PURE__ */ t(
       J,
@@ -638,9 +645,9 @@ const U = ({
   ] });
 }, jt = T(Kt), Yt = () => {
   const [e, o] = _.useState(0), { accounts: n } = E();
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ t(Bt, { setTabValue: o }),
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(g, { children: [
+    /* @__PURE__ */ t(Gt, { setTabValue: o }),
+    /* @__PURE__ */ u(
       nt,
       {
         "aria-label": n.transactions_and_details_aria,
@@ -651,7 +658,7 @@ const U = ({
         variant: "fullWidth",
         children: [
           /* @__PURE__ */ t(
-            H,
+            B,
             {
               "aria-controls": "transaction-details-tabpanel-0",
               id: "transaction-details-tab-0",
@@ -659,7 +666,7 @@ const U = ({
             }
           ),
           /* @__PURE__ */ t(
-            H,
+            B,
             {
               "aria-controls": "account-details-tabpanel-1",
               id: "account-details-tab-1",
@@ -670,10 +677,10 @@ const U = ({
       }
     ),
     /* @__PURE__ */ t(j, { index: 0, name: "transaction-details", value: e, children: /* @__PURE__ */ t(jt, {}) }),
-    /* @__PURE__ */ t(j, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Ht, {}) })
+    /* @__PURE__ */ t(j, { index: 1, name: "account-details", value: e, children: /* @__PURE__ */ t(Bt, {}) })
   ] });
-}, He = T(Yt);
+}, Be = T(Yt);
 export {
-  He as A,
+  Be as A,
   Nt as u
 };

package/dist/MicroWidgetContainer-r6mtxRer.mjs

@@ -0,0 +1,52 @@
+import { jsx as r, jsxs as h, Fragment as f } from "react/jsx-runtime";
+import x from "@mui/material/Button";
+import u from "@mui/material/Card";
+import C from "@mui/material/CardContent";
+import b from "@mui/material/CardHeader";
+import { P as g, H3 as v } from "@mxenabled/mxui";
+import { ChevronRight as W } from "@mxenabled/mx-icons";
+import { u as M } from "./useDimensions-27p2evRx.mjs";
+import { W as w } from "./hooks-ZMp65DFz.mjs";
+const y = ({
+  children: o,
+  className: e,
+  ctaLabel: n,
+  onCTAClick: a,
+  subHeader: i,
+  sx: s,
+  title: c,
+  variant: l = "borderless"
+}) => {
+  const [d, { height: m, width: p }] = M(), t = /* @__PURE__ */ h(f, { children: [
+    /* @__PURE__ */ r(
+      b,
+      {
+        action: /* @__PURE__ */ r(
+          x,
+          {
+            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
+            onClick: a,
+            size: "small",
+            sx: {
+              "&:focus-visible, &:focus": {
+                outline: "2px solid",
+                outlineColor: "primary.main",
+                outlineOffset: "2px"
+              }
+            },
+            variant: "text",
+            children: n
+          }
+        ),
+        subheader: i && /* @__PURE__ */ r(g, { sx: { color: "text.secondary" }, variant: "body2", children: i }),
+        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
+        title: /* @__PURE__ */ r(v, { sx: { width: "calc(100% - 10px)" }, children: c })
+      }
+    ),
+    /* @__PURE__ */ r(C, { ref: d, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(w, { availableHeight: m, availableWidth: p, children: o }) })
+  ] });
+  return l === "borderless" ? t : /* @__PURE__ */ r(u, { className: e, sx: { alignItems: "center", p: 16, ...s }, children: t });
+}, F = y;
+export {
+  F as M
+};

package/dist/MiniWidgetContainer-Bg02sF1Y.mjs

@@ -0,0 +1,71 @@
+import { jsxs as r, jsx as i, Fragment as x } from "react/jsx-runtime";
+import g from "@mui/material/Box";
+import u from "@mui/material/Button";
+import C from "@mui/material/Card";
+import v from "@mui/material/CardHeader";
+import b from "@mui/material/CardContent";
+import W from "@mui/material/IconButton";
+import { Icon as z, ChevronRight as H } from "@mxenabled/mx-icons";
+import { H3 as I, Text as B, P as M } from "@mxenabled/mxui";
+import { u as S } from "./useDimensions-27p2evRx.mjs";
+import { W as j } from "./hooks-ZMp65DFz.mjs";
+const w = ({
+  children: a,
+  className: l = "mx-cmn-mini-widget",
+  closeLabel: m,
+  contentStyles: s,
+  onClose: e,
+  onPrimaryCtaClick: o,
+  primaryCtaLabel: d = "",
+  subTitle: n = "",
+  sx: c = {},
+  title: t = ""
+}) => {
+  const [p, { height: f, width: h }] = S();
+  return /* @__PURE__ */ r(C, { className: l, sx: { ...c }, children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        sx: { pb: 8 },
+        title: /* @__PURE__ */ r(x, { children: [
+          /* @__PURE__ */ r(
+            g,
+            {
+              sx: {
+                alignItems: "center",
+                display: "grid",
+                gap: 2,
+                gridTemplateColumns: "1fr auto",
+                pb: 4
+              },
+              children: [
+                t && /* @__PURE__ */ i(I, { children: t }),
+                e ? /* @__PURE__ */ i(W, { "aria-label": m, onClick: e, size: "small", children: /* @__PURE__ */ i(z, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ i(
+                  u,
+                  {
+                    endIcon: /* @__PURE__ */ i(H, {}),
+                    onClick: o,
+                    size: "small",
+                    sx: {
+                      "&:focus-visible, &:focus": {
+                        outline: "2px solid",
+                        outlineColor: "primary.main",
+                        outlineOffset: "2px"
+                      }
+                    },
+                    children: /* @__PURE__ */ i(B, { bold: !0, variant: "Small", children: d })
+                  }
+                )
+              ]
+            }
+          ),
+          n && /* @__PURE__ */ i(M, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "Small", children: n })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(b, { ref: p, sx: { p: 0, ...s }, children: /* @__PURE__ */ i(j, { availableHeight: f, availableWidth: h, children: a }) })
+  ] });
+}, E = w;
+export {
+  E as M
+};

package/dist/accounts/index.es.js

@@ -18,8 +18,8 @@ import { I as $, P as j, S as Y } from "../Account-CvR2-dSR.mjs";
 import { a as d1 } from "../AccountFields-zCMqet85.mjs";
 import { g as s3, b as a3 } from "../AccountFields-zCMqet85.mjs";
 import { A as N } from "../AccountListItem-DHrz8Mml.mjs";
-import { A as c1 } from "../AccountDetailsContent-H6ORsLqt.mjs";
-import { u as L3 } from "../AccountDetailsContent-H6ORsLqt.mjs";
+import { A as c1 } from "../AccountDetailsContent-CitErkuS.mjs";
+import { u as L3 } from "../AccountDetailsContent-CitErkuS.mjs";
 import { f as D } from "../NumberFormatting-DjTD0t3W.mjs";
 import { D as s1 } from "../Drawer-By9V-B5L.mjs";
 import { A as x, W as a1 } from "../WidgetContainer-CoFDmQRE.mjs";
@@ -28,7 +28,7 @@ import { u as K } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as B } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as w } from "../Loader-DUaFpDGv.mjs";
 import L1 from "@mui/material/ListItem";
-import { M as z } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as z } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import u1 from "@mui/material/Stack";
 import { A as h3, a as H3 } from "../AccountStore-LgfBcYMe.mjs";
 const h1 = (o, C) => {

package/dist/analytics/index.es.js

@@ -8,7 +8,7 @@ import a from "@mui/material/Stack";
 import _ from "@mui/material/styles/useTheme";
 import { Text as u, TextField as L } from "@mxenabled/mxui";
 import { L as W } from "../Loader-DUaFpDGv.mjs";
-import { M as j } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as j } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import { k as f, u as b, g as q, b as E } from "../hooks-ZMp65DFz.mjs";
 import Q from "@mui/material/ToggleButton";
 import G from "@mui/material/ToggleButtonGroup";

package/dist/budgets/index.es.js

@@ -31,7 +31,7 @@ import { E as ue } from "../EmptyState-DoxNUae-.mjs";
 import { A as $, W as Je } from "../WidgetContainer-CoFDmQRE.mjs";
 import { u as Qe } from "../BudgetUtil-BmZXkL0C.mjs";
 import { u as we } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { M as et } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as et } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import { isAfter as tt } from "date-fns/isAfter";
 import { startOfToday as J } from "date-fns/startOfToday";
 import De from "@mui/material/Alert";

package/dist/cashflow/index.es.js

@@ -16,7 +16,7 @@ import { I as fe } from "../CashflowStore-D9Dpuz7X.mjs";
 import { C as Bn } from "../CashflowStore-D9Dpuz7X.mjs";
 import { b as M } from "../Localization-2MODESHW.mjs";
 import { u as We } from "../useWidgetLoadTimer-hIOioiKx.mjs";
-import { M as Je } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as Je } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import { E as Ze } from "../EmptyState-DoxNUae-.mjs";
 import { R as et } from "../RecurringSettings-B4ybrS0B.mjs";
 import tt from "@mui/material/Tabs";

package/dist/common/index.es.js

@@ -10,8 +10,8 @@ import { T as rt } from "../User-Cnlegl1N.mjs";
 import { C as ps, b as ms, L as _s, a as fs } from "../User-Cnlegl1N.mjs";
 import { H as ot } from "../Help-DhcC-C05.mjs";
 import { E as Ss } from "../Help-DhcC-C05.mjs";
-import { M as ws } from "../MicroWidgetContainer-B2hO9rOG.mjs";
-import { M as Cs } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as ws } from "../MicroWidgetContainer-r6mtxRer.mjs";
+import { M as Cs } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import { A as Ds, D as As, W as Es } from "../WidgetContainer-CoFDmQRE.mjs";
 import { k as Bs, a as Is, e as Ns, h as Ms, A as $s, f as ks, l as Rs, d as Us, n as Ps, E as Os, j as Ls, N as Gs, i as Hs, P as Fs, o as Ws, S as qs } from "../ConnectDrawer-BkvlItWx.mjs";
 import { C as Qs } from "../CurrencyInput-itK0R3wV.mjs";

package/dist/goals/index.es.js

@@ -39,7 +39,7 @@ import nt from "@mui/material/Collapse";
 import ot from "@mui/material/ListItemIcon";
 import at from "@mui/material/Checkbox";
 import { u as rt, A as it } from "../AccountDetailsHeader-BkG3MNYo.mjs";
-import { A as st } from "../AccountDetailsContent-H6ORsLqt.mjs";
+import { A as st } from "../AccountDetailsContent-CitErkuS.mjs";
 import { u as lt } from "../useAccountDisplayName-B7iXTNM8.mjs";
 import De from "@mui/material/TextField";
 import { M as ct, I as dt, O as mt } from "../OriginalBalanceAction-C6jdS4ws.mjs";
@@ -56,7 +56,7 @@ import yt from "@mui/material/Stack/Stack";
 import At from "@mui/material/Box";
 import Tt from "@mui/material/styles/useTheme";
 import { S as Ct } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { M as St } from "../MicroWidgetContainer-B2hO9rOG.mjs";
+import { M as St } from "../MicroWidgetContainer-r6mtxRer.mjs";
 function ce({ title: t, subtitle: n }) {
   return /* @__PURE__ */ r(f, { children: [
     /* @__PURE__ */ e(A, { bold: !0, variant: "Body", children: t }),

package/dist/networth/index.es.js

@@ -26,7 +26,7 @@ import { f as V } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as ie } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { A as b, W as Me } from "../WidgetContainer-CoFDmQRE.mjs";
 import { L as O } from "../Loader-DUaFpDGv.mjs";
-import { M as Ae } from "../MicroWidgetContainer-B2hO9rOG.mjs";
+import { M as Ae } from "../MicroWidgetContainer-r6mtxRer.mjs";
 import ae from "@mui/material/Box";
 import { C as He } from "../ConnectionsDrawer-VmuVFHbL.mjs";
 import Be from "@mui/material/Collapse";

package/dist/recurringtransactions/index.es.js

@@ -52,9 +52,9 @@ import { S as $e } from "../StatusBar-BK_uYHAB.mjs";
 import { u as ye } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as be } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as V } from "../Loader-DUaFpDGv.mjs";
-import { M as gt } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as gt } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import { u as ht } from "../useDimensions-27p2evRx.mjs";
-import { M as ft } from "../MicroWidgetContainer-B2hO9rOG.mjs";
+import { M as ft } from "../MicroWidgetContainer-r6mtxRer.mjs";
 const Q = {
   gridRow: 1,
   gridColumn: 1,

package/dist/spending/index.es.js

@@ -14,7 +14,7 @@ import { f as A } from "../NumberFormatting-DjTD0t3W.mjs";
 import { u as w, b as R, m as F, d as dt, a as V, h as Ct, g as yt } from "../hooks-ZMp65DFz.mjs";
 import { u as gt } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as P } from "../Loader-DUaFpDGv.mjs";
-import { M as St } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as St } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import { startOfToday as Z } from "date-fns/startOfToday";
 import Tt from "@mui/material/Button";
 import { useTheme as Mt } from "@mui/material";

package/dist/trends/index.es.js

@@ -36,10 +36,10 @@ import { D as He } from "../Drawer-By9V-B5L.mjs";
 import { u as we } from "../useWidgetLoadTimer-hIOioiKx.mjs";
 import { L as ge } from "../Loader-DUaFpDGv.mjs";
 import { L as We } from "../LineChart-BQRxZF3p.mjs";
-import { M as Ht } from "../MiniWidgetContainer-98-hKFqm.mjs";
+import { M as Ht } from "../MiniWidgetContainer-Bg02sF1Y.mjs";
 import { subMonths as Nt } from "date-fns";
 import { TrendingUp as Wt, TrendingDown as Ot, MultilineChart as Gt, ExpandLess as Bt, ExpandMore as Vt } from "@mxenabled/mx-icons";
-import { M as Pt } from "../MicroWidgetContainer-B2hO9rOG.mjs";
+import { M as Pt } from "../MicroWidgetContainer-r6mtxRer.mjs";
 import Ft from "@mui/material/Collapse";
 import $t from "@mui/material/List";
 import zt from "@mui/material/ListItem";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.4.13",
+  "version": "7.4.14",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",

package/dist/MicroWidgetContainer-B2hO9rOG.mjs

@@ -1,45 +0,0 @@
-import { jsx as r, jsxs as p, Fragment as f } from "react/jsx-runtime";
-import x from "@mui/material/Button";
-import C from "@mui/material/Card";
-import g from "@mui/material/CardContent";
-import b from "@mui/material/CardHeader";
-import { P as u, H3 as v } from "@mxenabled/mxui";
-import { ChevronRight as W } from "@mxenabled/mx-icons";
-import { u as M } from "./useDimensions-27p2evRx.mjs";
-import { W as w } from "./hooks-ZMp65DFz.mjs";
-const H = ({
-  children: e,
-  className: o,
-  ctaLabel: n,
-  onCTAClick: a,
-  subHeader: t,
-  sx: s,
-  title: c,
-  variant: d = "borderless"
-}) => {
-  const [m, { height: l, width: h }] = M(), i = /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ r(
-      b,
-      {
-        action: /* @__PURE__ */ r(
-          x,
-          {
-            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
-            onClick: a,
-            size: "small",
-            variant: "text",
-            children: n
-          }
-        ),
-        subheader: t && /* @__PURE__ */ r(u, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
-        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
-        title: /* @__PURE__ */ r(v, { sx: { width: "calc(100% - 10px)" }, children: c })
-      }
-    ),
-    /* @__PURE__ */ r(g, { ref: m, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(w, { availableHeight: l, availableWidth: h, children: e }) })
-  ] });
-  return d === "borderless" ? i : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...s }, children: i });
-}, F = H;
-export {
-  F as M
-};

package/dist/MiniWidgetContainer-98-hKFqm.mjs

@@ -1,56 +0,0 @@
-import { jsxs as r, jsx as i, Fragment as g } from "react/jsx-runtime";
-import x from "@mui/material/Box";
-import C from "@mui/material/Button";
-import u from "@mui/material/Card";
-import v from "@mui/material/CardHeader";
-import b from "@mui/material/CardContent";
-import W from "@mui/material/IconButton";
-import { Icon as z, ChevronRight as H } from "@mxenabled/mx-icons";
-import { H3 as I, Text as B, P as M } from "@mxenabled/mxui";
-import { u as S } from "./useDimensions-27p2evRx.mjs";
-import { W as j } from "./hooks-ZMp65DFz.mjs";
-const w = ({
-  children: a,
-  className: m = "mx-cmn-mini-widget",
-  closeLabel: l,
-  contentStyles: d,
-  onClose: e,
-  onPrimaryCtaClick: o,
-  primaryCtaLabel: s = "",
-  subTitle: n = "",
-  sx: c = {},
-  title: t = ""
-}) => {
-  const [p, { height: h, width: f }] = S();
-  return /* @__PURE__ */ r(u, { className: m, sx: { ...c }, children: [
-    /* @__PURE__ */ i(
-      v,
-      {
-        sx: { pb: 8 },
-        title: /* @__PURE__ */ r(g, { children: [
-          /* @__PURE__ */ r(
-            x,
-            {
-              sx: {
-                alignItems: "center",
-                display: "grid",
-                gap: 2,
-                gridTemplateColumns: "1fr auto",
-                pb: 4
-              },
-              children: [
-                t && /* @__PURE__ */ i(I, { children: t }),
-                e ? /* @__PURE__ */ i(W, { "aria-label": l, onClick: e, size: "small", children: /* @__PURE__ */ i(z, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ i(C, { endIcon: /* @__PURE__ */ i(H, {}), onClick: o, size: "small", children: /* @__PURE__ */ i(B, { bold: !0, variant: "Small", children: s }) })
-              ]
-            }
-          ),
-          n && /* @__PURE__ */ i(M, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "Small", children: n })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ i(b, { ref: p, sx: { p: 0, ...d }, children: /* @__PURE__ */ i(j, { availableHeight: h, availableWidth: f, children: a }) })
-  ] });
-}, G = w;
-export {
-  G as M
-};