@mx-cartographer/experiences 9.0.0-alpha.al9 → 9.0.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [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
+
 ## [8.2.2] - 05-08-2026
 
 - **UPDATED** - Narrowed microinsights component prop types and removed unused type exports

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-DJaIOxbb.mjs → AccountListItem-BDXHs4tV.mjs}

@@ -11,7 +11,7 @@ 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 { 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";

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
 };