@mx-cartographer/experiences 9.0.0-alpha.al10 → 9.0.0-alpha.al11

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [9.0.0] - 05-13-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.3] - 05-11-2026
+
+- **UPDATED** - Adds suppport for `cardStyle` batcave setting for Insights Micro Widget
+
 ## [8.2.2] - 05-08-2026
 
 - **UPDATED** - Narrowed microinsights component prop types and removed unused type exports

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

@@ -22,8 +22,8 @@ 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-BNu88yNt.mjs";
+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");

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

@@ -7,7 +7,7 @@ import p from "@mui/material/CardHeader";
 import C from "@mui/material/Stack";
 import { AccountBalance as f, ChevronRight as h } from "@mxenabled/mx-icons";
 import { Text as a } from "@mxenabled/mxui";
-import { C as x } from "./ConnectDrawer-CPsSusKE.mjs";
+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: [

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

@@ -6,7 +6,7 @@ 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-BNu88yNt.mjs";
+import { D as y } from "./Drawer-BXqqBMxg.mjs";
 const I = ({
   loadWidgetProps: l,
   onClose: m,

package/dist/{ConnectionsDrawer-DWPOixe6.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-BNu88yNt.mjs";
+import { D as x } from "./Drawer-BXqqBMxg.mjs";
 const I = ({
   onClose: l,
   showConnectionsWidget: o,

package/dist/{CurrencyInput-B59ugxPN.mjs → CurrencyInput-adTIRtL3.mjs}

@@ -2,13 +2,13 @@ import { jsx as m } from "react/jsx-runtime";
 import i from "react";
 import { css as k } from "@mxenabled/cssinjs";
 import { v4 as q } from "uuid";
-import { TextField as B, P as _ } from "@mxenabled/mxui";
+import { TextField as B, P as p } from "@mxenabled/mxui";
 import { g as L, C as O, f as y, M as C } from "./NumberFormatting--XMeeBfr.mjs";
-import { b, g } from "./Localization-DnoVyBNK.mjs";
+import { b as h, g as b } from "./Localization-DnoVyBNK.mjs";
 import { u as W } from "./hooks-BaO_gOI6.mjs";
 const J = ({
   allowDecimals: o = !0,
-  ariaLabel: h,
+  ariaLabel: g,
   amount: c,
   amountIsRequired: M = !0,
   copy: a,
@@ -20,31 +20,31 @@ const J = ({
   setHasValidInput: r,
   ...N
 }) => {
-  const [d, t] = i.useState(""), { common: P } = W(), n = a || P.currency_input, R = j(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  const [l, t] = i.useState(""), { common: R } = W(), n = a || R.currency_input, A = j(), E = /^[0-9]*$/, P = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
   let s;
-  const l = i.useRef(q());
+  const d = i.useRef(q());
   if (o)
     switch (L()) {
       case O.CAD:
-        s = E;
+        s = P;
         break;
       default:
         s = T;
         break;
     }
   else
-    s = A;
+    s = E;
   i.useEffect(() => {
-    p(c);
+    _(c);
   }, [c]);
-  const p = (e) => {
+  const _ = (e) => {
     !M && (e === "" || e === "." || e === ",") ? (t(""), r?.(!1)) : Number(e) < f ? (t(
-      b(
+      h(
         n.error_amount_must_be_equal_to,
         y(f, "0")
       )
     ), r?.(!1)) : Number(e) > C ? (t(
-      b(
+      h(
         n.error_amount_must_be_less_than_or_equal_to,
         y(C, o ? "0,0.00" : "0,0", Math.floor)
       )
@@ -53,24 +53,26 @@ const J = ({
   return /* @__PURE__ */ m(
     B,
     {
-      InputProps: {
-        endAdornment: g().includes("fr-ca") ? /* @__PURE__ */ m(_, { children: "$" }) : void 0,
-        startAdornment: g().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(_, { children: "$" })
-      },
-      className: `mx-cmn-currency-input ${R}`,
-      error: !!d,
-      helperText: d,
+      className: `mx-cmn-currency-input ${A}`,
+      error: !!l,
+      helperText: l,
       hiddenLabel: !u,
-      id: `currency-input-${l.current}`,
+      id: `currency-input-${d.current}`,
       inputMode: o ? "decimal" : "numeric",
-      inputProps: {
-        "aria-label": h || n.enter_amount,
-        noValidate: !0,
-        pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
-      },
       label: u,
-      name: `currency-input-${l.current}`,
-      onChange: (e) => p(e.target.value),
+      name: `currency-input-${d.current}`,
+      onChange: (e) => _(e.target.value),
+      slotProps: {
+        input: {
+          endAdornment: b().includes("fr-ca") ? /* @__PURE__ */ m(p, { children: "$" }) : void 0,
+          startAdornment: b().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(p, { children: "$" })
+        },
+        htmlInput: {
+          "aria-label": g || n.enter_amount,
+          noValidate: !0,
+          pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
+        }
+      },
       value: c,
       ...N
     }

package/dist/{Drawer-BNu88yNt.mjs → Drawer-BXqqBMxg.mjs}

@@ -9,12 +9,12 @@ const $ = ({
   footerStyles: a = {},
   hasSecondaryAction: t = !0,
   isPrimaryDisabled: i,
-  onPrimaryAction: o,
-  onSecondaryAction: e,
-  primaryButtonProps: n = {},
+  onPrimaryAction: e,
+  onSecondaryAction: o,
+  primaryButtonProps: l = {},
   primaryColor: c = "primary",
   primaryText: d = "Save",
-  secondaryColor: l = "primary",
+  secondaryColor: n = "primary",
   secondaryText: p = "Cancel"
 }) => /* @__PURE__ */ u(
   h,
@@ -31,19 +31,19 @@ const $ = ({
       t && /* @__PURE__ */ r(
         b,
         {
-          color: l,
-          onClick: e,
-          variant: o ? "outlined" : "contained",
+          color: n,
+          onClick: o,
+          variant: e ? "outlined" : "contained",
           children: p
         }
       ),
-      o && /* @__PURE__ */ r(
+      e && /* @__PURE__ */ r(
         b,
         {
-          ...n,
+          ...l,
           color: c,
           disabled: i,
-          onClick: o,
+          onClick: e,
           variant: "contained",
           children: d
         }
@@ -54,12 +54,12 @@ const $ = ({
   ariaLabelClose: a,
   onClose: t,
   shouldShowBorders: i,
-  shouldShowShadow: o,
-  title: e
+  shouldShowShadow: e,
+  title: o
 }) => /* @__PURE__ */ u(
   h,
   {
-    "aria-labelledby": `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+    "aria-labelledby": `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
     direction: "row",
     sx: {
       alignItems: "center",
@@ -68,7 +68,7 @@ const $ = ({
         borderBottom: 1,
         borderColor: "divider"
       },
-      ...o && {
+      ...e && {
         boxShadow: "0px 2px 8px 0px #6A73811F"
       },
       padding: "8px 8px 8px 8px"
@@ -87,9 +87,9 @@ const $ = ({
             D,
             {
               bold: !0,
-              id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+              id: `${o?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
               variant: "body1",
-              children: e
+              children: o
             }
           )
         }
@@ -101,15 +101,15 @@ const $ = ({
   ariaLabelClose: a = "Close",
   children: t,
   footerStyles: i = {},
-  hasSecondaryAction: o = !0,
-  id: e,
-  isOpen: n,
+  hasSecondaryAction: e = !0,
+  id: o,
+  isOpen: l,
   isPrimaryDisabled: c,
   onClose: d,
-  onPrimaryAction: l,
+  onPrimaryAction: n,
   onSecondaryAction: p,
-  primaryButtonProps: m,
-  primaryColor: g = "primary",
+  primaryButtonProps: g,
+  primaryColor: m = "primary",
   primaryText: w,
   secondaryColor: f = "secondary",
   secondaryText: k,
@@ -120,13 +120,10 @@ const $ = ({
 }) => /* @__PURE__ */ r(
   v,
   {
-    id: e,
-    isOpen: n,
+    id: o,
+    isOpen: l,
     onClose: d,
     slotProps: {
-      root: {
-        "aria-modal": "true"
-      },
       paper: {
         "aria-labelledby": `${x?.replace(/\s+/g, "-").toLowerCase()}-header-title`
       }
@@ -154,16 +151,16 @@ const $ = ({
         }
       ),
       /* @__PURE__ */ r(s, { height: "100%", overflow: "auto", children: t }),
-      l && /* @__PURE__ */ r(
+      n && /* @__PURE__ */ r(
         $,
         {
           footerStyles: i,
-          hasSecondaryAction: o,
+          hasSecondaryAction: e,
           isPrimaryDisabled: c,
-          onPrimaryAction: l,
+          onPrimaryAction: n,
           onSecondaryAction: p ?? d,
-          primaryButtonProps: m,
-          primaryColor: g,
+          primaryButtonProps: g,
+          primaryColor: m,
           primaryText: w,
           secondaryColor: f,
           secondaryText: k

package/dist/{EmbeddedCard-wENckl64.mjs → EmbeddedCard-DPwJjqMH.mjs}

@@ -25,7 +25,7 @@ import { A as gt } from "./Analytics-CzGzz_sE.mjs";
 import At from "@mui/material/Tab";
 import Nt from "@mui/material/Tabs";
 import ft from "@mui/material/IconButton";
-import { D as It } from "./Drawer-BNu88yNt.mjs";
+import { D as It } from "./Drawer-BXqqBMxg.mjs";
 import { ChartContainer as xt, ChartsReferenceLine as U, ChartsXAxis as St, BarPlot as Ot } from "@mui/x-charts";
 import Dt from "@mui/material/Card";
 const K = () => {

package/dist/{ExportCsvAction-BkABqw52.mjs → ExportCsvAction-Bw02ZJEj.mjs}

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
 import { e as p } from "./TransactionUtils-BphBJBbU.mjs";
-import { O as m } from "./EmbeddedCard-wENckl64.mjs";
+import { O as m } from "./EmbeddedCard-DPwJjqMH.mjs";
 import { g as x, h as _, u as C } from "./hooks-BaO_gOI6.mjs";
 import { R as l } from "./ResponsiveButton-CC9F_Ezk.mjs";
 const v = ({ filter: t }) => {

package/dist/{Help-CNjuW34A.mjs → Help-DJ8PrVHX.mjs}

@@ -24,7 +24,7 @@ import { H as Lt, P as Dt } from "./Help-CkQTjORd.mjs";
 import dt from "@mui/material/Alert";
 import gt from "@mui/material/Snackbar";
 import ut from "@mui/material/TextField";
-import { D as j } from "./Drawer-BNu88yNt.mjs";
+import { D as j } from "./Drawer-BXqqBMxg.mjs";
 import { L as mt } from "./Loader-CxeBwuPG.mjs";
 import Rt from "@mui/material/ListItemAvatar";
 import Pt from "@mui/material/ListItem";
@@ -2836,7 +2836,7 @@ const kt = ({
       secondary: n,
       slotProps: {
         primary: { style: { ...c }, variant: "body1" },
-        secondary: { variant: "caption", fontSize: 11 }
+        secondary: { variant: "caption" }
       }
     }
   ),

package/dist/{ManageIncome-D2hEHycu.mjs → ManageIncome-B1JfqslT.mjs}

@@ -18,8 +18,8 @@ import { endOfMonth as me } from "date-fns/endOfMonth";
 import { parseISO as pe } from "date-fns/parseISO";
 import V from "@mui/material/Button";
 import { Delete as ye, Add as he, ReceiptLong as fe } from "@mxenabled/mx-icons";
-import { T as ee, u as ge, S as Ce, a as be } from "./EmbeddedCard-wENckl64.mjs";
-import { T as xe } from "./TransactionDetails-CMUIncOc.mjs";
+import { T as ee, u as ge, S as Ce, a as be } from "./EmbeddedCard-DPwJjqMH.mjs";
+import { T as xe } from "./TransactionDetails-C3dlAzYf.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as Se } from "date-fns/getDayOfYear";
 import { setDayOfYear as ve } from "date-fns/setDayOfYear";
@@ -27,14 +27,14 @@ import { AdapterDateFns as De } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as we } from "@mui/x-date-pickers";
 import { LocalizationProvider as Ae } from "@mui/x-date-pickers/LocalizationProvider";
 import { u as w, i as Y, g as P, b as Ie, h as te, C as Re } from "./hooks-BaO_gOI6.mjs";
-import { S as M, D as z } from "./Select-KwuuoKM-.mjs";
-import { D as N } from "./Drawer-BNu88yNt.mjs";
+import { S as M, D as z } from "./Select-BFt-HD-L.mjs";
+import { D as N } from "./Drawer-BXqqBMxg.mjs";
 import { A as O } from "./Analytics-CzGzz_sE.mjs";
 import { f as Ee, D as Le } from "./DateFormats-HudZ3Bjs.mjs";
 import { D as Oe } from "./Dialog-CwWc0AbH.mjs";
 import { formatISO as Te } from "date-fns/formatISO";
 import { fromUnixTime as ke } from "date-fns/fromUnixTime";
-import { S as Ne } from "./SearchBox-CwDgvWVJ.mjs";
+import { S as Ne } from "./SearchBox-Cpgu_gdO.mjs";
 import { i as Me } from "./DateUtil-Bhq59ZVg.mjs";
 import { C as q } from "./Category-DEKZGLYe.mjs";
 import { T as ne } from "./TransactionUtils-BphBJBbU.mjs";

package/dist/{NotificationSettings-CNsh4U5U.mjs → NotificationSettings-6p-h5phZ.mjs}

@@ -18,11 +18,11 @@ import { b as le } from "./Localization-DnoVyBNK.mjs";
 import { b as re, f as de } from "./NumberFormatting--XMeeBfr.mjs";
 import { u as k, A as T, C as S, d as J, g as me, a as q, b as he } from "./hooks-BaO_gOI6.mjs";
 import { A as ue, N as b } from "./Notification-DTNYSd8P.mjs";
-import { T as R, a as D } from "./ToggleListItem-BTDtw-N4.mjs";
+import { T as R, a as D } from "./ToggleListItem-Dl1lXNwj.mjs";
 import { D as B } from "./Dialog-CwWc0AbH.mjs";
-import { C as _e } from "./CurrencyInput-B59ugxPN.mjs";
+import { C as _e } from "./CurrencyInput-adTIRtL3.mjs";
 import { u as fe } from "./useScreenSize-mWpmnh5w.mjs";
-import { D as K } from "./Drawer-BNu88yNt.mjs";
+import { D as K } from "./Drawer-BXqqBMxg.mjs";
 import pe from "@mui/material/Collapse";
 import ge from "@mui/material/Card";
 import ye from "@mui/material/CardContent";

package/dist/{OriginalBalanceAction-BxOhy_ru.mjs → OriginalBalanceAction-CkJPnp2c.mjs}

@@ -5,7 +5,7 @@ import v from "@mui/material/TextField";
 import { a as T, f as S } from "./NumberFormatting--XMeeBfr.mjs";
 import { u as y, k as h } from "./hooks-BaO_gOI6.mjs";
 import { L as b } from "./ListItemAction-CwspSmQi.mjs";
-import { C as f } from "./CurrencyInput-B59ugxPN.mjs";
+import { C as f } from "./CurrencyInput-adTIRtL3.mjs";
 const F = p(({ goal: e }) => {
   const { goals: n } = y(), { setAlert: r, setSelectedGoal: l, updateGoal: m } = h(), [t, s] = _.useState(e.interest_rate ?? 0), c = !e.guid, i = t < 0, d = async () => {
     const a = { ...e, interest_rate: t };

package/dist/{RecurringSettings-Qqila2ld.mjs → RecurringSettings-cm6MK_aS.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-D2hEHycu.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-B1JfqslT.mjs";
 import { u as _, i as A, g as f } from "./hooks-BaO_gOI6.mjs";
 import { R as y, F as N } from "./RecurringTransactionsUtil-B3rLEx_g.mjs";
 import { A as m } from "./Analytics-CzGzz_sE.mjs";

package/dist/SearchBox-Cpgu_gdO.mjs

@@ -0,0 +1,50 @@
+import { jsx as o } from "react/jsx-runtime";
+import { observer as s } from "mobx-react-lite";
+import m from "@mui/material/Box";
+import p from "@mui/material/IconButton";
+import t from "@mui/material/InputAdornment";
+import { TextField as d, Icon as n } from "@mxenabled/mxui";
+const x = ({
+  ariaLabel: c = "Search",
+  cancelAriaLabel: a = "Cancel Search",
+  onChange: e,
+  placeholder: i = "Search",
+  searchValue: r
+}) => /* @__PURE__ */ o(m, { className: "mx-cmn-search-box", px: 24, py: 16, children: /* @__PURE__ */ o(
+  d,
+  {
+    "aria-label": c,
+    name: "search",
+    onChange: (l) => e(l.target.value),
+    placeholder: i,
+    slotProps: {
+      input: {
+        startAdornment: /* @__PURE__ */ o(t, { position: "start", children: /* @__PURE__ */ o(n, { name: "search", size: 26, sx: { color: "action.active" } }) }),
+        endAdornment: /* @__PURE__ */ o(t, { position: "end", sx: { p: 0 }, children: r ? /* @__PURE__ */ o(
+          p,
+          {
+            "aria-label": a,
+            className: "mx-cat-cancel-search-button",
+            color: "primary",
+            onClick: () => e(""),
+            children: /* @__PURE__ */ o(n, { name: "cancel", size: 24 })
+          }
+        ) : null }),
+        sx: {
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: "text.secondary",
+            opacity: 0.5
+          },
+          "& input::placeholder": { color: "text.secondary", opacity: 1 }
+        }
+      }
+    },
+    sx: {
+      width: "100%"
+    },
+    value: r
+  }
+) }), v = s(x);
+export {
+  v as S
+};

package/dist/{Select-KwuuoKM-.mjs → Select-BFt-HD-L.mjs}

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { jsx as r, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import c from "@mui/material/Avatar";
 import l from "@mui/material/ListItem";
 import h from "@mui/material/ListItemAvatar";
@@ -9,47 +9,47 @@ import { Icon as s } from "@mxenabled/mxui";
 import g from "@mui/material/MenuItem";
 import x from "@mui/material/TextField";
 import { ExpandMore as b } from "@mxenabled/mx-icons";
-const F = ({ iconName: a, label: n, onClick: r, value: i }) => {
+const G = ({ iconName: a, label: n, onClick: e, value: i }) => {
   const o = /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(c, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: /* @__PURE__ */ t(s, { name: a, sx: { color: "text.primary" } }) }) }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(c, { sx: { bgcolor: "neutral.light" }, variant: "rounded", children: /* @__PURE__ */ r(s, { name: a, sx: { color: "text.primary" } }) }) }),
+    /* @__PURE__ */ r(
       f,
       {
         primary: n,
         secondary: i,
         slotProps: {
-          primary: { variant: "caption", fontSize: 11, fontWeight: "normal" },
+          primary: { variant: "caption", fontWeight: "normal" },
           secondary: { color: "text.default", variant: "body1", fontWeight: 600 }
         }
       }
     )
   ] });
-  return r ? /* @__PURE__ */ t(l, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(p, { onClick: r, children: [
+  return e ? /* @__PURE__ */ r(l, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ m(p, { onClick: e, children: [
     o,
-    /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { name: "chevron_right", size: 24 }) })
-  ] }) }) : /* @__PURE__ */ t(l, { disableGutters: !1, disablePadding: !1, children: o });
-}, G = ({ label: a, onChange: n, options: r, value: i, ...o }) => /* @__PURE__ */ t(
+    /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(s, { name: "chevron_right", size: 24 }) })
+  ] }) }) : /* @__PURE__ */ r(l, { disableGutters: !1, disablePadding: !1, children: o });
+}, M = ({ label: a, onChange: n, options: e, value: i, ...o }) => /* @__PURE__ */ r(
   x,
   {
     defaultValue: 0,
     label: a,
-    onChange: (e) => {
-      n(Number(e.target.value));
+    onChange: (t) => {
+      n(Number(t.target.value));
     },
     select: !0,
     slotProps: {
       inputLabel: { shrink: !0 },
       select: {
-        IconComponent: (e) => /* @__PURE__ */ t(b, { size: 20, sx: { mr: 4 }, ...e })
+        IconComponent: (t) => /* @__PURE__ */ r(b, { size: 20, sx: { mr: 4 }, ...t })
       }
     },
     value: i,
     variant: "outlined",
     ...o,
-    children: r.map((e) => /* @__PURE__ */ t(g, { value: e.id, children: e.label }, e.id))
+    children: e.map((t) => /* @__PURE__ */ r(g, { value: t.id, children: t.label }, t.id))
   }
 );
 export {
-  F as D,
-  G as S
+  G as D,
+  M as S
 };

package/dist/{ToggleListItem-BTDtw-N4.mjs → ToggleListItem-Dl1lXNwj.mjs}

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import l from "@mui/material/ListItem";
 import f from "@mui/material/ListItemButton";
 import g from "@mui/material/ListItemIcon";
 import d from "@mui/material/ListItemText";
-import m from "@mui/material/Stack";
+import a from "@mui/material/Stack";
 import p from "@mui/material/Switch";
 import { Text as s } from "@mxenabled/mxui";
 import I from "@mui/material/ListItemAvatar";
-const C = ({
+const S = ({
   avatar: r,
   endIcon: o,
   isChecked: c,
@@ -27,9 +27,9 @@ const C = ({
         "& .MuiListItemSecondaryAction-root": { right: o ? 64 : 24 },
         "& .MuiListItemButton-root": { pr: 24 }
       },
-      children: /* @__PURE__ */ a(f, { onClick: i ? void 0 : () => e(), children: [
+      children: /* @__PURE__ */ m(f, { onClick: i ? void 0 : () => e(), children: [
         r && /* @__PURE__ */ t(I, { children: r }),
-        /* @__PURE__ */ t(d, { slotProps: { primary: { fontWeight: 400 } }, children: /* @__PURE__ */ t(m, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ a(m, { sx: { width: "100%" }, children: [
+        /* @__PURE__ */ t(d, { slotProps: { primary: { fontWeight: 400 } }, children: /* @__PURE__ */ t(a, { alignItems: "center", direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ m(a, { sx: { width: "100%" }, children: [
           /* @__PURE__ */ t(
             s,
             {
@@ -78,8 +78,7 @@ const C = ({
           secondary: {
             color: "text.secondary",
             maxWidth: "calc(100% - 60px)",
-            variant: "caption",
-            whiteSpace: "wrap"
+            variant: "caption"
           }
         }
       }
@@ -87,6 +86,6 @@ const C = ({
   }
 );
 export {
-  C as T,
+  S as T,
   W as a
 };

package/dist/{TransactionDetails-CMUIncOc.mjs → TransactionDetails-C3dlAzYf.mjs}

@@ -22,7 +22,7 @@ import Xe from "@mui/material/FormGroup";
 import ue from "@mui/material/IconButton";
 import $e from "@mui/material/TextField";
 import { u as Ae } from "./useAriaLive-MkYebyUR.mjs";
-import { b as Ze, T as Je, u as ne, O as C, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-wENckl64.mjs";
+import { b as Ze, T as Je, u as ne, O as C, c as et, d as tt, E as at, C as nt } from "./EmbeddedCard-DPwJjqMH.mjs";
 import { u as O, h as R, o as rt, d as ot, l as we, g as G, b as it, C as st } from "./hooks-BaO_gOI6.mjs";
 import { A as Y } from "./Analytics-CzGzz_sE.mjs";
 import lt from "@mui/material/ToggleButton";
@@ -37,15 +37,15 @@ import { BarChart as mt } from "@mui/x-charts";
 import { L as _t } from "./Loader-CxeBwuPG.mjs";
 import Q from "@mui/material/ListItemButton";
 import X from "@mui/material/ListItemIcon";
-import { b as Fe } from "./CategorySelectorDrawer-DVGuR3Ab.mjs";
+import { b as Fe } from "./CategorySelectorDrawer-CmaDLhnf.mjs";
 import { D as ae } from "./Dialog-CwWc0AbH.mjs";
-import { D as _e } from "./Drawer-BNu88yNt.mjs";
+import { D as _e } from "./Drawer-BXqqBMxg.mjs";
 import { b as gt, C as pt, a as ht } from "./CurrencyDialog-DumQCTPO.mjs";
 import Pe from "@mui/material/InputAdornment";
 import yt from "@mui/material/Checkbox";
 import { j as Tt } from "./DateUtil-Bhq59ZVg.mjs";
 import Ne from "@mui/material/Grid";
-import { C as bt } from "./CurrencyInput-B59ugxPN.mjs";
+import { C as bt } from "./CurrencyInput-adTIRtL3.mjs";
 import Ct from "@mui/material/Switch";
 var de = /* @__PURE__ */ ((t) => (t[t.Category = 0] = "Category", t[t.Date = 1] = "Date", t[t.Memo = 2] = "Memo", t[t.Tags = 3] = "Tags", t))(de || {}), ie = /* @__PURE__ */ ((t) => (t[t.MerchantBudget = 0] = "MerchantBudget", t[t.SplitTransaction = 1] = "SplitTransaction", t[t.HideTransaction = 2] = "HideTransaction", t[t.MerchantLogo = 3] = "MerchantLogo", t))(ie || {});
 const ft = [
@@ -1058,14 +1058,16 @@ const It = w(({ transaction: t }) => {
   return /* @__PURE__ */ e(V, { className: "mx-txn-tag-manager-search", px: 24, py: 16, children: /* @__PURE__ */ e(
     Le,
     {
-      InputProps: {
-        startAdornment: /* @__PURE__ */ e(Pe, { position: "start", children: /* @__PURE__ */ e(ct, { color: "disabled" }) }),
-        endAdornment: /* @__PURE__ */ e(Pe, { position: "end", sx: { padding: 0 }, children: n ? r : null })
-      },
       "aria-label": s.search_aria,
       name: "search",
       onChange: (o) => t(o.target.value),
       placeholder: s.search_placeholder,
+      slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ e(Pe, { position: "start", children: /* @__PURE__ */ e(ct, { color: "disabled" }) }),
+          endAdornment: /* @__PURE__ */ e(Pe, { position: "end", sx: { padding: 0 }, children: n ? r : null })
+        }
+      },
       sx: { bgcolor: "background.paper", width: "100%" },
       value: n
     }