@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/{Dialog-CDV0kKxj.mjs → Dialog-BPTr3qHE.mjs}

@@ -1,10 +1,10 @@
-import { intlFormat as D } from "date-fns/intlFormat";
-import { g as y } from "./Localization-2MODESHW.mjs";
-import { jsx as a, jsxs as M } from "react/jsx-runtime";
-import T from "@mui/material/Dialog";
-import g from "@mui/material/DialogContent";
+import { intlFormat as h } from "date-fns/intlFormat";
+import { g } from "./Localization-2MODESHW.mjs";
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import M from "@mui/material/Dialog";
+import T from "@mui/material/DialogContent";
 import { DialogHeader as u, DialogFooter as H } from "@mxenabled/mxui";
-const F = "do", L = "MMM do, yyyy", S = {
+const L = "do", S = "MMM do, yyyy", x = {
   TIME_STAMP_HOUR_MINUTE: {
     hour: "numeric",
     minute: "numeric"
@@ -60,14 +60,14 @@ const F = "do", L = "MMM do, yyyy", S = {
     day: "numeric",
     year: "numeric"
   }
-}, x = (i, o) => D(new Date(i), Object.assign(o), { locale: y() }), b = ({
+}, b = (i, o) => h(new Date(i), Object.assign(o), { locale: g() }), N = ({
   className: i,
   copy: o = {
     title: "",
     close_aria: "Close"
   },
-  disablePrimaryButton: e = !1,
-  isOpen: n = !1,
+  disablePrimaryButton: n = !1,
+  isOpen: e = !1,
   onClose: r,
   onPrimaryAction: m,
   primaryColor: c = "primary",
@@ -78,16 +78,16 @@ const F = "do", L = "MMM do, yyyy", S = {
   children: A,
   ...d
 }) => {
-  const O = () => {
+  const D = () => {
     m?.(), r();
-  }, h = () => {
+  }, O = () => {
     t && t(), r();
   };
-  return /* @__PURE__ */ a("div", { className: `mx-cmn-dialog ${i}`, children: /* @__PURE__ */ M(
-    T,
+  return /* @__PURE__ */ a("div", { className: `mx-cmn-dialog ${i}`, children: /* @__PURE__ */ y(
+    M,
     {
       onClose: r,
-      open: n,
+      open: e,
       sx: {
         "& .MuiDialog-paperScrollPaper": {
           backgroundColor: "background.default"
@@ -97,13 +97,13 @@ const F = "do", L = "MMM do, yyyy", S = {
       ...d,
       children: [
         /* @__PURE__ */ a(u, { copy: { title: o.title, close_aria: o.close_aria }, onClose: r }),
-        /* @__PURE__ */ a(g, { sx: { lineHeight: 1.5 }, children: A }),
+        /* @__PURE__ */ a(T, { sx: { lineHeight: 1.5 }, children: A }),
         /* @__PURE__ */ a(
           H,
           {
-            isPrimaryDisabled: e,
-            onPrimaryAction: O,
-            onSecondaryAction: h,
+            isPrimaryDisabled: n,
+            onPrimaryAction: D,
+            onSecondaryAction: O,
             primaryColor: c,
             primaryText: _,
             secondaryColor: l,
@@ -113,11 +113,11 @@ const F = "do", L = "MMM do, yyyy", S = {
       ]
     }
   ) });
-};
+}, I = N;
 export {
-  b as D,
-  F as O,
-  S as a,
-  L as b,
-  x as f
+  I as D,
+  L as O,
+  x as a,
+  S as b,
+  b as f
 };

package/dist/{Drawer-BF40nbsH.mjs → Drawer-BEtCk82g.mjs}

@@ -1,9 +1,9 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import u from "@mui/material/Box";
 import s from "@mui/material/Stack";
-import { H2 as D, Drawer as v } from "@mxenabled/mxui";
+import { H2 as y, Drawer as B } from "@mxenabled/mxui";
 import x from "@mui/material/Button";
-import B from "@mui/material/IconButton";
+import v from "@mui/material/IconButton";
 import { ArrowBack as j } from "@mxenabled/mx-icons";
 const F = ({
   footerStyles: e = {},
@@ -68,7 +68,7 @@ const F = ({
       ...t && {
         borderBottom: 1,
         borderTop: 1,
-        borderColor: "neutral.light"
+        borderColor: "border.light"
       },
       ...o && {
         boxShadow: "0px 2px 8px 0px #6A73811F"
@@ -76,7 +76,7 @@ const F = ({
       padding: "8px 8px 8px 8px"
     },
     children: [
-      /* @__PURE__ */ r(B, { "aria-label": e, color: "primary", onClick: a, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(v, { "aria-label": e, color: "primary", onClick: a, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
       /* @__PURE__ */ r(
         u,
         {
@@ -85,13 +85,13 @@ const F = ({
             margin: "auto",
             textAlign: "center"
           },
-          children: /* @__PURE__ */ r(D, { bold: !0, variant: "body1", children: n })
+          children: /* @__PURE__ */ r(y, { bold: !0, variant: "Body", children: n })
         }
       ),
       /* @__PURE__ */ r(u, { width: "44px" })
     ]
   }
-), $ = ({
+), I = ({
   ariaLabelClose: e = "Close",
   children: a,
   footerStyles: t = {},
@@ -105,14 +105,14 @@ const F = ({
   primaryButtonProps: b,
   primaryColor: m = "primary",
   primaryText: g,
-  secondaryColor: f = "secondary",
-  secondaryText: w,
+  secondaryColor: w = "secondary",
+  secondaryText: f,
   shouldShowHeaderBorders: k = !0,
   shouldShowHeaderShadow: C = !1,
-  title: S,
-  ...y
+  title: D,
+  ...S
 }) => /* @__PURE__ */ r(
-  v,
+  B,
   {
     id: n,
     isOpen: l,
@@ -127,7 +127,7 @@ const F = ({
         backgroundColor: "background.paper"
       }
     },
-    ...y,
+    ...S,
     children: /* @__PURE__ */ h(s, { height: "100%", justifyContent: "space-between", children: [
       /* @__PURE__ */ r(
         H,
@@ -136,7 +136,7 @@ const F = ({
           onClose: i,
           shouldShowBorders: k,
           shouldShowShadow: C,
-          title: S
+          title: D
         }
       ),
       /* @__PURE__ */ r(u, { height: "100%", overflow: "auto", children: a }),
@@ -151,13 +151,13 @@ const F = ({
           primaryButtonProps: b,
           primaryColor: m,
           primaryText: g,
-          secondaryColor: f,
-          secondaryText: w
+          secondaryColor: w,
+          secondaryText: f
         }
       )
     ] })
   }
-);
+), q = I;
 export {
-  $ as D
+  q as D
 };

package/dist/{ExportCsvAction-QhQK4_FU.mjs → ExportCsvAction-DzTrtPzk.mjs}

@@ -1,9 +1,9 @@
 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 "./exportTransactionsToCSV-BgV_wTLT.mjs";
-import { O as m } from "./User-BklmOUSd.mjs";
-import { R as x } from "./ResponsiveButton-Cn6-R7ue.mjs";
+import { e as p } from "./exportTransactionsToCSV-Cz2t0lmA.mjs";
+import { O as m } from "./User-wXzDI4M8.mjs";
+import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
 import { g as _, h as C, u as l } from "./hooks-C41HAxM5.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {

package/dist/{FinstrongStore-BGf36b0z.mjs → FinstrongStore-BIrX0Xg2.mjs}

@@ -23,7 +23,7 @@ import X from "@mui/material/ListItemAvatar";
 import V from "@mui/material/ListItemButton";
 import W from "@mui/material/ListItemText";
 import { Text as y } from "@mxenabled/mxui";
-import { f as O, a as T } from "./Dialog-CDV0kKxj.mjs";
+import { f as O, a as T } from "./Dialog-BPTr3qHE.mjs";
 import { b as j } from "./Localization-2MODESHW.mjs";
 import { f as q } from "./NumberFormatting-DjTD0t3W.mjs";
 const m = {
@@ -54,7 +54,7 @@ const m = {
   MISSING: "MISSING DATA"
 };
 var I = /* @__PURE__ */ ((e) => (e.Connections = "connections", e.CreditScore = "credit_score", e.DateOfBirth = "date_of_birth", e.MonthlyIncome = "monthly_income", e))(I || {});
-const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(
+const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(
   Y,
   {
     sx: {
@@ -92,7 +92,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
       r < e.length - 1 && /* @__PURE__ */ c(B, { sx: { color: "divider", ml: 68 } })
     ] }, n.key))
   }
-) }), Gt = (e) => e * (180 / Math.PI), Lt = (e, t) => [
+) }), Gt = J, Lt = (e) => e * (180 / Math.PI), wt = (e, t) => [
   {
     description: t.vulnerable_description,
     max: 25,
@@ -129,7 +129,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   GOOD: "#FFC02C",
   VERY_GOOD: "#29C76B",
   EXCEPTIONAL: "#008A5A"
-}, wt = (e, t, n) => e >= 300 && e < 580 ? {
+}, Nt = (e, t, n) => e >= 300 && e < 580 ? {
   status: n.poor,
   color: t ? u.POOR : g.POOR
 } : e >= 580 && e < 670 ? {
@@ -144,7 +144,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
 } : e >= 800 && e <= 850 ? {
   status: n.exceptional,
   color: t ? u.EXCEPTIONAL : g.EXCEPTIONAL
-} : { status: n.missing_data }, Nt = (e, t, n, r) => {
+} : { status: n.missing_data }, Pt = (e, t, n, r) => {
   const o = e.reduce((i, l) => i + l.value, 0);
   let a = 0;
   const s = e.map((i) => {
@@ -156,14 +156,14 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
     };
   });
   return [s[r].startAngle, s[r].endAngle];
-}, Pt = (e, t, n, r, o) => {
+}, kt = (e, t, n, r, o) => {
   let a = 0, s = 0;
   const i = Math.floor(r), l = r - i;
   return i > n ? (a = e, s = t) : i === n && l > 0 && (a = e, s = o), [a, s];
-}, kt = (e, t, n = 0) => {
+}, $t = (e, t, n = 0) => {
   const r = e * Math.sin(t - n), o = -e * Math.cos(t - n);
   return [r, o];
-}, $t = ({
+}, zt = ({
   dynamicCopy: e,
   fallbackLabel: t,
   icon: n,
@@ -171,7 +171,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   label: o,
   value: a
 }) => {
-  const s = !!a, i = s ? J(r, a) : e && j(e, t) || t;
+  const s = !!a, i = s ? Q(r, a) : e && j(e, t) || t;
   return {
     icon: s ? /* @__PURE__ */ c(k, {}) : n,
     isComplete: s,
@@ -179,29 +179,29 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
     primaryText: o,
     secondaryText: i
   };
-}, J = (e, t) => ({
+}, Q = (e, t) => ({
   [I.DateOfBirth]: (r) => R(new Date(Number(r) * 1e3), "MMM d, yyyy"),
   [I.MonthlyIncome]: (r) => q(Number(r), "0.00")
-})[e]?.(t) ?? String(t), zt = (e) => e !== null ? Math.round(e * 100) : null, Kt = (e) => {
+})[e]?.(t) ?? String(t), Kt = (e) => e !== null ? Math.round(e * 100) : null, Bt = (e) => {
   const t = new Date((/* @__PURE__ */ new Date()).getFullYear(), e - 1, 1);
   return O(t, T.MONTH_SHORT);
-}, Bt = (e) => {
+}, Yt = (e) => {
   const { good: t, poor: n } = m.daysOfCashOnHand;
   return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
-}, Yt = (e) => {
+}, Ut = (e) => {
   const { good: t, poor: n } = m.emergencySavings;
   return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
-}, Ut = (e) => {
+}, Xt = (e) => {
   const { good: t, poor: n } = m.spendToIncomeRatio;
   return e === null ? "MISSING" : e < t ? "GOOD" : e < n ? "FAIR" : "OFF_TRACK";
-}, Xt = (e) => {
+}, Vt = (e) => {
   const { good: t, poor: n } = m.debtToIncomeRatio;
   return e === null ? "MISSING" : e <= t ? "GOOD" : e <= n ? "FAIR" : "OFF_TRACK";
-}, Vt = (e) => {
+}, Wt = (e) => {
   const { good: t, poor: n } = m.creditScore;
   return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
-}, Q = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", Wt = (e, t) => {
-  const n = Q(e), r = {
+}, Z = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", jt = (e, t) => {
+  const n = Z(e), r = {
     GOOD: t.count_good_description,
     OFF_TRACK: t.count_off_track_description,
     MISSING: t.count_missing_description
@@ -211,16 +211,16 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
     description: r[n],
     title: t.count_card_title
   };
-}, jt = (e) => ({
-  [S.GOOD]: { backgroundColor: "success.light", color: "success.dark" },
-  [S.FAIR]: { backgroundColor: "warning.light", color: "warning.dark" },
-  [S.OFF_TRACK]: { backgroundColor: "error.light", color: "error.dark" },
+}, qt = (e) => ({
+  [S.GOOD]: { backgroundColor: "success.lighter", color: "success.dark" },
+  [S.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
+  [S.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
   [S.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
-})[e], Z = 1, tt = 1, et = {
+})[e], tt = 1, et = 1, nt = {
   1: M,
   2: G,
   3: v
-}, nt = {
+}, rt = {
   1: w,
   2: (e, t) => A(e, t) / 2,
   3: A,
@@ -229,7 +229,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
   { contributionPeriodIndex: 3, targetAmount: 3, upperLimit: 900 },
   { contributionPeriodIndex: 2, targetAmount: 1, upperLimit: 1e3 }
-], qt = ({
+], Jt = ({
   contribution: e,
   goalAmount: t,
   goalPeriod: n,
@@ -238,20 +238,20 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
 }) => {
   const a = t - o;
   if (a <= 0) return 0;
-  const s = N(), i = et[r], l = nt[e];
+  const s = N(), i = nt[r], l = rt[e];
   if (!i || !l) return a;
   const p = i(s, n), f = l(p, s);
   return Math.max(a / (f || 1), 1);
-}, Jt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Qt = (e) => E.find((n) => e < n.upperLimit)?.targetAmount ?? tt, Zt = (e) => E.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? Z, te = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
+}, Qt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Zt = (e) => E.find((n) => e < n.upperLimit)?.targetAmount ?? et, te = (e) => E.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? tt, ee = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
   x: O(new Date(0, r.month - 1, 1), T.MONTH_SHORT),
   y: r[t]
-})), rt = (e) => e.sort((t, n) => t.monthly_health_score_average.month - n.monthly_health_score_average.month).map((t) => ({
+})), ot = (e) => e.sort((t, n) => t.monthly_health_score_average.month - n.monthly_health_score_average.month).map((t) => ({
   x: O(
     new Date(0, t.monthly_health_score_average.month - 1, 1),
     T.MONTH_SHORT
   ),
   y: Math.round(t.monthly_health_score_average.average_health_score)
-})), ot = (e) => e.map(({ transaction: n }) => ({
+})), at = (e) => e.map(({ transaction: n }) => ({
   ...n
 })).sort((n, r) => r.date - n.date);
 class F {
@@ -269,7 +269,7 @@ class F {
   getSpendingFeeTransactions = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/spending_fee`).then((t) => t);
   getStandardSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/standard_spend`).then((t) => t);
 }
-class ee {
+class ne {
   api = new F("/", "");
   augmentedChartData = [];
   averageHealthScores = [];
@@ -377,7 +377,7 @@ class ee {
     try {
       const t = await this.api.getAverageHealthScores();
       d(() => {
-        this.augmentedChartData = rt(t);
+        this.augmentedChartData = ot(t);
       });
     } catch (t) {
       console.error(`Error occurred while getting augmented chart data: ${t}`);
@@ -385,7 +385,7 @@ class ee {
   };
   getSpendingFeeTransactions = async () => {
     try {
-      const t = await this.api.getSpendingFeeTransactions(), n = ot(t);
+      const t = await this.api.getSpendingFeeTransactions(), n = at(t);
       d(() => {
         this.spendingFeeTransactions = n;
       });
@@ -421,31 +421,31 @@ class ee {
 export {
   I as A,
   u as C,
-  ee as F,
-  Mt as P,
-  Pt as a,
-  kt as b,
-  Lt as c,
-  wt as d,
+  ne as F,
+  Gt as P,
+  kt as a,
+  $t as b,
+  wt as c,
+  Nt as d,
   g as e,
-  te as f,
-  Nt as g,
-  jt as h,
+  ee as f,
+  Pt as g,
+  qt as h,
   S as i,
-  Vt as j,
-  Zt as k,
-  Qt as l,
-  qt as m,
-  Jt as n,
-  Yt as o,
-  Q as p,
-  Bt as q,
-  Gt as r,
-  zt as s,
-  Xt as t,
-  Kt as u,
-  Ut as v,
-  Wt as w,
-  $t as x,
+  Wt as j,
+  te as k,
+  Zt as l,
+  Jt as m,
+  Qt as n,
+  Ut as o,
+  Z as p,
+  Yt as q,
+  Lt as r,
+  Kt as s,
+  Vt as t,
+  Bt as u,
+  Xt as v,
+  jt as w,
+  zt as x,
   F as y
 };

package/dist/{GoalStore-C1-w3Y1E.mjs → GoalStore-DpWY3gVb.mjs}

@@ -7,7 +7,7 @@ import O from "@mui/material/CardHeader";
 import w from "@mui/material/Stack";
 import { AccountBalance as S, ChevronRight as L } from "@mxenabled/mx-icons";
 import { Text as g } from "@mxenabled/mxui";
-import { l as y } from "./ConnectDrawer-DVp54lUH.mjs";
+import { l as y } from "./ConnectDrawer-BIbTqYOH.mjs";
 import { a as b } from "./hooks-C41HAxM5.mjs";
 import { makeAutoObservable as D, runInAction as E } from "mobx";
 import { F as v, A as i } from "./Fetch-DecPFeGU.mjs";
@@ -16,7 +16,7 @@ import { addYears as F } from "date-fns/addYears";
 import { getUnixTime as x } from "date-fns/getUnixTime";
 import { b as d } from "./Localization-2MODESHW.mjs";
 import { a as K } from "./NumberFormatting-DjTD0t3W.mjs";
-import { f as B, a as P } from "./Dialog-CDV0kKxj.mjs";
+import { f as B, a as P } from "./Dialog-BPTr3qHE.mjs";
 var a = /* @__PURE__ */ ((e) => (e[e.DEBT_TRACK = 1] = "DEBT_TRACK", e[e.SAVINGS_TRACK = 2] = "SAVINGS_TRACK", e[e.RETIREMENT_TRACK = 3] = "RETIREMENT_TRACK", e[e.EMERGENCY_FUND_TRACK = 4] = "EMERGENCY_FUND_TRACK", e))(a || {}), $ = /* @__PURE__ */ ((e) => (e[e.SAVE_AMOUNT = 1] = "SAVE_AMOUNT", e[e.KEEP_BALANCE_BELOW = 2] = "KEEP_BALANCE_BELOW", e[e.KEEP_BALANCE_ABOVE = 3] = "KEEP_BALANCE_ABOVE", e[e.ACTION = 4] = "ACTION", e))($ || {}), c = /* @__PURE__ */ ((e) => (e[e.AUTOMOBILE = 1] = "AUTOMOBILE", e[e.COLLEGE = 2] = "COLLEGE", e[e.HOUSE = 3] = "HOUSE", e[e.RECREATIONAL_VEHICLE = 4] = "RECREATIONAL_VEHICLE", e[e.VACATION = 5] = "VACATION", e[e.ELECTRONIC = 6] = "ELECTRONIC", e[e.OTHER = 7] = "OTHER", e[e.RETIREMENT = 8] = "RETIREMENT", e[e.EMERGENCY_FUND = 9] = "EMERGENCY_FUND", e[e.SETUP_BUDGETS = 10] = "SETUP_BUDGETS", e[e.START_MONEY_MANAGEMENT = 11] = "START_MONEY_MANAGEMENT", e[e.CREDIT_CARD = 12] = "CREDIT_CARD", e[e.LINE_OF_CREDIT = 13] = "LINE_OF_CREDIT", e[e.LOANS = 14] = "LOANS", e))(c || {});
 const at = ({ description: e, label: t, title: o }) => {
   const { config: r } = b(), [n, s] = u.useState(!1);
@@ -27,11 +27,11 @@ const at = ({ description: e, label: t, title: o }) => {
         {
           avatar: /* @__PURE__ */ l(S, {}),
           sx: { ".MuiCardHeader-avatar": { mr: 8 } },
-          title: /* @__PURE__ */ l(g, { bold: !0, variant: "body1", children: o })
+          title: /* @__PURE__ */ l(g, { bold: !0, variant: "Body", children: o })
         }
       ),
       /* @__PURE__ */ l(N, { sx: { ":last-child": { pb: 4 }, ml: 28, py: 0 }, children: /* @__PURE__ */ _(w, { alignItems: "flex-start", spacing: 2, children: [
-        /* @__PURE__ */ l(g, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "subtitle2", children: e }),
+        /* @__PURE__ */ l(g, { color: "text.secondary", sx: { textWrap: "wrap" }, variant: "ParagraphSmall", children: e }),
         r.show_connections_widget_in_master && /* @__PURE__ */ l(
           T,
           {

package/dist/HeaderCell-DjuifqHJ.mjs

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Text as o } from "@mxenabled/mxui";
+const l = (e) => /* @__PURE__ */ r(o, { fontWeight: 600, variant: "Small", children: e.colDef.headerName });
+export {
+  l as H
+};