@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [9.0.0] - 05-14-2026
+
+- **UPDATED** - Upgraded core dependencies: React 18 to 19, MUI 5 to 7, MXUI 1 to 2, mx-icons 1 to 2, and Storybook 8.6.4 to 8.6.18
+- **UPDATED** - Migrated all MUI components from deprecated props to the new slotProps/slots API
+- **UPDATED** - Migrated MUI Grid components from v1 item/xs props to v2 size prop
+- **UPDATED** - Replaced removed MXUI components with mx-icons equivalents
+- **UPDATED** - Migrated theme palette references from border to neutral
+
+## [8.2.5] - 05-14-2026
+
+- **FIXED** - Payment due date logic in account details to ensure consistent UTC-based date rendering
+
+## [8.2.4] - 05-13-2026
+
+- **UPDATED** - Removed deprecated `variant` and `showBorder` props from Insights Micro Widget after `cardStyle` migration, reduce type duplication for micro insight `cards`
+
 ## [8.2.3] - 05-11-2026
 
 - **UPDATED** - Adds suppport for `cardStyle` batcave setting for Insights Micro Widget

package/dist/{AccountDetailsHeader-CfdnKyJK.mjs → AccountDetailsHeader-DIysk_4w.mjs}

@@ -5,7 +5,7 @@ import { H3 as x, InstitutionLogo as D, Text as d, H2 as N } from "@mxenabled/mx
 import { f as P } from "./NumberFormatting--XMeeBfr.mjs";
 import p from "react";
 import { G, d as f, l as O, f as R, a as v, u as w } from "./hooks-BaO_gOI6.mjs";
-import { g as L } from "./AccountFields-CAy0x_4i.mjs";
+import { g as L } from "./AccountFields-mwJ8NXsX.mjs";
 import { A as i } from "./Account-BaJmiJAG.mjs";
 import H from "@mui/material/Card";
 import M from "@mui/material/CardContent";

package/dist/{AccountFields-CAy0x_4i.mjs → AccountFields-mwJ8NXsX.mjs}

@@ -1,12 +1,12 @@
 import { jsx as p } from "react/jsx-runtime";
-import { Text as v, Icon as b } from "@mxenabled/mxui";
-import { A as d, a as h, P as F, b as T } from "./Account-BaJmiJAG.mjs";
-import { i as A, u as D, a as g, b as O, c as C } from "./AccountUtils-T5_Odvos.mjs";
+import { Text as h, Icon as b } from "@mxenabled/mxui";
+import { A as d, a as F, P as T, b as A } from "./Account-BaJmiJAG.mjs";
+import { i as D, u as g, a as O, b as C, c as N } from "./AccountUtils-T5_Odvos.mjs";
 import { F as m } from "./Accounts-CseLC3lL.mjs";
-import { f as N } from "./DateUtil-Bhq59ZVg.mjs";
+import { f } from "./DateUtil-Bhq59ZVg.mjs";
 import { f as s, i as o, a as S, b as I } from "./NumberFormatting--XMeeBfr.mjs";
 import { b as i } from "./Localization-DnoVyBNK.mjs";
-import { f, D as c } from "./DateFormats-HudZ3Bjs.mjs";
+import { f as c, D as y } from "./DateFormats-HudZ3Bjs.mjs";
 const Y = (l, e) => {
   const n = [
     {
@@ -19,7 +19,7 @@ const Y = (l, e) => {
       valueFormatter: (a) => a
     }
   ];
-  if (A(l)) {
+  if (D(l)) {
     n.unshift({
       label: e.account_balance,
       name: "balance",
@@ -30,7 +30,7 @@ const Y = (l, e) => {
     const a = Object.keys(d).filter((t) => Number(t)).map((t) => ({
       label: e.account_types[t],
       value: Number(t),
-      icon: /* @__PURE__ */ p(b, { name: h[t] })
+      icon: /* @__PURE__ */ p(b, { name: F[t] })
     }));
     n.push({
       label: e.account_type,
@@ -42,10 +42,10 @@ const Y = (l, e) => {
     });
   }
   if (l.account_type === d.PROPERTY) {
-    const a = Object.keys(F).filter((t) => Number(t)).map((t) => ({
+    const a = Object.keys(T).filter((t) => Number(t)).map((t) => ({
       label: e.property_types[t],
       value: Number(t),
-      icon: /* @__PURE__ */ p(b, { name: T[t] })
+      icon: /* @__PURE__ */ p(b, { name: A[t] })
     }));
     n.push({
       label: e.property_type,
@@ -56,7 +56,7 @@ const Y = (l, e) => {
       valueFormatter: (t) => a.find((r) => r.value === t)?.label
     });
   }
-  if (D(l)) {
+  if (g(l)) {
     let a = e.interest_rate, t = "interest_rate";
     l.is_manual || (typeof l.apr == "number" && (a = e.apr, t = "apr"), typeof l.apy == "number" && (a = e.apy, t = "apy")), n.push({
       event: "account_details_click_interest_rate",
@@ -68,7 +68,7 @@ const Y = (l, e) => {
       valueFormatter: (r) => o(r) ? S(r / 100) : r
     });
   }
-  return g(l) && (n.push({
+  return O(l) && (n.push({
     label: e.minimum_payment,
     name: "minimum_payment",
     placeholder: i(e.enter_value, e.minimum_payment),
@@ -79,8 +79,8 @@ const Y = (l, e) => {
     name: "payment_due_at",
     type: m.Date,
     valueFormatter: (a) => {
-      const t = typeof a == "number" ? new Date(a * 1e3) : a;
-      return f(t, c.MED_MONTH_SHORT_DAY_FULL_YEAR);
+      const t = typeof a == "number" ? f(a) : a;
+      return c(t, y.MED_MONTH_SHORT_DAY_FULL_YEAR);
     }
   }) : n.push({
     label: e.day_payment_due,
@@ -91,13 +91,13 @@ const Y = (l, e) => {
       e.day_of_every_month,
       I(a <= 31 ? a : new Date(a).getDate())
     )
-  })), O(l) && n.push({
+  })), C(l) && n.push({
     label: e.credit_limit,
     name: "credit_limit",
     placeholder: i(e.enter_value, e.credit_limit),
     type: m.Currency,
     valueFormatter: (a) => s(a, "0,0.00")
-  }), C(l) && n.push({
+  }), N(l) && n.push({
     label: e.original_balance,
     minAmount: 1,
     name: "original_balance",
@@ -115,11 +115,11 @@ const Y = (l, e) => {
     }
     default:
       if (a = e.current_balance, t = l.balance, l.minimum_payment && l.payment_due_at) {
-        const y = N(l.payment_due_at);
-        r = /* @__PURE__ */ p(v, { component: "strong", variant: "caption", children: i(
+        const v = f(l.payment_due_at);
+        r = /* @__PURE__ */ p(h, { component: "strong", variant: "caption", children: i(
           e.payment_due_on,
           s(l.minimum_payment, "0,0.00"),
-          f(y, c.FULL_MONTH_DAY)
+          c(v, y.FULL_MONTH_DAY)
         ) });
       } else l.credit_limit && (r = e.available_credit, _ = s(l.credit_limit - (l?.balance ?? 0), "0,0.00"));
   }

package/dist/{AccountListItem-BYyeeCf6.mjs → AccountListItem-BDXHs4tV.mjs}

@@ -6,14 +6,14 @@ import v from "@mui/material/ListItem";
 import C from "@mui/material/ListItemAvatar";
 import S from "@mui/material/ListItemButton";
 import A from "@mui/material/ListItemText";
-import L from "@mui/material/styles/useTheme";
+import { useTheme as L } from "@mui/material/styles";
 import { InstitutionLogo as B, Text as r } from "@mxenabled/mxui";
 import { Error as j } from "@mxenabled/mx-icons";
 import { I as T } from "./IconBacking-DgT8DCeh.mjs";
 import { f as $ } from "./NumberFormatting--XMeeBfr.mjs";
-import { g as k } from "./AccountFields-CAy0x_4i.mjs";
-import { u as w } from "./useAccountDisplayName-CFa_MrS6.mjs";
-import { a as E, u as M } from "./hooks-BaO_gOI6.mjs";
+import { g as k } from "./AccountFields-mwJ8NXsX.mjs";
+import { u as E } from "./useAccountDisplayName-CFa_MrS6.mjs";
+import { a as M, u as w } from "./hooks-BaO_gOI6.mjs";
 import { C as d } from "./Account-BaJmiJAG.mjs";
 const z = {
   gridRow: 1,
@@ -25,7 +25,7 @@ const z = {
   listItemProps: s,
   shouldShowConnectionStatus: p = !1
 }) => {
-  const u = L(), f = w(t), { config: g } = E(), { accounts: i } = M(), { firstSubtitle: h, firstValue: x, secondSubtitle: b, secondValue: y } = k(
+  const u = L(), f = E(t), { config: g } = M(), { accounts: i } = w(), { firstSubtitle: h, firstValue: b, secondSubtitle: x, secondValue: y } = k(
     t,
     i,
     g.display_available_balance_in_accounts
@@ -54,7 +54,6 @@ const z = {
           {
             bold: !0,
             color: t.is_hidden ? u.palette.text.secondary : void 0,
-            sx: { whiteSpace: "normal" },
             variant: "body1",
             children: [
               `${f} ${t.account_number ? `*${t.account_number}` : ""}`,
@@ -67,10 +66,10 @@ const z = {
         secondary: /* @__PURE__ */ o(c, { children: [
           /* @__PURE__ */ o(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
             /* @__PURE__ */ e(r, { variant: "caption", children: h }),
-            /* @__PURE__ */ e(r, { bold: !0, variant: "body2", children: $(x, "0,0.00") })
+            /* @__PURE__ */ e(r, { bold: !0, variant: "body2", children: $(b, "0,0.00") })
           ] }),
           /* @__PURE__ */ o(m, { sx: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ e(r, { variant: "caption", children: b }),
+            /* @__PURE__ */ e(r, { variant: "caption", children: x }),
             /* @__PURE__ */ e(r, { ml: "auto", variant: "caption", children: y })
           ] })
         ] })

package/dist/{CategorySelectorDrawer-Cu1ohxeM.mjs → CategorySelectorDrawer-CmaDLhnf.mjs}

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import { observer as E } from "mobx-react-lite";
-import p from "react";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import E from "react";
 import $ from "@mui/material/Stack";
 import { G as K, l as f, u as S, g as A, b as B } from "./hooks-BaO_gOI6.mjs";
 import U from "@mui/material/List";
 import V from "@mui/material/Paper";
-import { b as g } from "./Localization-DnoVyBNK.mjs";
+import { b as _ } from "./Localization-DnoVyBNK.mjs";
 import Y from "@mui/material/Divider";
-import x from "@mui/material/ListItem";
+import T from "@mui/material/ListItem";
 import W from "@mui/material/ListItemAvatar";
 import N from "@mui/material/ListItemButton";
 import F from "@mui/material/ListItemIcon";
@@ -16,16 +16,16 @@ import { CheckCircle as M, Edit as j, Delete as X, ExpandMore as z } from "@mxen
 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 { D as ee } from "./Dialog-iLlBR8TG.mjs";
+import { D as ee } from "./Dialog-CwWc0AbH.mjs";
 import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
 import v from "@mui/material/IconButton";
 import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
 import { L as k } from "./Loader-CxeBwuPG.mjs";
-import { S as re } from "./SearchBox-CwDgvWVJ.mjs";
-import { D as ne } from "./Drawer-XPaLYjiO.mjs";
-const b = () => {
-  if (!p.useContext(K))
+import { S as re } from "./SearchBox-Cpgu_gdO.mjs";
+import { D as ne } from "./Drawer-BXqqBMxg.mjs";
+const y = () => {
+  if (!E.useContext(K))
     throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
   return f().uiStore;
 }, C = {
@@ -49,20 +49,20 @@ const se = ({
   isOpen: l,
   type: i
 }) => {
-  const [a, c] = p.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = b();
+  const [a, c] = E.useState(e), { categories: r } = S(), { setShouldDisableDrawerScroll: n } = y();
   let d = "", m = [];
-  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, y = i === "edit" ? g(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
+  const u = i === "delete", h = e.length > 50 ? `${e.slice(0, 50)}...` : e, b = i === "edit" ? _(r.edit_subcategory_aria, h) : r.add_subcategory_aria;
   switch (i) {
     case "add":
       d = r.add_subcategory_title;
       break;
     case "edit":
-      d = g(r.edit_subcategory_title, h);
+      d = _(r.edit_subcategory_title, h);
       break;
     case "delete":
-      d = r.delete_subcategory_heading, m = g(
+      d = r.delete_subcategory_heading, m = _(
         r.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(q, { bold: !0, component: "span", children: g(r.all_parent_category, h) })
+        /* @__PURE__ */ t(q, { bold: !0, component: "span", children: _(r.all_parent_category, h) })
       );
       break;
   }
@@ -83,34 +83,37 @@ const se = ({
       children: /* @__PURE__ */ t(Z, { children: u ? m : /* @__PURE__ */ t(
         H,
         {
-          inputProps: {
-            "aria-label": y,
-            maxLength: 50
-          },
-          label: y,
+          label: b,
           name: "modify-subcategory",
           onChange: (D) => c(D.target.value),
           placeholder: r.input_placeholder,
+          slotProps: {
+            htmlInput: {
+              "aria-label": b,
+              maxLength: 50
+            }
+          },
           sx: { width: "100%" },
+          truncate: !0,
           value: a
         }
       ) })
     }
   );
-}, R = E(se), ie = ({ announce: e, parentCategory: s }) => {
-  const [o, l] = p.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = b(), n = async (u) => {
-    await i(u.trim(), s.guid), e(g(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
+}, R = p(se), ie = ({ announce: e, parentCategory: s }) => {
+  const [o, l] = E.useState(!1), { addCategory: i } = f(), { categories: a } = S(), { onEvent: c } = A(), { setShouldDisableDrawerScroll: r } = y(), n = async (u) => {
+    await i(u.trim(), s.guid), e(_(a.add_subcategory_announcement, u)), c(C.ON_SUBCATEGORY_ADDED), l(!1);
   }, d = async () => {
     c(C.ON_SUBCATEGORY_ADD_CLICK), r(!0), l(!0);
   }, m = () => {
     l(!1), c(C.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
   };
-  return /* @__PURE__ */ _(x, { disableGutters: !0, disablePadding: !0, children: [
+  return /* @__PURE__ */ g(T, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ t(N, { onClick: d, sx: { ml: 60 }, children: /* @__PURE__ */ t(
       G,
       {
         primary: a.add_subcategory_button,
-        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "body1" }
+        slotProps: { primary: { color: "primary", fontWeight: "normal", variant: "body1" } }
       }
     ) }),
     o && /* @__PURE__ */ t(
@@ -123,14 +126,14 @@ const se = ({
       }
     )
   ] });
-}, ce = E(ie), le = ({
+}, ce = p(ie), le = ({
   announce: e,
   setShowRename: s,
   subCategory: o,
   showRename: l
 }) => {
   const { onEvent: i } = A(), { updateCategory: a } = f(), { categories: c } = S(), r = async (d) => {
-    await a({ ...o, name: d }), e(g(c.edit_subcategory_announcement, o.name, d)), i(C.ON_SUBCATEGORY_SAVED), s(!1);
+    await a({ ...o, name: d }), e(_(c.edit_subcategory_announcement, o.name, d)), i(C.ON_SUBCATEGORY_SAVED), s(!1);
   }, n = () => {
     s(!1), i(C.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
   };
@@ -144,7 +147,7 @@ const se = ({
       type: L.EDIT
     }
   );
-}, de = E(le), ue = ({
+}, de = p(le), ue = ({
   announce: e,
   parentCategory: s,
   showDelete: o,
@@ -154,7 +157,7 @@ const se = ({
   const { onEvent: a } = A(), { removeCategory: c } = f(), { categories: r } = S(), n = () => {
     l(!1), a(C.ON_SUBCATEGORY_DELETE_CLICK);
   }, d = async () => {
-    await c(i.guid), e(g(r.delete_subcategory_announcement, i.name)), a(C.ON_SUBCATEGORY_DELETED), l(!1);
+    await c(i.guid), e(_(r.delete_subcategory_announcement, i.name)), a(C.ON_SUBCATEGORY_DELETED), l(!1);
   };
   return /* @__PURE__ */ t(
     R,
@@ -166,7 +169,7 @@ const se = ({
       type: L.DELETE
     }
   );
-}, me = E(ue), Ce = ({
+}, me = p(ue), Ce = ({
   announce: e,
   parentCategory: s,
   subCategory: o
@@ -179,16 +182,16 @@ 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((P) => P === o.guid);
-  return /* @__PURE__ */ _(
-    x,
+  } = y(), { categories: m } = S(), { onEvent: u } = A(), [h, b] = E.useState(!1), [D, O] = E.useState(!1), x = !!o.revision, w = o.guid === i, I = !n.some((P) => P === o.guid);
+  return /* @__PURE__ */ g(
+    T,
     {
       className: "mx-cat-subcategory-row",
       disableGutters: !0,
       disablePadding: !0,
       sx: { pl: 58 },
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ g(
           N,
           {
             "aria-pressed": w,
@@ -202,7 +205,7 @@ const se = ({
                 G,
                 {
                   primary: o.name,
-                  primaryTypographyProps: { fontWeight: "normal", variant: "body1", noWrap: !0 }
+                  slotProps: { primary: { fontWeight: "normal", variant: "body1", noWrap: !0 } }
                 }
               ),
               r && w && /* @__PURE__ */ t(M, { fontSize: "small" }),
@@ -210,7 +213,7 @@ const se = ({
             ]
           }
         ),
-        T && /* @__PURE__ */ _(
+        x && /* @__PURE__ */ g(
           te,
           {
             className: "mx-cat-subcategory-edit-container",
@@ -219,9 +222,9 @@ const se = ({
               /* @__PURE__ */ t(
                 v,
                 {
-                  "aria-label": g(m.edit_subcategory_title, o.name),
+                  "aria-label": _(m.edit_subcategory_title, o.name),
                   onClick: () => {
-                    y(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
+                    b(!0), c(!0), u(C.ON_SUBCATEGORY_EDIT_CLICK);
                   },
                   children: /* @__PURE__ */ t(j, { color: "secondary" })
                 }
@@ -229,7 +232,7 @@ const se = ({
               /* @__PURE__ */ t(
                 v,
                 {
-                  "aria-label": g(m.delete_subcategory_aria, o.name),
+                  "aria-label": _(m.delete_subcategory_aria, o.name),
                   edge: "end",
                   onClick: () => {
                     O(!0), c(!0), u(C.ON_SUBCATEGORY_DELETE_CLICK);
@@ -254,7 +257,7 @@ const se = ({
           de,
           {
             announce: e,
-            setShowRename: y,
+            setShowRename: b,
             showRename: h,
             subCategory: o
           }
@@ -262,9 +265,9 @@ const se = ({
       ]
     }
   );
-}, ge = E(Ce), _e = ({ categories: e, parentCategory: s }) => {
-  const { expandedGuid: o, searchValue: l } = b(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
-  return /* @__PURE__ */ _(
+}, _e = p(Ce), ge = ({ categories: e, parentCategory: s }) => {
+  const { expandedGuid: o, searchValue: l } = y(), { announce: i, ariaLive: a } = ae(), c = s.guid === o, r = !!l;
+  return /* @__PURE__ */ g(
     Q,
     {
       in: c || r,
@@ -273,16 +276,16 @@ const se = ({
       unmountOnExit: !0,
       children: [
         a,
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ g(
           U,
           {
             "aria-labelledby": `category-${s.guid}`,
             className: "mx-cat-subcategory-list",
             id: `subcategories-${s.guid}`,
             children: [
-              e.map((n) => /* @__PURE__ */ _(p.Fragment, { children: [
+              e.map((n) => /* @__PURE__ */ g(E.Fragment, { children: [
                 /* @__PURE__ */ t(
-                  ge,
+                  _e,
                   {
                     announce: i,
                     parentCategory: s,
@@ -298,13 +301,13 @@ const se = ({
       ]
     }
   );
-}, pe = E(_e), Ee = ({ category: e, subCategories: s }) => {
-  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = b(), { onEvent: a } = A(), c = e.guid === o, r = () => {
+}, Ee = p(ge), pe = ({ category: e, subCategories: s }) => {
+  const { expandedGuid: o, searchValue: l, setExpandedGuid: i } = y(), { onEvent: a } = A(), c = e.guid === o, r = () => {
     const n = e.guid !== o ? e.guid : null;
     i(n), a(n ? C.ON_CATEGORY_EXPANDED : C.ON_CATEGORY_COLLAPSED);
   };
-  return /* @__PURE__ */ _(p.Fragment, { children: [
-    /* @__PURE__ */ t(x, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ g(E.Fragment, { children: [
+    /* @__PURE__ */ t(T, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ g(
       N,
       {
         "aria-controls": `subcategories-${e.guid}`,
@@ -318,7 +321,7 @@ const se = ({
             G,
             {
               primary: e.name,
-              primaryTypographyProps: { fontWeight: "normal", variant: "body1" }
+              slotProps: { primary: { fontWeight: "normal", variant: "body1" } }
             }
           ),
           /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
@@ -335,15 +338,15 @@ const se = ({
       e.guid
     ) }),
     /* @__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 }) })
+    /* @__PURE__ */ t("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ t(Ee, { categories: s, parentCategory: e }) })
   ] });
-}, he = E(Ee), Se = () => {
-  const { categories: e } = f(), { searchValue: s } = b(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
+}, he = p(pe), Se = () => {
+  const { categories: e } = f(), { searchValue: s } = y(), { categories: o } = S(), i = ((a, c = "") => a.reduce((r, n) => {
     if (n.parent_guid === null) {
       const m = [
         {
           ...n,
-          name: g(o.all_parent_category, n.name),
+          name: _(o.all_parent_category, n.name),
           parent_guid: n.guid
         },
         ...a
@@ -363,7 +366,7 @@ const se = ({
     },
     a.category.guid
   )) }) });
-}, ye = E(Se), be = ({
+}, be = p(Se), ye = ({
   initialSelected: e,
   onSelect: s = void 0,
   showSelected: o = !0,
@@ -375,30 +378,30 @@ const se = ({
     setOnSelect: m,
     setSearchValue: u,
     setSelectedGuid: h,
-    setShowSelected: y,
+    setShowSelected: b,
     setUnselectable: D,
     setUnselectableText: O
-  } = b();
-  return p.useEffect(() => {
+  } = y();
+  return E.useEffect(() => {
     s && m(s);
-  }), p.useEffect(() => {
+  }), E.useEffect(() => {
     a.length || c();
-  }, []), p.useEffect(() => {
-    e && h(e), y(o), D(l), O(i);
-  }, [e, o, l, i]), n ? /* @__PURE__ */ _($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
+  }, []), E.useEffect(() => {
+    e && h(e), b(o), D(l), O(i);
+  }, [e, o, l, i]), n ? /* @__PURE__ */ g($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
     /* @__PURE__ */ t(
       re,
       {
         ariaLabel: r.search_aria,
         cancelAriaLabel: r.cancel_search_aria,
-        onChange: (T) => u(T),
+        onChange: (x) => u(x),
         placeholder: r.search_placeholder,
         searchValue: d
       }
     ),
-    /* @__PURE__ */ t(ye, {})
+    /* @__PURE__ */ t(be, {})
   ] }) : /* @__PURE__ */ t(k, {});
-}, De = E(be), fe = ({
+}, De = p(ye), fe = ({
   id: e,
   onClose: s,
   title: o,
@@ -418,10 +421,10 @@ const se = ({
       children: /* @__PURE__ */ t(De, { ...i })
     }
   ) : /* @__PURE__ */ t(k, {});
-}, Je = E(fe);
+}, Je = p(fe);
 export {
   he as C,
   De as a,
   Je as b,
-  b as u
+  y as u
 };

package/dist/{ConnectCard-Dix8BoV_.mjs → ConnectCard-CCep7Zqe.mjs}

@@ -5,11 +5,11 @@ import l from "@mui/material/Card";
 import d from "@mui/material/CardContent";
 import p from "@mui/material/CardHeader";
 import C from "@mui/material/Stack";
-import { AccountBalance as f, ChevronRight as x } from "@mxenabled/mx-icons";
+import { AccountBalance as f, ChevronRight as h } from "@mxenabled/mx-icons";
 import { Text as a } from "@mxenabled/mxui";
-import { C as h } from "./ConnectDrawer-DgfsTpyW.mjs";
-const H = ({ description: i, label: e, title: s }) => {
-  const [c, o] = n.useState(!1);
+import { C as x } from "./ConnectDrawer-Cnjr3Ddg.mjs";
+const H = ({ description: i, label: e, title: c }) => {
+  const [s, o] = n.useState(!1);
   return /* @__PURE__ */ r(n.Fragment, { children: [
     /* @__PURE__ */ r(l, { sx: { m: 24 }, children: [
       /* @__PURE__ */ t(
@@ -17,15 +17,15 @@ const H = ({ description: i, label: e, title: s }) => {
         {
           avatar: /* @__PURE__ */ t(f, {}),
           sx: { ".MuiCardHeader-avatar": { mr: 8 } },
-          title: /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: s })
+          title: /* @__PURE__ */ t(a, { bold: !0, variant: "body1", children: c })
         }
       ),
       /* @__PURE__ */ t(d, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ r(C, { alignItems: "flex-start", spacing: 2, children: [
-        /* @__PURE__ */ t(a, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "subtitle2", children: i }),
+        /* @__PURE__ */ t(a, { color: "text.secondary", variant: "subtitle2", children: i }),
         /* @__PURE__ */ t(
           m,
           {
-            endIcon: /* @__PURE__ */ t(x, {}),
+            endIcon: /* @__PURE__ */ t(h, {}),
             onClick: () => o(!0),
             sx: {
               pl: 0,
@@ -40,10 +40,10 @@ const H = ({ description: i, label: e, title: s }) => {
       ] }) })
     ] }),
     /* @__PURE__ */ t(
-      h,
+      x,
       {
         onClose: () => o(!1),
-        showConnectWidget: c,
+        showConnectWidget: s,
         title: e
       }
     )

package/dist/{ConnectDrawer-DgfsTpyW.mjs → ConnectDrawer-Cnjr3Ddg.mjs}

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as E } from "react/jsx-runtime";
 import s from "react";
 import { observer as _ } from "mobx-react-lite";
-import g from "@mui/material/styles/useTheme";
+import { useTheme as g } from "@mui/material/styles";
 import { ConnectWidget as x } from "@mxenabled/web-widget-sdk";
 import { b as a, a as c } from "./Connect-Dk6GZEsA.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
 import { d as D, e as L, u as w } from "./hooks-BaO_gOI6.mjs";
-import { D as y } from "./Drawer-XPaLYjiO.mjs";
+import { D as y } from "./Drawer-BXqqBMxg.mjs";
 const I = ({
   loadWidgetProps: l,
   onClose: m,

package/dist/{ConnectionsDrawer-D7IXAza2.mjs → ConnectionsDrawer-CtfPXk0M.mjs}

@@ -6,7 +6,7 @@ import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
 import { C as a, a as c } from "./Connect-Dk6GZEsA.mjs";
 import { M as i } from "./Accounts-CseLC3lL.mjs";
 import { d as D, e as L, u as w } from "./hooks-BaO_gOI6.mjs";
-import { D as x } from "./Drawer-XPaLYjiO.mjs";
+import { D as x } from "./Drawer-BXqqBMxg.mjs";
 const I = ({
   onClose: l,
   showConnectionsWidget: o,