@mx-cartographer/experiences 7.13.5 → 7.13.6

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [7.13.6] - 03-26-2026
+
+- **UPDATED** - search box placeholder colors to meet color contrast ratios
+- **FIXED** - semantic HTML in CategoryList
+
 ## [7.13.5] - 03-26-2026
 
 - **FIXED** - Updated custom tooltip formatting for Finstrong

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

@@ -21,7 +21,7 @@ import te from "@mui/material/Box";
 import oe from "@mui/material/Chip";
 import B from "@mui/material/IconButton";
 import { u as ae } from "./useAriaLive-MkYebyUR.mjs";
-import { S as re } from "./SearchBox-B7km148n.mjs";
+import { S as re } from "./SearchBox-CwDgvWVJ.mjs";
 import { L as P } from "./Loader-D3rjKx72.mjs";
 import { D as ne } from "./Drawer-Bbe4AMB1.mjs";
 const b = () => {
@@ -328,7 +328,7 @@ const se = ({
       e.guid
     ) }),
     /* @__PURE__ */ t(k, { "aria-hidden": "true", component: "li", sx: { ml: 58 } }),
-    /* @__PURE__ */ t("li", { role: "presentation", style: { listStyle: "none" }, children: /* @__PURE__ */ t(pe, { categories: s, parentCategory: e }) })
+    /* @__PURE__ */ t("li", { style: { listStyle: "none" }, children: /* @__PURE__ */ t(pe, { 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) => {

package/dist/{ManageIncome-DlV2oFD3.mjs → ManageIncome-CYQVQmjx.mjs}

@@ -18,7 +18,7 @@ import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
 import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-CIKUOoN_.mjs";
-import { T as be } from "./TransactionDetails-BmVM5f4V.mjs";
+import { T as be } from "./TransactionDetails-C9DVd4nm.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -33,7 +33,7 @@ import { f as Ee, D as Le } from "./DateFormats-BMpMrZpW.mjs";
 import { D as Oe } from "./Dialog-Ck34yr-d.mjs";
 import { formatISO as Te } from "date-fns/formatISO";
 import { fromUnixTime as ke } from "date-fns/fromUnixTime";
-import { S as Ne } from "./SearchBox-B7km148n.mjs";
+import { S as Ne } from "./SearchBox-CwDgvWVJ.mjs";
 import { h as Me } from "./DateUtil-wcYTmDRD.mjs";
 import { b as q } from "./Category-CevNQ03n.mjs";
 import { T as ne } from "./Transaction-CqjlF6SO.mjs";

package/dist/{RecurringSettings-CaESa69-.mjs → RecurringSettings-BoMIzZGw.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-DlV2oFD3.mjs";
+import { R as C, A as S, a as E, M as v } from "./ManageIncome-CYQVQmjx.mjs";
 import { u as _, i as A, g as f } from "./hooks-BxkfR-Ff.mjs";
 import { R as y, F as N } from "./RecurringTransactions-BOzBqfdg.mjs";
 import { A as m } from "./Analytics-BYItVAe-.mjs";

package/dist/SearchBox-CwDgvWVJ.mjs

@@ -0,0 +1,48 @@
+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,
+  {
+    InputProps: {
+      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 }
+      }
+    },
+    "aria-label": c,
+    name: "search",
+    onChange: (l) => e(l.target.value),
+    placeholder: i,
+    sx: {
+      width: "100%"
+    },
+    value: r
+  }
+) }), I = s(x);
+export {
+  I as S
+};

package/dist/{TransactionDetails-BmVM5f4V.mjs → TransactionDetails-C9DVd4nm.mjs}

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

package/dist/accounts/index.es.js

@@ -56,7 +56,7 @@ import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
 import { T as a3 } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as s3 } from "../TransactionDetails-BmVM5f4V.mjs";
+import { T as s3 } from "../TransactionDetails-C9DVd4nm.mjs";
 import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
 import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
 import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";

package/dist/budgets/index.es.js

@@ -37,16 +37,16 @@ import De from "@mui/material/Tab";
 import Qe from "@mui/material/Tabs";
 import { e as et } from "../exportTransactionsToCSV-CdTF_RqL.mjs";
 import { T as Ae } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as tt, c as ot } from "../TransactionDetails-BmVM5f4V.mjs";
+import { T as tt, c as ot } from "../TransactionDetails-C9DVd4nm.mjs";
 import ve from "@mui/material/Card";
 import Te from "@mui/material/CardContent";
 import { S as Be } from "../StatusBar-BK_uYHAB.mjs";
 import { S as Ge } from "../SingleSegmentDonut-BgbLgwHi.mjs";
-import { u as nt, b as at } from "../CategorySelectorDrawer-DljLDG8i.mjs";
+import { u as nt, b as at } from "../CategorySelectorDrawer-gc41lfFZ.mjs";
 import Pe from "@mui/material/CardHeader";
 import { subDays as rt } from "date-fns/subDays";
 import st from "@mui/material/IconButton";
-import { M as it } from "../ManageIncome-DlV2oFD3.mjs";
+import { M as it } from "../ManageIncome-CYQVQmjx.mjs";
 import { u as je } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { W as ct } from "../WidgetContainer-D_iaToWJ.mjs";
 import { u as lt, g as dt, C as ut } from "../BudgetUtil-CLhRnCoX.mjs";

package/dist/cashflow/index.es.js

@@ -18,7 +18,7 @@ import { b as $ } from "../Localization-CPkpIwIx.mjs";
 import { M as Je } from "../MiniWidgetContainer-xLWSV6Wz.mjs";
 import { E as Ze } from "../EmptyState-DHAkGsjk.mjs";
 import { u as Fe } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { R as et } from "../RecurringSettings-CaESa69-.mjs";
+import { R as et } from "../RecurringSettings-BoMIzZGw.mjs";
 import tt from "@mui/material/Tabs";
 import Ce from "@mui/material/Tab";
 import { getUnixTime as z } from "date-fns/getUnixTime";
@@ -36,7 +36,7 @@ import { alpha as it, keyframes as at } from "@mui/material/styles";
 import { DataGridPro as rt } from "@mui/x-data-grid-pro";
 import { T as _e } from "../TabContentContainer-j01JYR_7.mjs";
 import G from "@mui/material/Button";
-import { M as st, S as ct, i as lt, d as Se, c as dt } from "../ManageIncome-DlV2oFD3.mjs";
+import { M as st, S as ct, i as lt, d as Se, c as dt } from "../ManageIncome-CYQVQmjx.mjs";
 import { D as Ge } from "../Drawer-Bbe4AMB1.mjs";
 import { subDays as Me } from "date-fns/subDays";
 import { endOfToday as mt } from "date-fns/endOfToday";

package/dist/categories/index.es.js

@@ -1,4 +1,4 @@
-import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-DljLDG8i.mjs";
+import { b as o, C as a, a as t, u as C } from "../CategorySelectorDrawer-gc41lfFZ.mjs";
 import { C as g } from "../CategoryStore-FTxUbn0f.mjs";
 export {
   o as CategoryRow,

package/dist/common/index.es.js

@@ -19,7 +19,7 @@ import { a as Xe, b as Je, C as ts, e as es, k as ss, h as rs, j as os, l as as
 import { C as is } from "../CurrencyInput-DuMktPu3.mjs";
 import { L as us } from "../Loader-D3rjKx72.mjs";
 import { R as hs } from "../ResponsiveButton-DZFp78fJ.mjs";
-import { S as gs } from "../SearchBox-B7km148n.mjs";
+import { S as gs } from "../SearchBox-CwDgvWVJ.mjs";
 import { T as Y } from "../TransactionStore-DP5vipL2.mjs";
 import { S as _s } from "../TransactionStore-DP5vipL2.mjs";
 import { T as ms } from "../TabContentContainer-j01JYR_7.mjs";

package/dist/finstrong/index.es.js

@@ -56,10 +56,10 @@ import { formatISO as oo } from "date-fns/formatISO";
 import { fromUnixTime as ro } from "date-fns/fromUnixTime";
 import { startOfToday as st } from "date-fns/startOfToday";
 import { subDays as ao } from "date-fns/subDays";
-import { c as io, d as ct, S as so, i as co } from "../ManageIncome-DlV2oFD3.mjs";
+import { c as io, d as ct, S as so, i as co } from "../ManageIncome-CYQVQmjx.mjs";
 import { LocalizationProvider as lo, DatePicker as po, StaticDatePicker as _o } from "@mui/x-date-pickers";
 import { AdapterDateFns as Ot } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { R as uo } from "../RecurringSettings-CaESa69-.mjs";
+import { R as uo } from "../RecurringSettings-BoMIzZGw.mjs";
 import { LocalizationProvider as ho } from "@mui/x-date-pickers/LocalizationProvider";
 import { format as mo } from "date-fns/format";
 import go from "@mui/lab/Timeline";

package/dist/merchants/index.es.js

@@ -14,7 +14,7 @@ import d from "@mui/material/Stack";
 import { MerchantLogo as V, Text as R } from "@mxenabled/mxui";
 import { c as v, u as w, b as C } from "../hooks-BxkfR-Ff.mjs";
 import { L as p } from "../Loader-D3rjKx72.mjs";
-import { S as N } from "../SearchBox-B7km148n.mjs";
+import { S as N } from "../SearchBox-CwDgvWVJ.mjs";
 import { M as ne } from "../MerchantStore-BzGi4JAZ.mjs";
 const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({
   height: f = "calc(100dvh - 120px)",

package/dist/recurringtransactions/index.es.js

@@ -6,8 +6,8 @@ import { endOfToday as J } from "date-fns/endOfToday";
 import { startOfMonth as k } from "date-fns/startOfMonth";
 import { startOfToday as Q } from "date-fns/startOfToday";
 import { subDays as ee } from "date-fns/subDays";
-import { R as _e } from "../RecurringSettings-CaESa69-.mjs";
-import { M as Un } from "../RecurringSettings-CaESa69-.mjs";
+import { R as _e } from "../RecurringSettings-BoMIzZGw.mjs";
+import { M as Un } from "../RecurringSettings-BoMIzZGw.mjs";
 import { addMonths as He } from "date-fns/addMonths";
 import { subMonths as $e } from "date-fns/subMonths";
 import { isBefore as Be } from "date-fns/isBefore";
@@ -47,8 +47,8 @@ import dt from "@mui/material/ListSubheader";
 import ut from "@mui/material/ListItemAvatar";
 import mt from "@mui/material/ListItemButton";
 import pt from "@mui/material/ListItemText";
-import { b as gt } from "../ManageIncome-DlV2oFD3.mjs";
-import { c as Vn, M as qn, S as Zn } from "../ManageIncome-DlV2oFD3.mjs";
+import { b as gt } from "../ManageIncome-CYQVQmjx.mjs";
+import { c as Vn, M as qn, S as Zn } from "../ManageIncome-CYQVQmjx.mjs";
 import { f as E } from "../NumberFormatting-QCaNwbjv.mjs";
 import { D as ie } from "../Drawer-Bbe4AMB1.mjs";
 import O from "@mui/material/Box";

package/dist/settings/index.es.js

@@ -35,7 +35,7 @@ import { L as ie } from "../Loader-D3rjKx72.mjs";
 import Ae from "@mui/material/List";
 import J from "@mui/material/Divider";
 import Ee from "@mui/material/ListSubheader";
-import { a as Re, u as Pe } from "../CategorySelectorDrawer-DljLDG8i.mjs";
+import { a as Re, u as Pe } from "../CategorySelectorDrawer-gc41lfFZ.mjs";
 import Ne from "@mui/material/ListItem";
 import Me from "@mui/material/ListItemButton";
 import Le from "@mui/material/ListItemIcon";

package/dist/spending/index.es.js

@@ -20,7 +20,7 @@ import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../exportTransactionsToCSV-CdTF_RqL.mjs";
 import { T as Dt } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as xt } from "../TransactionDetails-BmVM5f4V.mjs";
+import { T as xt } from "../TransactionDetails-C9DVd4nm.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import J from "@mui/material/List";

package/dist/transactions/index.es.js

@@ -1,6 +1,6 @@
 import { T as wa } from "../TransactionApi-Ck5Ua-7F.mjs";
-import { C as Me, D as Le, M as Re, a as He, T as Be } from "../TransactionDetails-BmVM5f4V.mjs";
-import { B as Da, b as Ia } from "../TransactionDetails-BmVM5f4V.mjs";
+import { C as Me, D as Le, M as Re, a as He, T as Be } from "../TransactionDetails-C9DVd4nm.mjs";
+import { B as Da, b as Ia } from "../TransactionDetails-C9DVd4nm.mjs";
 import { T as E } from "../Transaction-CqjlF6SO.mjs";
 import { O as Na } from "../Transaction-CqjlF6SO.mjs";
 import { S as Z, D as Pe } from "../TransactionStore-DP5vipL2.mjs";
@@ -14,14 +14,14 @@ import m from "react";
 import { observer as S } from "mobx-react-lite";
 import We from "@mui/material/Paper";
 import { DataGridPro as Ge } from "@mui/x-data-grid-pro";
-import { h as H, u as D, b as K, d as ne, l as Fe, a as Ue, g as Ke, o as ze } from "../hooks-BxkfR-Ff.mjs";
+import { h as H, u as D, b as K, d as oe, l as Fe, a as Ue, g as Ke, o as ze } from "../hooks-BxkfR-Ff.mjs";
 import x from "@mui/material/Box";
 import { useTheme as qe } from "@mui/material/styles";
 import { Text as C, Icon as L, MerchantLogo as je, TextField as ee, P as Ye } from "@mxenabled/mxui";
 import { fromUnixTime as Xe } from "date-fns/fromUnixTime";
 import { f as Je, D as Qe } from "../DateFormats-BMpMrZpW.mjs";
 import w from "@mui/material/Stack";
-import { f as oe } from "../NumberFormatting-QCaNwbjv.mjs";
+import { f as ne } from "../NumberFormatting-QCaNwbjv.mjs";
 import { L as z } from "../Loader-D3rjKx72.mjs";
 import { D as re } from "../Dialog-Ck34yr-d.mjs";
 import { endOfMonth as Ze } from "date-fns/endOfMonth";
@@ -29,13 +29,13 @@ import { getUnixTime as et } from "date-fns/getUnixTime";
 import { startOfMonth as tt } from "date-fns/startOfMonth";
 import { startOfToday as F } from "date-fns/startOfToday";
 import at from "@mui/material/styles/useTheme";
-import { C as nt } from "../ConnectDrawer-C0wjwcJt.mjs";
-import ot from "@mui/material/Divider";
+import { C as ot } from "../ConnectDrawer-C0wjwcJt.mjs";
+import nt from "@mui/material/Divider";
 import rt from "@mui/material/MenuItem";
 import it from "@mui/material/RadioGroup";
 import { ExpandMore as st } from "@mxenabled/mx-icons";
 import { C as ct } from "../CurrencyInput-DuMktPu3.mjs";
-import { a as lt, u as dt } from "../CategorySelectorDrawer-DljLDG8i.mjs";
+import { a as lt, u as dt } from "../CategorySelectorDrawer-gc41lfFZ.mjs";
 import { b as U } from "../Localization-CPkpIwIx.mjs";
 import { u as ut } from "../useAriaLive-MkYebyUR.mjs";
 import { S as mt } from "../SkeletonLoader-BaNboJjD.mjs";
@@ -43,22 +43,22 @@ import { u as _t } from "../useScreenSize-B6JyS_Lj.mjs";
 import { u as pt } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { W as gt } from "../WidgetContainer-D_iaToWJ.mjs";
 import { A } from "../Analytics-BYItVAe-.mjs";
-import { S as ht } from "../SearchBox-B7km148n.mjs";
+import { S as ht } from "../SearchBox-CwDgvWVJ.mjs";
 import { D as te } from "../Drawer-Bbe4AMB1.mjs";
 const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2", children: [
   `${t.row.account}`,
   t.row.number && ` | ${t.row.number}`
 ] }), Ct = (t) => {
-  const { associatedBeats: o } = H(), { showInsights: r } = R(), { amount: a, transaction_type: l } = t.row, s = o.find((h) => h.associated_transaction_guid === t.row.guid), c = l === E.CREDIT;
+  const { associatedBeats: n } = H(), { showInsights: r } = R(), { amount: a, transaction_type: l } = t.row, s = n.find((h) => h.associated_transaction_guid === t.row.guid), c = l === E.CREDIT;
   return /* @__PURE__ */ _(w, { alignItems: "flex-end", tabIndex: t.tabIndex, children: [
-    /* @__PURE__ */ _(C, { color: c ? "success.main" : "text.primary", variant: "body2", children: [
+    /* @__PURE__ */ _(C, { bold: c, color: c ? "success.main" : "text.primary", variant: "body2", children: [
       c ? "+" : "",
-      oe(a, "0,0.00")
+      ne(a, "0,0.00")
     ] }),
     s && r && /* @__PURE__ */ e(C, { bold: !0, color: "primary.light", variant: "caption", children: s.short_title })
   ] });
 }, yt = (t) => {
-  const { transactions: o } = D(), [r, a] = m.useState(!1);
+  const { transactions: n } = D(), [r, a] = m.useState(!1);
   return /* @__PURE__ */ _(
     w,
     {
@@ -71,13 +71,13 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       width: "100%",
       children: [
         t.row.has_been_split && /* @__PURE__ */ e(L, { name: "call_split", size: 16 }),
-        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ? o.split_transaction_category_label : t.row.category }),
+        /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.has_been_split ? n.split_transaction_category_label : t.row.category }),
         !t.row.has_been_split && r && /* @__PURE__ */ e(L, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
 }, bt = S(yt), Tt = (t) => /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: Je(Xe(t.row.date), Qe.MONTH_DAY) }), At = (t) => {
-  const o = qe(), r = o.palette.mode === "dark", { transactions: a } = D(), { is_flagged: l, is_hidden: s, has_been_viewed: c, parent_guid: h } = t.row, f = !c && !!!h;
+  const n = qe(), r = n.palette.mode === "dark", { transactions: a } = D(), { is_flagged: l, is_hidden: s, has_been_viewed: c, parent_guid: h } = t.row, f = !c && !!!h;
   return /* @__PURE__ */ _(
     x,
     {
@@ -101,7 +101,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
             style: {
               display: "inline-block",
               height: 16,
-              fill: o.palette.primary.light,
+              fill: n.palette.primary.light,
               verticalAlign: "middle",
               width: 16
             },
@@ -123,7 +123,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
   /* @__PURE__ */ e(C, { tabIndex: t.tabIndex, variant: "body2", children: t.row.payee })
 ] }), St = ({
   height: t = "100dvh",
-  onCategoryClick: o,
+  onCategoryClick: n,
   onRowClick: r
 }) => {
   const { transactions: a } = D(), { isCopyLoaded: l } = K(), { isLoading: s, sortedTransactions: c } = H(), { clearExpandedSplits: h, toggleSplit: y } = R();
@@ -135,7 +135,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       ...i
     })),
     [c]
-  ), d = ({ row: { id: i, guid: g, has_been_split: v }, field: n }) => v ? y(i) : n === "category" ? o?.(g) : r?.(g), I = (i, g) => {
+  ), d = ({ row: { id: i, guid: g, has_been_split: v }, field: o }) => v ? y(i) : o === "category" ? n?.(g) : r?.(g), I = (i, g) => {
     g.key !== "Enter" && g.key !== " " || d(i);
   };
   if (!l)
@@ -215,7 +215,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       }
     }
   ) });
-}, Dt = S(St), It = ({ copy: t, isOpen: o, onClose: r, onPrimaryAction: a }) => {
+}, Dt = S(St), It = ({ copy: t, isOpen: n, onClose: r, onPrimaryAction: a }) => {
   const { common: l, transactions: s } = D(), { isCopyLoaded: c } = K();
   return c ? /* @__PURE__ */ _(
     re,
@@ -223,7 +223,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       copy: {
         title: t.title
       },
-      isOpen: o,
+      isOpen: n,
       onClose: r,
       onPrimaryAction: a,
       primaryText: s.add_manual_account,
@@ -235,25 +235,25 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
     }
   ) : /* @__PURE__ */ e(z, {});
 }, vt = S(It), Nt = () => {
-  const { visibleAccounts: t } = ne(), { common: o, transactions: r } = D(), { manualTransaction: a, setIsAmountValid: l, updateManualTransaction: s } = R(), [c, h] = m.useState(""), [y, f] = m.useState(""), d = m.useMemo(
-    () => t.filter((n) => n.is_manual),
+  const { visibleAccounts: t } = oe(), { common: n, transactions: r } = D(), { manualTransaction: a, setIsAmountValid: l, updateManualTransaction: s } = R(), [c, h] = m.useState(""), [y, f] = m.useState(""), d = m.useMemo(
+    () => t.filter((o) => o.is_manual),
     [t]
-  ).map((n) => ({
-    label: `${n.name} | ${oe(n.balance, "0,0.00")}`,
-    value: n.guid
+  ).map((o) => ({
+    label: `${o.name} | ${ne(o.balance, "0,0.00")}`,
+    value: o.guid
   })), I = {
-    error_amount_is_invalid: o.currency_input.error_amount_is_invalid,
-    error_amount_must_be_equal_to: o.currency_input.error_amount_must_be_equal_to,
-    error_amount_must_be_less_than_or_equal_to: o.currency_input.error_amount_must_be_less_than_or_equal_to,
-    enter_amount: o.currency_input.enter_amount
-  }, p = (n) => {
-    h(n), s({ ...a, amount: Number(n) });
-  }, i = (n, B) => {
+    error_amount_is_invalid: n.currency_input.error_amount_is_invalid,
+    error_amount_must_be_equal_to: n.currency_input.error_amount_must_be_equal_to,
+    error_amount_must_be_less_than_or_equal_to: n.currency_input.error_amount_must_be_less_than_or_equal_to,
+    enter_amount: n.currency_input.enter_amount
+  }, p = (o) => {
+    h(o), s({ ...a, amount: Number(o) });
+  }, i = (o, B) => {
     s({ ...a, transaction_type: Number(B) });
-  }, g = (n) => {
-    f(n), s({ ...a, payee: n, description: n });
-  }, v = (n) => {
-    s({ ...a, account_guid: n });
+  }, g = (o) => {
+    f(o), s({ ...a, payee: o, description: o });
+  }, v = (o) => {
+    s({ ...a, account_guid: o });
   };
   return /* @__PURE__ */ _(x, { className: "mx-txn-manual-transaction-details", children: [
     /* @__PURE__ */ _(w, { gap: 40, mx: 24, my: 32, children: [
@@ -309,7 +309,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
         {
           label: r.payee_title,
           name: "payee",
-          onChange: (n) => g(n.target.value),
+          onChange: (o) => g(o.target.value),
           sx: { bgcolor: "background.paper" },
           value: y
         }
@@ -320,15 +320,15 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
           InputLabelProps: { shrink: !0 },
           SelectProps: { defaultValue: -1, IconComponent: st },
           label: r.manual_transaction_select_an_account,
-          onChange: (n) => v(n.target.value),
+          onChange: (o) => v(o.target.value),
           placeholder: r.manual_transaction_select,
           select: !0,
           sx: { bgcolor: "background.paper" },
-          children: d.map((n) => /* @__PURE__ */ e(rt, { value: n.value, children: n.label }, n.value))
+          children: d.map((o) => /* @__PURE__ */ e(rt, { value: o.value, children: o.label }, o.value))
         }
       )
     ] }),
-    /* @__PURE__ */ e(ot, { light: !0 }),
+    /* @__PURE__ */ e(nt, { light: !0 }),
     /* @__PURE__ */ _(x, { bgcolor: "background.paper", children: [
       /* @__PURE__ */ e(Me, { transaction: a }),
       /* @__PURE__ */ e(Le, { transaction: a }),
@@ -336,21 +336,21 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
       /* @__PURE__ */ e(He, { transaction: a })
     ] })
   ] });
-}, Et = S(Nt), kt = ({ onClose: t, transaction: o }) => {
+}, Et = S(Nt), kt = ({ onClose: t, transaction: n }) => {
   const { addOrUpdateTransactionRule: r, updateTransaction: a } = H(), { transactions: l } = D(), { categories: s } = Fe(), [c, h] = m.useState(""), y = m.useMemo(
     () => s.find((d) => d.guid === c),
     [c]
   ), f = async (d) => {
-    await a({ ...o, category_guid: c }), d && await r(c, o), h(""), t();
+    await a({ ...n, category_guid: c }), d && await r(c, n), h(""), t();
   };
   return /* @__PURE__ */ _(x, { className: "mx-txn-edit-category-action", children: [
     /* @__PURE__ */ e(
       lt,
       {
-        initialSelected: o.category_guid,
+        initialSelected: n.category_guid,
         onClose: t,
         onSelect: (d) => h(d),
-        showDrawer: !!o,
+        showDrawer: !!n,
         title: l.actions_select_a_category
       }
     ),
@@ -360,7 +360,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
         copy: {
           title: U(
             l.actions_apply_to_all_transaction_types,
-            o.description
+            n.description
           )
         },
         isOpen: !!c,
@@ -371,7 +371,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
         secondaryText: l.actions_this_time_only,
         children: /* @__PURE__ */ e(Ye, { variant: "subtitle1", children: U(
           l.actions_all_past_and_future,
-          o.description,
+          n.description,
           y?.name
         ) })
       }
@@ -379,11 +379,11 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
   ] });
 }, Ot = S(kt), ae = 120, Mt = ({
   onBackClick: t,
-  height: o = "100dvh",
+  height: n = "100dvh",
   showInsights: r = !1,
   sx: a = {}
 }) => {
-  const { manualAccounts: l, refreshAccounts: s } = ne(), { is_mobile_webview: c, clientConfig: h, config: y } = Ue(), { setSearchValue: f } = dt(), { onEvent: d } = Ke(), { common: I, transactions: p } = D(), { displayedDateRange: i, isInitialized: g, selectedAccountGuids: v, setDisplayedDate: n } = K(), { isDesktop: B, isTablet: ie } = _t(), k = at(), {
+  const { manualAccounts: l, refreshAccounts: s } = oe(), { is_mobile_webview: c, clientConfig: h, config: y } = Ue(), { setSearchValue: f } = dt(), { onEvent: d } = Ke(), { common: I, transactions: p } = D(), { displayedDateRange: i, isInitialized: g, selectedAccountGuids: v, setDisplayedDate: o } = K(), { isDesktop: B, isTablet: ie } = _t(), k = at(), {
     addTransaction: se,
     filter: ce,
     isTransactionDataLoaded: P,
@@ -409,7 +409,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
   }), m.useEffect(() => {
     P || le().finally();
     const u = tt(F()), Oe = Ze(F());
-    n(u, Oe), d(A.TRANSACTIONS_VIEW);
+    o(u, Oe), d(A.TRANSACTIONS_VIEW);
   }, []), m.useEffect(() => {
     g && q({
       accounts: W ? [W] : v,
@@ -424,7 +424,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
     );
   }, [g, j]);
   const T = X ? me.find((u) => u.guid === X) : void 0, Q = ge && !!O.payee && !!O.account_guid && !!O.category_guid, we = (u) => {
-    pe(), n(u[0], u[1]);
+    pe(), o(u[0], u[1]);
   }, Se = (u) => {
     he(u), q({
       ...ce,
@@ -494,7 +494,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
               children: /* @__PURE__ */ e(
                 Dt,
                 {
-                  height: `calc(${o} - ${ae}px)`,
+                  height: `calc(${n} - ${ae}px)`,
                   onCategoryClick: (u) => {
                     M(u), b(
                       "category"
@@ -521,7 +521,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
               children: /* @__PURE__ */ e(
                 $e,
                 {
-                  height: `calc(${o} - ${ae}px)`,
+                  height: `calc(${n} - ${ae}px)`,
                   onClick: (u) => {
                     M(u), b(
                       "transaction"
@@ -578,7 +578,7 @@ const ft = (t) => /* @__PURE__ */ _(C, { tabIndex: t.tabIndex, variant: "body2",
           }
         ),
         /* @__PURE__ */ e(
-          nt,
+          ot,
           {
             onClose: Ee,
             showConnectWidget: Te,

package/dist/trends/index.es.js

@@ -36,7 +36,7 @@ import Qt from "@mui/material/Badge";
 import qt from "@mui/material/IconButton";
 import { A as v } from "../Analytics-BYItVAe-.mjs";
 import { T as ct } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as dt } from "../TransactionDetails-BmVM5f4V.mjs";
+import { T as dt } from "../TransactionDetails-C9DVd4nm.mjs";
 import { D as Pe } from "../Drawer-Bbe4AMB1.mjs";
 import { u as Ie } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
 import { L as Le } from "../Loader-D3rjKx72.mjs";

package/package.json

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

package/dist/SearchBox-B7km148n.mjs

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