@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.mega1

package/dist/trends/utils/TrendsData.d.ts

@@ -14,6 +14,7 @@ export interface StackedLineChartData {
 }
 export declare const getStackedLineChartData: (totals: MonthlyCategoryTotals[], start: Date, end: Date) => StackedLineChartData[];
 export declare const amountComparator: GridComparatorFn<string | number>;
+export declare const categoryComparator: GridComparatorFn<string | number>;
 export declare const buildCategoryDetailsChartData: (data: DetailedCategoryWithTransactions | null, monthsCount: number) => {
     monthlyAmounts: {
         x: string;

package/dist/{useAccountDisplayName-BUAApBIb.mjs → useAccountDisplayName-B7iXTNM8.mjs}

@@ -1,6 +1,6 @@
 import s from "react";
-import { g as e } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { a as n } from "./hooks-D6XlXHf4.mjs";
+import { g as e } from "./ConnectDrawer-BkvlItWx.mjs";
+import { a as n } from "./hooks-ZMp65DFz.mjs";
 const i = (o) => {
   const { config: a } = n();
   return s.useMemo(

package/dist/{useCombineEvents-BUDIR1ba.mjs → useCombineEvents-CRwX-qWE.mjs}

@@ -1,6 +1,6 @@
 import { getUnixTime as l } from "date-fns/getUnixTime";
 import A from "bowser";
-import { F as u, A as r } from "./Fetch-87LIQbEA.mjs";
+import { F as u, A as r } from "./Fetch-DecPFeGU.mjs";
 import y from "react";
 const g = async (o, t, n = "1.0.0", s = "Experiences") => {
   const a = new _(o, t), { analytics_session: i } = await a.initializeAnalyticsSession(

package/dist/{useInsightsEnabled-DBpwEq10.mjs → useInsightsEnabled-B7dxpDrX.mjs}

@@ -1,5 +1,5 @@
 import { useState as n, useEffect as a } from "react";
-import { f as o } from "./hooks-D6XlXHf4.mjs";
+import { f as o } from "./hooks-ZMp65DFz.mjs";
 const f = () => {
   const { isInitialized: e, appDataStore: t } = o(), [s, i] = n(!1);
   return a(() => {

package/dist/useWidgetLoadTimer-hIOioiKx.mjs

@@ -0,0 +1,19 @@
+import { useRef as r, useEffect as c } from "react";
+import { g as l } from "./hooks-ZMp65DFz.mjs";
+let n = !0;
+const d = ({ widgetName: i, isLoaded: u = !0 }) => {
+  const { onEvent: o } = l(), t = r(null), s = r(!1), e = r(!1);
+  t.current === null && (e.current = n, t.current = n ? performance.timeOrigin : Date.now()), c(() => {
+    if (u && !s.current && t.current !== null) {
+      const a = Date.now() - t.current;
+      o("WidgetLoad", {
+        widgetName: i,
+        loadTimeMs: a,
+        isInitialLoad: e.current
+      }), s.current = !0, t.current = null, e.current && (n = !1);
+    }
+  }, [u, i, o]);
+};
+export {
+  d as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "8.0.0-alpha.bb3",
+  "version": "8.0.0-alpha.mega1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",
@@ -180,7 +180,7 @@
     "@mui/lab": "^5.0.0-alpha.177",
     "@mui/material": "^5.18.0",
     "@mui/system": "^5.18.0",
-    "@mui/x-charts": "^7.29.1",
+    "@mui/x-charts": "^8.23.0",
     "@mui/x-data-grid-pro": "^7.29.8",
     "@mui/x-date-pickers": "^7.29.4",
     "@mui/x-date-pickers-pro": "^7.29.4",
@@ -252,7 +252,7 @@
     "storybook-dark-mode": "4.0.1",
     "typescript": "^5.8.2",
     "vi-canvas-mock": "^1.0.0",
-    "vite": "^5.4.21",
+    "vite": "^5.4.19",
     "vite-plugin-dts": "^4.5.3",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.8"
@@ -272,5 +272,5 @@
     "CHANGELOG.md",
     "README.md"
   ],
-  "packageManager": "yarn@4.11.0"
+  "packageManager": "yarn@4.9.2"
 }

package/dist/AccountDetailsHeader-JtSX6Uf9.mjs

@@ -1,120 +0,0 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import { observer as p } from "mobx-react-lite";
-import d from "@mui/material/Stack";
-import { H3 as w, InstitutionLogo as I, Text as m, H2 as L } from "@mxenabled/mxui";
-import { g as v } from "./AccountFields-C9FlatNb.mjs";
-import h from "react";
-import { G as E, d as y, m as S, u as _, f as G } from "./hooks-D6XlXHf4.mjs";
-import O from "@mui/material/Card";
-import P from "@mui/material/CardContent";
-import M from "@mui/material/CardHeader";
-import { useTheme as B } from "@mui/material/styles";
-import { g as H, a as U, b as j } from "./SpendingData-D5vsfYKo.mjs";
-import { L as z } from "./LineChart-D4GI7nVh.mjs";
-import { I as f, P as g, S as C } from "./Account-Bxw0_4FU.mjs";
-import { A } from "./ConnectDrawer-BQNs-hjk.mjs";
-import { L as Y } from "./Loader-DUaFpDGv.mjs";
-import { f as R, D as $ } from "./Dialog-CWW597AF.mjs";
-import { u as k } from "./useAccountDisplayName-BUAApBIb.mjs";
-import { f as F } from "./NumberFormatting-Buh7u8Oi.mjs";
-const b = () => {
-  if (!h.useContext(E))
-    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return y().uiStore;
-}, V = (o, n) => {
-  const t = f.includes(n) ? H(o) : [], a = g.includes(n) ? U(o) : [], r = C.includes(n) ? j(o) : [];
-  return [t, a, r].filter((s) => s.length > 0);
-}, W = (o, n, t) => {
-  const [a, r] = o, s = a, c = r ?? a, i = [];
-  if (s && c && f.includes(n)) {
-    const l = s[s.length - 1].y;
-    i.push({ label: t.income_label, amount: l });
-  } else if (g.includes(n)) {
-    const l = s[s.length - 1].y;
-    i.push({ label: t.payments_label, amount: l });
-  }
-  if (c && C.includes(n)) {
-    const l = c[c.length - 1].y;
-    i.push({ label: t.spending_label, amount: l });
-  }
-  return i;
-}, q = () => {
-  const o = B(), { selectedAccount: n } = b(), { monthlyCategoryTotals: t } = S(), { trends: a } = _(), r = [o.palette.chart?.chart1, o.palette.chart?.chart2], s = V(t, n.account_type), c = W(s, n.account_type, a), i = [A.LOAN, A.MORTGAGE].includes(n.account_type);
-  return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
-    z,
-    {
-      colors: r,
-      datasets: s,
-      height: 185,
-      labels: c,
-      showAverage: i,
-      showBars: i,
-      showLegend: !0,
-      valueFormatterString: "0,0"
-    }
-  ) });
-}, J = p(q), K = ({ sx: o }) => {
-  const { loadMonthlyCategoryTotals: n } = S(), { isInitialized: t } = G(), { selectedAccount: a } = b(), [r, s] = h.useState(!1);
-  return h.useEffect(() => {
-    t && n([a]).finally(() => {
-      s(!0);
-    });
-  }, [t, a]), !t || !r ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ u(
-    O,
-    {
-      sx: {
-        "& .MuiCardContent-root:last-child": {
-          pb: 0
-        },
-        ...o
-      },
-      children: [
-        /* @__PURE__ */ e(
-          M,
-          {
-            sx: { pb: 0 },
-            title: /* @__PURE__ */ e(w, { sx: { pb: 4 }, children: R(/* @__PURE__ */ new Date(), $.MONTH_LONG) })
-          }
-        ),
-        /* @__PURE__ */ e(P, { sx: { p: 0 }, children: /* @__PURE__ */ e(J, {}) })
-      ]
-    }
-  );
-}, Q = p(K), X = ({ customDetailsChart: o }) => {
-  const { institutions: n } = y(), { selectedAccount: t } = b(), { accounts: a } = _(), { firstSubtitle: r, firstValue: s, hasAvailableBalance: c, secondSubtitle: i, secondValue: l } = v(t, a), T = n.find(
-    (N) => N.guid === t?.institution_guid
-  ), D = [
-    ...f,
-    ...g,
-    ...C
-  ].includes(t.account_type), x = k(t);
-  return /* @__PURE__ */ u(d, { bgcolor: "background.default", p: 24, children: [
-    /* @__PURE__ */ u(d, { gap: 12, children: [
-      /* @__PURE__ */ e(
-        I,
-        {
-          alt: a.institution_logo_alt,
-          institutionGuid: t.institution_guid || "",
-          size: 64
-        }
-      ),
-      /* @__PURE__ */ e(m, { variant: "Small", children: T?.name })
-    ] }),
-    /* @__PURE__ */ u(d, { gap: 8, mb: 24, mt: 4, children: [
-      /* @__PURE__ */ e(L, { children: x }),
-      /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ e(m, { bold: c, variant: "Body", children: r }),
-        /* @__PURE__ */ e(m, { bold: !0, variant: "Body", children: F(s, "0,0.00") })
-      ] }),
-      /* @__PURE__ */ u(d, { direction: "row", justifyContent: "space-between", children: [
-        /* @__PURE__ */ e(m, { variant: "Small", children: i }),
-        /* @__PURE__ */ e(m, { variant: "Small", children: l })
-      ] })
-    ] }),
-    D && /* @__PURE__ */ e(d, { children: o || /* @__PURE__ */ e(Q, {}) })
-  ] });
-}, bt = p(X);
-export {
-  bt as A,
-  b as u
-};

package/dist/Accounts-BRf_YeTf.mjs

@@ -1,27 +0,0 @@
-import { A as e, C as u, E as r, c as p, M as y } from "./ConnectDrawer-BQNs-hjk.mjs";
-const l = (t) => t && (t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CHECKING_LINE_OF_CREDIT), I = (t) => t.is_manual || !t.guid, R = (t) => t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.CHECKING_LINE_OF_CREDIT, f = (t) => t.account_type === e.SAVINGS || t.account_type === e.CHECKING || t.account_type === e.LINE_OF_CREDIT || t.account_type === e.CREDIT_CARD || t.account_type === e.LOAN || t.account_type === e.MORTGAGE, m = (t) => t.account_type === e.LOAN || t.account_type === e.MORTGAGE, A = (t, n, s, _) => t.filter((i) => !(i.member_is_managed_by_user && _)).sort(d).map((i) => {
-  const c = n.find((a) => a.guid === i.institution_guid), o = s.find((a) => a.guid === i.member_guid);
-  return E(i, c, o);
-}), E = (t, n, s) => {
-  let _ = u.Connected;
-  s && (r.includes(s.connection_status) ? _ = u.Error : p.includes(s.connection_status) ? _ = u.Processing : y.includes(s.connection_status) && (_ = u.RequiresMfa));
-  const i = [
-    t.user_name || t.feed_name || "",
-    t.account_number ? `*${t.account_number}` : ""
-  ].join(" ").trim();
-  return {
-    ...t,
-    connectionStatus: _,
-    displayName: i,
-    institution: n,
-    member: s
-  };
-}, d = (t, n) => t.account_type > n.account_type ? 1 : t.account_type < n.account_type ? -1 : (t.name || "") > (n.name || "") ? 1 : (t.name || "") < (n.name || "") ? -1 : 0;
-export {
-  l as a,
-  R as b,
-  m as c,
-  A as d,
-  I as i,
-  f as u
-};

package/dist/CategoryStore-yHI0hWmK.mjs

@@ -1,174 +0,0 @@
-import { makeAutoObservable as g } from "mobx";
-import { getUnixTime as n } from "date-fns/getUnixTime";
-import { subMonths as d } from "date-fns/subMonths";
-import { startOfMonth as y } from "date-fns/startOfMonth";
-import { endOfMonth as u } from "date-fns/endOfMonth";
-import { a as C, g as T } from "./CategoryUtil-pZRIYOgN.mjs";
-import { F as m, A as r } from "./Fetch-87LIQbEA.mjs";
-import { b as p, c as f } from "./Category-CevNQ03n.mjs";
-class c {
-  fetchInstance;
-  constructor(t, e, a) {
-    this.fetchInstance = new m(t, e, void 0, a);
-  }
-  addCategory = async (t) => this.fetchInstance.post(r.CATEGORIES, t).then((e) => e.category);
-  getCategories = async () => this.fetchInstance.get(r.CATEGORIES).then((t) => t.categories);
-  getDateRangeCategoryTotals = async (t, e, a) => a.length === 0 ? [] : this.fetchInstance.post(`${r.DATE_RANGE_CATEGORY_TOTALS}/from/${t}/to/${e}`, {
-    account_guid: a.map((o) => o.guid)
-  }).then((o) => o.date_range_category_totals);
-  getMonthlyCategoryTotals = async (t, e, a) => {
-    try {
-      const o = `${r.MONTHLY_CATEGORY_TOTALS}/from/${t}/to/${e}`;
-      if (a) {
-        const s = a.length === 0 ? [""] : a.map((h) => h.guid);
-        return (await this.fetchInstance.post(o, { account_guid: s })).monthly_category_totals;
-      } else
-        return (await this.fetchInstance.get(o)).monthly_category_totals;
-    } catch (o) {
-      throw console.error("Error fetching monthly category totals:", o), o;
-    }
-  };
-  removeCategory = async (t) => this.fetchInstance.delete(`${r.CATEGORIES}/${t}`);
-  updateCategory = async (t) => this.fetchInstance.put(`${r.CATEGORIES}/${t.guid}`, t).then((e) => e.category);
-}
-class w {
-  expandedGuid = null;
-  selectedGuid = null;
-  searchValue = "";
-  showSelected = !0;
-  shouldDisableDrawerScroll = !1;
-  unselectable = [];
-  unselectableText = "";
-  savedOnSelect;
-  // todo
-  constructor() {
-    g(this);
-  }
-  setExpandedGuid = (t) => this.expandedGuid = t;
-  setSelectedGuid = (t) => this.selectedGuid = t;
-  setSearchValue = (t) => this.searchValue = t;
-  setShouldDisableDrawerScroll = (t) => this.shouldDisableDrawerScroll = t;
-  setShowSelected = (t) => this.showSelected = t;
-  setUnselectable = (t) => this.unselectable = t;
-  setUnselectableText = (t) => this.unselectableText = t;
-  onSelect = (t) => this.savedOnSelect(t);
-  setOnSelect = (t) => this.savedOnSelect = t;
-}
-class L {
-  globalStore;
-  uiStore;
-  api = new c("/", "");
-  categories = [];
-  categoriesLoaded = !1;
-  dateRangeCategoryTotals = [];
-  monthlyCategoryTotals = [];
-  dataRangeTotalsLoaded = !1;
-  isLoadingCategoryTotals = !1;
-  monthlyTotalsLoaded = !1;
-  constructor(t) {
-    this.globalStore = t, this.uiStore = new w(), this.api = new c(t.endpoint, t.sessionToken, t.onError), g(this);
-  }
-  get detailedCategories() {
-    return C(
-      this.categories,
-      this.globalStore.copyStore.copy.categories,
-      this.dateRangeCategoryTotals,
-      this.monthlyCategoryTotals
-    );
-  }
-  get detailedCategoriesWithTransactions() {
-    return T(
-      this.detailedCategories,
-      this.globalStore.transactionStore.sortedTransactions
-    );
-  }
-  get incomeCategories() {
-    return this.detailedCategories.filter((t) => t.is_income);
-  }
-  get spendCategories() {
-    return this.detailedCategories.filter(
-      (t) => !t.is_income && !t.isTransfer && t.guid !== p.INVESTMENTS
-    );
-  }
-  get transferCategories() {
-    return this.detailedCategories.filter((t) => t.isTransfer);
-  }
-  setCategories = (t) => {
-    this.categories = t, this.categoriesLoaded = !0;
-  };
-  setMonthlyCategoryTotals = (t) => {
-    this.monthlyCategoryTotals = t, this.monthlyTotalsLoaded = !0;
-  };
-  setDateRangeCategoryTotals = (t) => {
-    this.dateRangeCategoryTotals = t, this.dataRangeTotalsLoaded = !0;
-  };
-  addCategory = async (t, e) => {
-    const a = { name: t, parent_guid: e };
-    try {
-      await this.api.addCategory(a), await this.loadCategories();
-    } catch (o) {
-      console.error(`Error occurred while adding category: ${o}`);
-    }
-  };
-  loadCategories = async () => {
-    try {
-      const t = await this.api.getCategories();
-      this.setCategories(t);
-    } catch (t) {
-      console.error(`Error occurred while getting categories: ${t}`);
-    }
-  };
-  loadDateRangeCategoryTotals = async (t, e, a) => {
-    this.setIsLoadingCategoryTotals(!0);
-    try {
-      const o = await this.api.getDateRangeCategoryTotals(
-        n(e),
-        n(a),
-        t
-      );
-      this.setDateRangeCategoryTotals(o), this.setIsLoadingCategoryTotals(!1);
-    } catch (o) {
-      this.setIsLoadingCategoryTotals(!1), console.error(`Error occurred while getting date range category totals: ${o}`);
-    }
-  };
-  loadMonthlyCategoryTotals = async (t = this.globalStore.globalUiStore.selectedAccounts, e, a) => {
-    const o = n(y(e ?? d(/* @__PURE__ */ new Date(), 11))), s = n(u(a ?? /* @__PURE__ */ new Date()));
-    try {
-      const i = await this.api.getMonthlyCategoryTotals(o, s, t);
-      this.setMonthlyCategoryTotals(i);
-    } catch (i) {
-      console.error(`Error occurred while getting monthly category totals: ${i}`);
-    }
-  };
-  reloadCategoryTotals = async (t, e, a) => {
-    this.setIsLoadingCategoryTotals(!0);
-    try {
-      await this.loadMonthlyCategoryTotals(t, e, a), await this.loadDateRangeCategoryTotals(t, e, a);
-    } catch (o) {
-      console.error(`Error occurred while getting category totals: ${o}`);
-    }
-  };
-  removeCategory = async (t) => {
-    try {
-      await this.api.removeCategory(t), await this.loadCategories();
-    } catch (e) {
-      console.error(`Error occurred while removing category: ${e}`);
-    }
-  };
-  setIsLoadingCategoryTotals = (t) => {
-    this.isLoadingCategoryTotals = t;
-  };
-  updateCategory = async (t) => {
-    try {
-      await this.api.updateCategory(t), await this.loadCategories();
-    } catch (e) {
-      console.error(`Error occurred while updating category: ${e}`);
-    }
-  };
-  // TODO: Remove this after refactoring Trends components to use detailedCategories
-  getCategoryName = (t) => this.categories.find((a) => a.guid === t)?.name ?? f[t];
-}
-export {
-  L as C,
-  c as a
-};

package/dist/CategoryUtil-pZRIYOgN.mjs

@@ -1,80 +0,0 @@
-import { format as d } from "date-fns/format";
-import { startOfMonth as T } from "date-fns/startOfMonth";
-import { startOfToday as C } from "date-fns/startOfToday";
-import { subMonths as N } from "date-fns/subMonths";
-import { CategoryIconList as O } from "@mxenabled/mxui";
-import { C as b, a as D, b as E } from "./Category-CevNQ03n.mjs";
-import { f as R, D as v } from "./Dialog-CWW597AF.mjs";
-const H = 3, f = 12, k = (t, o, e, r) => t.filter((n) => !n.parent_guid).map(
-  (n) => p(
-    n,
-    o,
-    e,
-    r,
-    t.filter((s) => s.parent_guid === n.guid)
-  )
-), z = (t, o) => {
-  const e = O.find((r) => r.guid === t);
-  return e ? o.palette.categories[e.colorName] || "" : o.palette.categories.uncategorized || "";
-}, p = (t, o, e, r, n = []) => {
-  const s = t.guid, i = t.parent_guid || s, u = s === i, c = e.find((a) => a.category_guid === s)?.total || 0, m = y(
-    r.filter((a) => a.category_guid === s)
-  ), g = y(
-    r.filter(
-      (a) => a.category_guid === s || a.top_level_category_guid === s
-    )
-  ), l = n.map(
-    (a) => p(a, o, e, r)
-  ), A = l.reduce(
-    (a, M) => a + M.currentAmount,
-    c
-  ), h = o.default_categories[t.guid] ? o.default_categories[t.guid].replace(/&/g, "&") : t.name;
-  return {
-    ...t,
-    currentAmount: c,
-    averageAmount: _(m),
-    color: b[i],
-    icon: D[i],
-    isTransfer: i === E.TRANSFER,
-    monthlyAmounts: m,
-    name: h,
-    subCategories: l,
-    totalAmount: u ? A : 0,
-    totalAverageAmount: _(g),
-    totalMonthlyAmounts: u ? g : []
-  };
-}, B = (t, o) => t.map((e) => {
-  const r = o.filter(
-    (n) => n.category_guid === e.guid || n.top_level_category_guid === e.guid
-  );
-  return {
-    ...e,
-    transactions: r
-  };
-}), _ = (t, o = H) => {
-  const e = o > history.length ? history.length : o;
-  return Math.ceil(
-    Math.max(
-      0,
-      t.slice(-e).reduce((r, n) => r + n.amount, 0) / e
-    )
-  );
-}, y = (t) => {
-  const o = [], e = C();
-  for (let r = 0; r <= f; r++) {
-    const n = T(N(e, f - r)), i = t.filter(
-      (u) => u.year_month === Number(d(n, "yyyyMM"))
-    ).reduce((u, c) => u + c.total, 0);
-    o.push({
-      amount: i,
-      isoDate: d(n, "yyyy-MM-dd"),
-      label: R(n, v.MONTH_YEAR)
-    });
-  }
-  return o;
-};
-export {
-  k as a,
-  z as b,
-  B as g
-};

package/dist/Drawer-kEE73B87.mjs

@@ -1,113 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import n from "@mui/material/Box";
-import c from "@mui/material/Stack";
-import { H2 as D, Drawer as S, Footer as y } from "@mxenabled/mxui";
-import B from "@mui/material/IconButton";
-import { ArrowBack as C } from "@mxenabled/mx-icons";
-const j = ({
-  ariaLabelClose: o,
-  onClose: e,
-  shouldShowBorders: a,
-  shouldShowShadow: t,
-  title: i
-}) => /* @__PURE__ */ p(
-  c,
-  {
-    "aria-level": 1,
-    direction: "row",
-    role: "heading",
-    sx: {
-      alignItems: "center",
-      backgroundColor: "background.paper",
-      ...a && {
-        borderBottom: 1,
-        borderTop: 1,
-        borderColor: "border.light"
-      },
-      ...t && {
-        boxShadow: "0px 2px 8px 0px #6A73811F"
-      },
-      padding: "8px 8px 8px 8px"
-    },
-    children: [
-      /* @__PURE__ */ r(B, { "aria-label": o, color: "primary", onClick: e, children: /* @__PURE__ */ r(C, { color: "primary", sx: { fontSize: 22 } }) }),
-      /* @__PURE__ */ r(
-        n,
-        {
-          sx: {
-            flexGrow: 1,
-            margin: "auto",
-            textAlign: "center"
-          },
-          children: /* @__PURE__ */ r(D, { bold: !0, variant: "Body", children: i })
-        }
-      ),
-      /* @__PURE__ */ r(n, { width: "44px" })
-    ]
-  }
-), v = ({
-  ariaLabelClose: o = "Close",
-  children: e,
-  hasSecondaryAction: a = !0,
-  id: t,
-  isOpen: i,
-  isPrimaryDisabled: h,
-  onClose: d,
-  onPrimaryAction: l,
-  onSecondaryAction: u,
-  primaryColor: s = "primary",
-  primaryText: x,
-  secondaryColor: m = "secondary",
-  secondaryText: b,
-  shouldShowHeaderBorders: w = !0,
-  shouldShowHeaderShadow: g = !1,
-  title: f,
-  ...k
-}) => /* @__PURE__ */ r(
-  S,
-  {
-    id: t,
-    isOpen: i,
-    onClose: d,
-    sx: {
-      "& .MuiDrawer-paper": {
-        backgroundColor: "background.default",
-        borderRadius: 0
-      },
-      height: "100%",
-      "& .MuiToolbar-root": {
-        backgroundColor: "background.paper"
-      }
-    },
-    ...k,
-    children: /* @__PURE__ */ p(c, { height: "100%", justifyContent: "space-between", children: [
-      /* @__PURE__ */ r(
-        j,
-        {
-          ariaLabelClose: o,
-          onClose: d,
-          shouldShowBorders: w,
-          shouldShowShadow: g,
-          title: f
-        }
-      ),
-      /* @__PURE__ */ r(n, { height: "100%", overflow: "auto", children: e }),
-      l && /* @__PURE__ */ r(
-        y,
-        {
-          hasSecondaryAction: a,
-          isPrimaryDisabled: h,
-          onPrimaryAction: l,
-          onSecondaryAction: u ?? d,
-          primaryColor: s,
-          primaryText: x,
-          secondaryColor: m,
-          secondaryText: b
-        }
-      )
-    ] })
-  }
-), $ = v;
-export {
-  $ as D
-};