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

package/dist/CategoryStore-DEqAnHbi.mjs

@@ -1,186 +0,0 @@
-import { makeAutoObservable as y } from "mobx";
-import { getUnixTime as n } from "date-fns/getUnixTime";
-import { subMonths as c } from "date-fns/subMonths";
-import { startOfMonth as C } from "date-fns/startOfMonth";
-import { endOfMonth as h } from "date-fns/endOfMonth";
-import { a as T, g as m } from "./CategoryUtil-CFHBvaV4.mjs";
-import { F as f, A as i } from "./Fetch-DecPFeGU.mjs";
-import { b as l, c as p } from "./Category-Ccoew_sA.mjs";
-class d {
-  fetchInstance;
-  constructor(t, e, o) {
-    this.fetchInstance = new f(t, e, void 0, o);
-  }
-  addCategory = async (t) => this.fetchInstance.post(i.CATEGORIES, t).then((e) => e.category);
-  getCategories = async () => this.fetchInstance.get(i.CATEGORIES).then((t) => t.categories);
-  getDateRangeCategoryTotals = async (t, e, o) => o.length === 0 ? [] : this.fetchInstance.post(`${i.DATE_RANGE_CATEGORY_TOTALS}/from/${t}/to/${e}`, {
-    account_guid: o.map((a) => a.guid)
-  }).then((a) => a.date_range_category_totals);
-  getMonthlyCategoryTotals = async (t, e, o) => {
-    try {
-      const a = `${i.MONTHLY_CATEGORY_TOTALS}/from/${t}/to/${e}`;
-      if (o) {
-        const r = o.length === 0 ? [""] : o.map((u) => u.guid);
-        return (await this.fetchInstance.post(a, { account_guid: r })).monthly_category_totals;
-      } else
-        return (await this.fetchInstance.get(a)).monthly_category_totals;
-    } catch (a) {
-      throw console.error("Error fetching monthly category totals:", a), a;
-    }
-  };
-  removeCategory = async (t) => this.fetchInstance.delete(`${i.CATEGORIES}/${t}`);
-  updateCategory = async (t) => this.fetchInstance.put(`${i.CATEGORIES}/${t.guid}`, t).then((e) => e.category);
-}
-class S {
-  expandedGuid = null;
-  selectedGuid = null;
-  searchValue = "";
-  showSelected = !0;
-  shouldDisableDrawerScroll = !1;
-  unselectable = [];
-  unselectableText = "";
-  savedOnSelect;
-  // todo
-  constructor() {
-    y(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 $ {
-  globalStore;
-  uiStore;
-  api = new d("/", "");
-  categories = [];
-  categoriesLoaded = !1;
-  categoriesLoading = !1;
-  dateRangeCategoryTotals = [];
-  monthlyCategoryTotals = [];
-  dateRangeTotalsLoaded = !1;
-  dateRangeTotalsLoading = !1;
-  monthlyTotalsLoaded = !1;
-  monthlyTotalsLoading = !1;
-  constructor(t) {
-    this.globalStore = t, this.uiStore = new S(), this.api = new d(t.endpoint, t.sessionToken, t.onError), y(this);
-  }
-  get detailedCategories() {
-    return this.globalStore.isInitialized ? T(
-      this.categories,
-      this.globalStore.copyStore.copy.categories,
-      this.dateRangeCategoryTotals,
-      this.monthlyCategoryTotals
-    ) : [];
-  }
-  get detailedCategoriesWithTransactions() {
-    return m(
-      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 !== l.INVESTMENTS
-    );
-  }
-  get transferCategories() {
-    return this.detailedCategories.filter((t) => t.isTransfer);
-  }
-  setCategories = (t) => {
-    this.categories = t, this.categoriesLoading = !1, this.categoriesLoaded = !0;
-  };
-  setMonthlyCategoryTotals = (t) => {
-    this.monthlyCategoryTotals = t, this.monthlyTotalsLoading = !1, this.monthlyTotalsLoaded = !0;
-  };
-  setDateRangeCategoryTotals = (t) => {
-    this.dateRangeCategoryTotals = t, this.dateRangeTotalsLoading = !1, this.dateRangeTotalsLoaded = !0;
-  };
-  get trendsCategories() {
-    return this.detailedCategories.filter((t) => t.totalAmount !== 0).filter((t) => t.guid !== l.INVESTMENTS && t.guid !== l.TRANSFER);
-  }
-  addCategory = async (t, e) => {
-    const o = { name: t, parent_guid: e };
-    try {
-      await this.api.addCategory(o), await this.loadCategories();
-    } catch (a) {
-      console.error(`Error occurred while adding category: ${a}`);
-    }
-  };
-  loadCategories = async () => {
-    if (!this.categoriesLoading) {
-      this.categoriesLoading = !0;
-      try {
-        const t = await this.api.getCategories();
-        this.setCategories(t);
-      } catch (t) {
-        console.error(`Error occurred while getting categories: ${t}`);
-      }
-    }
-  };
-  loadDateRangeCategoryTotals = async (t, e, o) => {
-    if (!this.dateRangeTotalsLoading) {
-      this.dateRangeTotalsLoading = !0;
-      try {
-        const a = await this.api.getDateRangeCategoryTotals(
-          n(e),
-          n(o),
-          t
-        );
-        this.setDateRangeCategoryTotals(a);
-      } catch (a) {
-        console.error(`Error occurred while getting date range category totals: ${a}`);
-      }
-    }
-  };
-  loadMonthlyCategoryTotals = async (t = this.globalStore.globalUiStore.selectedAccounts, e, o) => {
-    if (this.monthlyTotalsLoading) return;
-    this.monthlyTotalsLoading = !0;
-    const a = n(C(e ?? c(/* @__PURE__ */ new Date(), 11))), r = n(h(o ?? /* @__PURE__ */ new Date()));
-    try {
-      const s = await this.api.getMonthlyCategoryTotals(a, r, t);
-      this.setMonthlyCategoryTotals(s);
-    } catch (s) {
-      console.error(`Error occurred while getting monthly category totals: ${s}`);
-    }
-  };
-  reloadCategoryTotals = async (t, e, o) => {
-    const a = e ?? c(/* @__PURE__ */ new Date(), 11), r = o ?? h(/* @__PURE__ */ new Date());
-    try {
-      await Promise.all([
-        this.loadMonthlyCategoryTotals(t, a, r),
-        this.loadDateRangeCategoryTotals(t, a, r)
-      ]);
-    } catch (s) {
-      console.error(`Error occurred while getting category totals: ${s}`);
-    }
-  };
-  removeCategory = async (t) => {
-    try {
-      await this.api.removeCategory(t), await this.loadCategories();
-    } catch (e) {
-      console.error(`Error occurred while removing category: ${e}`);
-    }
-  };
-  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((o) => o.guid === t)?.name ?? p[t];
-}
-export {
-  $ as C,
-  d as a
-};

package/dist/CategoryUtil-CFHBvaV4.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-Ccoew_sA.mjs";
-import { f as R, D as v } from "./Dialog-CWymUiuO.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: D[i],
-    icon: b[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/CurrencyInput-DDQ4DBrE.mjs

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

package/dist/DateUtil-CVsMhbZU.mjs

@@ -1,48 +0,0 @@
-import { addMonths as s } from "date-fns/addMonths";
-import { addQuarters as a } from "date-fns/addQuarters";
-import { addWeeks as m } from "date-fns/addWeeks";
-import { addYears as l } from "date-fns/addYears";
-import { getDay as y } from "date-fns/getDay";
-import { isBefore as n } from "date-fns/isBefore";
-import { nextDay as c } from "date-fns/nextDay";
-import { setDate as d } from "date-fns/setDate";
-import { startOfToday as o } from "date-fns/startOfToday";
-import { fromUnixTime as D } from "date-fns/fromUnixTime";
-import { f as i, D as f } from "./Dialog-CWymUiuO.mjs";
-const x = (t) => {
-  const e = y(t);
-  let r = c(t, e);
-  for (; n(r, o()); )
-    r = m(r, 1);
-  return r;
-}, Y = (t) => {
-  const e = x(t);
-  return m(e, 1);
-}, B = (t) => {
-  let e = d(o(), t.getDate());
-  for (; n(e, o()); )
-    e = s(e, 1);
-  return e;
-}, E = (t) => {
-  const e = x(t);
-  return s(e, 1);
-}, p = (t) => {
-  let e = a(t, 1);
-  for (; n(e, o()); )
-    e = a(e, 1);
-  return e;
-}, Q = (t) => {
-  const e = p(t);
-  return a(e, 1);
-}, w = (t) => l(t, 1), F = (t) => i(D(t), f.DAY_OF_WEEK_MONTH_DAY), H = (t) => t ? i(D(t), f.MONTH_YEAR) : "";
-export {
-  Q as a,
-  p as b,
-  E as c,
-  B as d,
-  Y as e,
-  x as f,
-  w as g,
-  F as h,
-  H as i
-};

package/dist/DebtsStore-Dv_T7Dts.mjs

@@ -1,63 +0,0 @@
-import { makeAutoObservable as d } from "mobx";
-import { getDate as r, fromUnixTime as _, startOfMonth as m } from "date-fns";
-import { A as b } from "./Account-CMjOp7S2.mjs";
-const E = 12, T = 100;
-var c = /* @__PURE__ */ ((a) => (a[a.FASTEST_PAYOFF_FIRST = 1] = "FASTEST_PAYOFF_FIRST", a[a.HIGHEST_INTEREST = 2] = "HIGHEST_INTEREST", a[a.LOWEST_BALANCE = 3] = "LOWEST_BALANCE", a[a.HIGHEST_BALANCE = 4] = "HIGHEST_BALANCE", a))(c || {});
-const p = {
-  unnamed_label: "Unnamed Debt"
-};
-function y(a, e) {
-  const t = a.filter((n) => n.account_type === b.CHECKING_LINE_OF_CREDIT ? Number(n.balance) <= 0 : n.is_excluded_from_debts !== !0), s = e.filter((n) => t.some((i) => i.guid === n.account_guid)).map(
-    (n) => l(t.find((i) => i.guid === n.account_guid), n)
-  ), o = t.filter((n) => !s.some((i) => i.account.guid === n.guid)).map((n) => l(n));
-  return [...s, ...o];
-}
-function l(a, e) {
-  const t = { account: a, goal: e, guid: a.guid };
-  if (e) {
-    const s = e.payment_due_at ? r(_(e.payment_due_at)) : 1, o = m(/* @__PURE__ */ new Date()).setDate(s);
-    t.balance = Math.abs(e.amount - e.current_amount), t.interest_rate = e.interest_rate, t.is_paid_off = e.is_complete, t.monthly_payment = e.monthly_payment, t.name = e.name, t.original_balance = e.initial_amount, t.payment_due_date = o;
-  } else {
-    const s = a.payment_due_at ? r(_(a.payment_due_at)) : 1, o = m(/* @__PURE__ */ new Date()).setDate(s), n = a.balance ?? 0, i = a.minimum_payment ?? void 0, u = a.interest_rate ?? a.apr ?? a.apy;
-    t.balance = Math.max(n, 0), t.interest_rate = u, t.is_paid_off = n === 0, t.monthly_payment = i, t.name = a?.name ?? p.unnamed_label, t.original_balance = a.original_balance, t.payment_due_date = o;
-  }
-  return t.is_impossible = !1, t.priority = void 0, t.projected_payoff_date = void 0, t;
-}
-class h {
-  isLoading = !1;
-  selectedDebtChartData = {};
-  selectedDebtPriority = c.LOWEST_BALANCE;
-  constructor() {
-    d(this);
-  }
-  get showError() {
-    const { interest_rate: e, monthly_payment: t } = this.selectedDebtChartData;
-    return e === void 0 || t === void 0;
-  }
-  get showCompleted() {
-    return this.selectedDebtChartData.is_paid_off;
-  }
-  setIsLoading = (e) => this.isLoading = e;
-  setSelectedDebtChartData = (e) => this.selectedDebtChartData = e;
-  setSelectedDebtPriority = (e) => this.selectedDebtPriority = e;
-}
-class A {
-  globalStore;
-  uiStore;
-  constructor(e) {
-    this.globalStore = e, this.uiStore = new h(), d(this);
-  }
-  get debts() {
-    const { visibleDebtAccounts: e } = this.globalStore.accountStore, { selectedAccountGuids: t } = this.globalStore.globalUiStore, { debtGoals: s } = this.globalStore.goalStore, o = t.length ? e.filter((n) => t.includes(n.guid)) : e;
-    return y(o, s);
-  }
-  get totalMonthlyPayments() {
-    return this.debts.map((t) => Number(t.monthly_payment)).filter((t) => !isNaN(t)).reduce((t, s) => t + s, 0);
-  }
-}
-export {
-  c as D,
-  T as I,
-  E as M,
-  A as a
-};

package/dist/Dialog-CWymUiuO.mjs

@@ -1,120 +0,0 @@
-import { intlFormat as M } from "date-fns/intlFormat";
-import { g as T } from "./Localization-2MODESHW.mjs";
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import u from "@mui/material/Dialog";
-import H from "@mui/material/DialogContent";
-import { DialogHeader as N, DialogFooter as Y } from "@mxenabled/mxui";
-const S = "do", x = "MMM do, yyyy", b = {
-  TIME_STAMP_HOUR_MINUTE: {
-    hour: "numeric",
-    minute: "numeric"
-  },
-  DAY: {
-    day: "numeric"
-  },
-  DAY_OF_WEEK: {
-    weekday: "long"
-  },
-  DAY_OF_WEEK_MONTH_DAY: {
-    day: "numeric",
-    month: "long",
-    weekday: "long"
-  },
-  FULL_MONTH_DAY: {
-    day: "numeric",
-    month: "long"
-  },
-  MONTH: {
-    month: "short"
-  },
-  MONTH_DAY: {
-    day: "numeric",
-    month: "short"
-  },
-  MONTH_LONG: {
-    month: "long"
-  },
-  MONTH_SHORT: {
-    month: "short"
-  },
-  MONTH_SHORT_YEAR: {
-    month: "short",
-    year: "numeric"
-  },
-  MONTH_YEAR: {
-    month: "long",
-    year: "numeric"
-  },
-  YEAR_MONTH_DAY: {
-    day: "2-digit",
-    month: "2-digit",
-    year: "numeric"
-  },
-  MONTH_DAY_YEAR: {
-    month: "short",
-    day: "2-digit",
-    year: "numeric"
-  },
-  MED_MONTH_SHORT_DAY_FULL_YEAR: {
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  }
-}, I = (i, o) => M(new Date(i), Object.assign(o), { locale: T() }), P = ({
-  className: i,
-  copy: o,
-  disablePrimaryButton: t = !1,
-  isOpen: e = !1,
-  onClose: r,
-  onPrimaryAction: m,
-  primaryColor: c = "primary",
-  primaryText: _ = "Confirm",
-  onSecondaryAction: n,
-  secondaryColor: s = "primary",
-  secondaryText: l = "Cancel",
-  children: A,
-  ...d
-}) => {
-  const O = o?.title ?? "", h = o?.close_aria ?? "Close", D = () => {
-    m?.(), r();
-  }, y = () => {
-    n && n(), r();
-  };
-  return /* @__PURE__ */ a("div", { className: `mx-cmn-dialog ${i}`, children: /* @__PURE__ */ g(
-    u,
-    {
-      onClose: r,
-      open: e,
-      sx: {
-        "& .MuiDialog-paperScrollPaper": {
-          backgroundColor: "background.default"
-        },
-        height: "100%"
-      },
-      ...d,
-      children: [
-        /* @__PURE__ */ a(N, { copy: { title: O, close_aria: h }, onClose: r }),
-        /* @__PURE__ */ a(H, { sx: { lineHeight: 1.5 }, children: A }),
-        /* @__PURE__ */ a(
-          Y,
-          {
-            isPrimaryDisabled: t,
-            onPrimaryAction: D,
-            onSecondaryAction: y,
-            primaryColor: c,
-            primaryText: _,
-            secondaryColor: s,
-            secondaryText: l
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  b as D,
-  S as O,
-  P as a,
-  x as b,
-  I as f
-};

package/dist/Donut-Dmy3JTWd.mjs

@@ -1,86 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import b from "react";
-import { selectAll as m, interpolateString as x, arc as I } from "d3";
-import d from "@mui/material/Box";
-import { useTheme as S } from "@mui/material/styles";
-const k = 100, E = 140, v = 10, j = ({
-  data: u,
-  hoveredId: h,
-  onClick: a,
-  onMouseEnter: s,
-  onMouseLeave: l,
-  selectedId: i,
-  size: t = 300,
-  children: p
-}) => {
-  const f = S();
-  let r = 0;
-  const g = (o, n) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
-  }, y = (o) => {
-    s?.(o);
-  }, w = (o) => {
-    l?.(o);
-  };
-  return b.useEffect(() => {
-    m(".arc-outer").transition("roll").duration(500).attrTween("transform", () => x("rotate(0)", "rotate(360)"));
-  }, []), /* @__PURE__ */ c(d, { height: t, position: "relative", width: t, children: [
-    /* @__PURE__ */ e(d, { height: "100%", width: "100%", children: p }),
-    /* @__PURE__ */ c(
-      "svg",
-      {
-        height: t,
-        style: { position: "absolute", top: 0, left: 0 },
-        viewBox: "-150 -150 300 300",
-        width: t,
-        children: [
-          /* @__PURE__ */ e("style", { children: `
-            .arc-outer:focus,
-            .arc-outer:focus-visible {
-              stroke: ${f.palette.primary.main};
-              stroke-width: 3;
-              stroke-opacity: 0.8;
-            }
-          ` }),
-          /* @__PURE__ */ e("g", { children: u.map((o) => {
-            const n = r;
-            r = r + 2 * Math.PI * (o.value / 100);
-            const D = r, R = I().cornerRadius(4)({
-              innerRadius: k,
-              outerRadius: E + (o.id === i || o.id === h ? v : 0),
-              startAngle: n,
-              endAngle: D,
-              padAngle: 0.025
-            });
-            return /* @__PURE__ */ e(
-              "path",
-              {
-                "aria-label": o.label || `Segment ${o.id}`,
-                "aria-pressed": o.id === i,
-                className: "arc-outer",
-                d: R,
-                fill: o.color,
-                onBlur: () => w(o.id),
-                onClick: () => a?.(o.id),
-                onFocus: () => y(o.id),
-                onKeyDown: (A) => g(A, o.id),
-                onMouseEnter: () => s?.(o.id),
-                onMouseLeave: () => l?.(o.id),
-                role: "button",
-                style: {
-                  cursor: "pointer",
-                  outline: "none"
-                },
-                tabIndex: 0
-              },
-              o.id
-            );
-          }) })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  j as D
-};