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

package/dist/RecurringTransactionsStore-D_--5PWH.mjs

@@ -1,277 +0,0 @@
-import { makeAutoObservable as R, runInAction as c } from "mobx";
-import { endOfMonth as f } from "date-fns/endOfMonth";
-import { isAfter as g } from "date-fns/isAfter";
-import { isBefore as S } from "date-fns/isBefore";
-import { isSameDay as p } from "date-fns/isSameDay";
-import { isWithinInterval as T } from "date-fns/isWithinInterval";
-import { startOfMonth as y } from "date-fns/startOfMonth";
-import { startOfToday as i } from "date-fns/startOfToday";
-import { subDays as I } from "date-fns/subDays";
-import { F as x, A as o } from "./Fetch-DecPFeGU.mjs";
-import { a as u, b as A, c as r, d } from "./RepeatingTransaction-C2txVA9O.mjs";
-var E = /* @__PURE__ */ ((a) => (a.Small = "small", a.Medium = "medium", a.Large = "large", a))(E || {});
-const G = 44;
-class h {
-  fetchInstance;
-  constructor(t, e, n) {
-    this.fetchInstance = new x(t, e, void 0, n);
-  }
-  addRepeatingTransaction = async (t) => this.fetchInstance.post(o.REPEATING_TRANSACTIONS, t).then((e) => e.repeating_transaction);
-  getRepeatingTransactions = async () => this.fetchInstance.get(o.REPEATING_TRANSACTIONS).then((t) => t.repeating_transactions);
-  updateRepeatingTransaction = async (t) => this.fetchInstance.put(
-    `${o.REPEATING_TRANSACTIONS}/${t.guid}`,
-    t
-  ).then((e) => e.repeating_transaction);
-  deleteRepeatingTransaction = async (t) => this.fetchInstance.delete(`${o.REPEATING_TRANSACTIONS}/${t}`).then((e) => e);
-}
-const l = (a, t) => T(t.expectedDate, a), s = (a, t) => a + t.amount;
-class U {
-  globalStore;
-  api = new h("/", "");
-  repeatingTransactions = [];
-  isDataLoaded = !1;
-  selectedDay;
-  dateRange = { start: y(i()), end: f(i()) };
-  constructor(t) {
-    this.globalStore = t, this.api = new h(
-      t.endpoint,
-      t.sessionToken,
-      t.onError
-    ), R(this);
-  }
-  get detailedRepeatingTransactions() {
-    return u(
-      this.globalStore.accountStore.visibleAccounts,
-      this.repeatingTransactions,
-      this.globalStore.transactionStore.transactions
-    );
-  }
-  /**
-   * Returns all recurrences built from repeating transactions and filtered by accounts.
-   */
-  get recurrences() {
-    const t = this.globalStore.accountStore.visibleAccounts;
-    return A(this.detailedRepeatingTransactions, this.dateRange).filter((e) => t.some((n) => n.guid === e.accountGuid && !n.is_excluded_from_accounts)).filter((e) => T(e.expectedDate, this.dateRange));
-  }
-  /**
-   * Returns all recurrences that have occurred in the past, including those that are paid or missed
-   */
-  get pastRecurrences() {
-    return this.recurrences.filter(
-      (t) => t.status === r.Paid || t.status === r.Missed
-    );
-  }
-  /**
-   * Returns all recurrences that are expected to occur through the end of the month
-   * or should have occurred in the last 3 days.
-   */
-  get upcomingRecurrences() {
-    return this.recurrences.filter(
-      (t) => g(t.expectedDate, I(i(), 3)) && S(t.expectedDate, this.dateRange.end) && t.status === r.Upcoming
-    );
-  }
-  /**
-   * Returns all expense recurrences.
-   */
-  get expenses() {
-    return this.recurrences.filter(
-      (t) => t.type === d.Expense
-    );
-  }
-  /**
-   * Returns the upcoming expense recurrences.
-   */
-  get upcomingExpenses() {
-    return this.expenses.filter(
-      (t) => t.status === r.Upcoming
-    );
-  }
-  /**
-   * Returns all income recurrences.
-   */
-  get income() {
-    return this.recurrences.filter(
-      (t) => t.type === d.Income
-    );
-  }
-  /**
-   * Returns the upcoming income recurrences.
-   */
-  get upcomingIncome() {
-    return this.income.filter(
-      (t) => t.status === r.Upcoming
-    );
-  }
-  get nextIncomeRecurrence() {
-    return this.upcomingIncome.find((t) => g(t.expectedDate, i()));
-  }
-  /**
-   * Returns the expense recurrences for the current month.
-   */
-  get currentMonthExpenses() {
-    return this.expenses.filter(
-      (t) => l(this.dateRange, t)
-    );
-  }
-  /**
-   * Returns the income recurrences for the current month.
-   */
-  get currentMonthIncome() {
-    return this.income.filter(
-      (t) => l(this.dateRange, t)
-    );
-  }
-  /**
-   * Calculates the total amount of all expenses for the current month.
-   */
-  get expenseTotal() {
-    return this.currentMonthExpenses.reduce(s, 0);
-  }
-  /**
-   * Calculates the total amount of all paid expenses for the current month.
-   */
-  get paidExpenseTotal() {
-    return this.currentMonthExpenses.filter((t) => t.status === r.Paid).reduce(s, 0);
-  }
-  /**
-   * Calculates the total amount of all missed expenses for the current month.
-   */
-  get missedExpenseTotal() {
-    return this.currentMonthExpenses.filter((t) => t.status === r.Missed).reduce(s, 0);
-  }
-  /**
-   * Calculates the total amount of all upcoming expenses for the current month.
-   */
-  get upcomingExpenseTotal() {
-    return this.currentMonthExpenses.filter((t) => t.status === r.Upcoming).reduce(s, 0);
-  }
-  /**
-   * Calculates the total amount of all income for the current month.
-   */
-  get incomeTotal() {
-    return this.currentMonthIncome.reduce(s, 0);
-  }
-  /**
-   * Calculates the total amount of all paid income for the current month.
-   */
-  get paidIncomeTotal() {
-    return this.currentMonthIncome.filter((t) => t.status === r.Paid).reduce(s, 0);
-  }
-  /**
-   * Calculates the total amount of all upcoming income for the current month.
-   */
-  get upcomingIncomeTotal() {
-    return this.currentMonthIncome.filter((t) => t.status === r.Upcoming).reduce(s, 0);
-  }
-  /**
-   * Get the recurrences for the currently selected day.
-   */
-  get selectedDayRecurrences() {
-    return this.selectedDay && this.recurrences.filter(
-      (t) => this.selectedDay && p(t.occurredOnDate || t.expectedDate, this.selectedDay)
-    );
-  }
-  setRepeatingTransactions = (t) => {
-    this.repeatingTransactions = t, this.isDataLoaded = !0;
-  };
-  /**
-   * Set the date range for filtering recurrences.
-   * @param dateRange - The date range to set.
-   */
-  setDateRange = (t) => this.dateRange = t;
-  /**
-   * Set the currently selected day.
-   * @param day - The day to select.
-   */
-  setSelectedDay = (t) => {
-    this.selectedDay = this.selectedDay && p(t, this.selectedDay) ? void 0 : t;
-  };
-  loadRepeatingTransactionData = async () => {
-    await Promise.all([
-      this.globalStore.accountStore.loadAccountData(),
-      this.globalStore.categoryStore.loadCategories(),
-      this.globalStore.transactionStore.loadTransactionData()
-    ]), await this.loadRepeatingTransactions();
-  };
-  /**
-   * Load repeating transactions and augment them with additional data.
-   */
-  loadRepeatingTransactions = async () => {
-    try {
-      const t = await this.api.getRepeatingTransactions();
-      this.setRepeatingTransactions(t);
-    } catch (t) {
-      console.error(`Error occurred while getting repeating transactions: ${t}`);
-    }
-  };
-  /**
-   * Add a new repeating transaction and link it to the associated transaction.
-   * @param repeatingTransaction - The repeating transaction to add.
-   * @param transaction - The transaction associated with the repeating transaction.
-   */
-  addRepeatingTransaction = async (t, e) => {
-    try {
-      const n = await this.api.addRepeatingTransaction(t);
-      await this.globalStore.transactionStore.updateTransaction({
-        ...e,
-        repeating_transaction_guid: n.guid
-      }), c(() => {
-        this.repeatingTransactions = [
-          ...this.repeatingTransactions,
-          ...u(
-            this.globalStore.accountStore.visibleAccounts,
-            [n],
-            this.globalStore.transactionStore.transactions
-          )
-        ];
-      });
-    } catch (n) {
-      console.error(`Error occurred while adding repeating transaction: ${n}`);
-    }
-  };
-  /**
-   * Delete a repeating transaction by its GUID.
-   * @param guid - The GUID of the repeating transaction to delete.
-   */
-  deleteRepeatingTransaction = async (t) => {
-    try {
-      await this.api.deleteRepeatingTransaction(t), c(() => {
-        this.repeatingTransactions = [
-          ...this.repeatingTransactions.filter((e) => e.guid !== t)
-        ];
-      });
-    } catch (e) {
-      console.error(`Error occurred while deleting repeating transaction: ${e}`);
-    }
-  };
-  /**
-   * Update an existing repeating transaction.
-   * @param transaction - The repeating transaction to update.
-   */
-  updateRepeatingTransaction = async (t) => {
-    try {
-      const e = await this.api.updateRepeatingTransaction(t), n = this.repeatingTransactions.findIndex(
-        (m) => m.guid === e.guid
-      );
-      if (n < 0) return;
-      c(() => {
-        this.repeatingTransactions = [
-          ...this.repeatingTransactions.slice(0, n),
-          ...u(
-            this.globalStore.accountStore.visibleAccounts,
-            [e],
-            this.globalStore.transactionStore.transactions
-          ),
-          ...this.repeatingTransactions.slice(n + 1)
-        ];
-      });
-    } catch (e) {
-      console.error(`Error occurred while updating repeating transaction: ${e}`);
-    }
-  };
-}
-export {
-  U as R,
-  E as S,
-  G as T
-};

package/dist/RepeatingTransaction-C2txVA9O.mjs

@@ -1,292 +0,0 @@
-import { jsxs as M, Fragment as B, jsx as d } from "react/jsx-runtime";
-import P from "@mui/material/Avatar";
-import w from "@mui/material/ListItem";
-import L from "@mui/material/ListItemAvatar";
-import U from "@mui/material/ListItemButton";
-import G from "@mui/material/ListItemText";
-import { Icon as I, IconWeight as S } from "@mxenabled/mxui";
-import C from "@mui/material/ListItemIcon";
-import $ from "@mui/material/MenuItem";
-import j from "@mui/material/TextField";
-import { ExpandMore as z } from "@mxenabled/mx-icons";
-import { addDays as Q } from "date-fns/addDays";
-import { addMonths as f } from "date-fns/addMonths";
-import { addQuarters as A } from "date-fns/addQuarters";
-import { addYears as K } from "date-fns/addYears";
-import { formatISO as H } from "date-fns/formatISO";
-import { fromUnixTime as V } from "date-fns/fromUnixTime";
-import { getUnixTime as y } from "date-fns/getUnixTime";
-import { isAfter as h } from "date-fns/isAfter";
-import { isBefore as u } from "date-fns/isBefore";
-import { isSameDay as X } from "date-fns/isSameDay";
-import { nextDay as E } from "date-fns/nextDay";
-import { parseISO as J } from "date-fns/parseISO";
-import { setDate as g } from "date-fns/setDate";
-import { startOfToday as b } from "date-fns/startOfToday";
-import { subDays as D } from "date-fns/subDays";
-import { subMonths as Z } from "date-fns/subMonths";
-import { subQuarters as N } from "date-fns/subQuarters";
-import { subYears as T } from "date-fns/subYears";
-import { lastDayOfMonth as q } from "date-fns/lastDayOfMonth";
-import { setDayOfYear as F } from "date-fns/setDayOfYear";
-import { g as R, a as ee, b as te, c as re, d as oe, e as ae, f as ne } from "./DateUtil-CVsMhbZU.mjs";
-import { b as W } from "./NumberFormatting-DjTD0t3W.mjs";
-import { f as v, D as k } from "./Dialog-CWymUiuO.mjs";
-import { b as l } from "./Localization-2MODESHW.mjs";
-const qe = ({ iconName: e, label: a, onClick: t, value: n }) => {
-  const o = /* @__PURE__ */ M(B, { children: [
-    /* @__PURE__ */ d(L, { children: /* @__PURE__ */ d(P, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ d(I, { name: e, sx: { color: "text.primary" }, weight: S.Dark }) }) }),
-    /* @__PURE__ */ d(
-      G,
-      {
-        primary: a,
-        primaryTypographyProps: { variant: "XSmall" },
-        secondary: n,
-        secondaryTypographyProps: { color: "text.default", variant: "Body", fontWeight: 600 }
-      }
-    )
-  ] });
-  return t ? /* @__PURE__ */ d(w, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ M(U, { onClick: t, children: [
-    o,
-    /* @__PURE__ */ d(C, { children: /* @__PURE__ */ d(I, { name: "chevron_right", size: 24 }) })
-  ] }) }) : /* @__PURE__ */ d(w, { disableGutters: !1, disablePadding: !1, children: o });
-}, Fe = ({ label: e, onChange: a, options: t, value: n, ...o }) => /* @__PURE__ */ d(
-  j,
-  {
-    InputLabelProps: { shrink: !0 },
-    SelectProps: {
-      IconComponent: (c) => /* @__PURE__ */ d(z, { size: 20, sx: { mr: 4 }, ...c })
-    },
-    defaultValue: 0,
-    label: e,
-    onChange: (c) => {
-      a(Number(c.target.value));
-    },
-    select: !0,
-    value: n,
-    variant: "outlined",
-    ...o,
-    children: t.map((c) => /* @__PURE__ */ d($, { value: c.id, children: c.label }, c.id))
-  }
-), se = (e) => {
-  if (!e) return "";
-  let a = e.user_name || e.feed_name || "";
-  return e.account_number && (a = `${a} *${e.account_number}`), a;
-}, ce = (e, a) => {
-  const t = [], n = e.transactions.find(
-    (m) => m.repeating_transaction_guid === e.guid
-  );
-  if (!n) return [];
-  const o = J(e.predicted_occurs_on), r = {
-    accountGuid: e.account?.guid || "",
-    amount: e.amount,
-    categoryGuid: n.category_guid || "",
-    expectedDate: o,
-    frequency: e.recurrence_type,
-    institutionGuid: e.account?.institution_guid || "",
-    institutionName: se(e.account),
-    merchantGuid: e.merchant_guid,
-    name: e.description,
-    recurrenceDay: e.recurrence_day,
-    repeatingTransactionGuid: e.guid,
-    secondRecurrenceDay: e.second_recurrence_day,
-    status: p.Upcoming,
-    type: e.repeating_transaction_type === Y.Income ? O.Income : O.Expense,
-    transaction: void 0
-  }, c = a.start, i = a.end;
-  switch (e.recurrence_type) {
-    case s.EveryWeek:
-      t.push(...ie(r, c, i));
-      break;
-    case s.EveryOtherWeek:
-      t.push(...ue(r, c, i));
-      break;
-    case s.TwiceAMonth:
-      t.push(...de(r, c, i));
-      break;
-    case s.EveryMonth:
-      t.push(...me(r, c, i));
-      break;
-    case s.EveryOtherMonth:
-      t.push(...le(r, c, i));
-      break;
-    case s.EveryQuarter:
-      t.push(...he(r, c, i));
-      break;
-    case s.EveryOtherQuarter:
-      t.push(...fe(r, c, i));
-      break;
-    case s.EveryYear:
-      t.push(...pe(r, c, i));
-      break;
-  }
-  for (const m of t) {
-    const _ = e.transactions.find(
-      (x) => x.repeating_transaction_guid === e.guid && x.date > y(D(m.expectedDate, 5)) && x.date < y(Q(m.expectedDate, 5))
-    );
-    _ ? (m.transaction = _, m.status = p.Paid, m.occurredOnDate = V(_.date)) : u(m.expectedDate, D(b(), 3)) && (m.status = p.Missed);
-  }
-  return t;
-}, ie = (e, a, t) => {
-  const n = [];
-  let o = E(a, e.recurrenceDay);
-  for (; u(o, t); )
-    n.push({ ...e, expectedDate: o }), o = E(o, e.recurrenceDay);
-  return n;
-}, ue = (e, a, t) => {
-  const n = [], o = e.expectedDate;
-  if (u(o, t)) {
-    let r = D(o, 14);
-    for (; h(r, a) || X(r, a); )
-      n.push({ ...e, expectedDate: r }), r = D(r, 14);
-    for (r = o; h(r, a) && u(r, t); )
-      n.push({ ...e, expectedDate: r }), r = Q(r, 14);
-  }
-  return n;
-}, de = (e, a, t) => {
-  const n = [];
-  let o = g(a, e.recurrenceDay);
-  for (; u(o, t); )
-    n.push({ ...e, expectedDate: o }), o = f(o, 1);
-  let r = e.secondRecurrenceDay && e.secondRecurrenceDay < 28 ? g(a, e.secondRecurrenceDay) : q(a);
-  for (; u(r, t); )
-    n.push({ ...e, expectedDate: r }), r = f(r, 1);
-  return n;
-}, me = (e, a, t) => {
-  const n = [];
-  let o = g(a, e.recurrenceDay);
-  for (n.push({ ...e, expectedDate: o }), o = f(o, 1); u(o, t); )
-    n.push({ ...e, expectedDate: o }), o = f(o, 1);
-  return n;
-}, le = (e, a, t) => {
-  const n = [], o = e.expectedDate;
-  let r = u(o, t) ? o : Z(o, 2);
-  for (; u(r, t); )
-    h(r, a) && n.push({ ...e, expectedDate: r }), r = f(r, 2);
-  return n;
-}, he = (e, a, t) => {
-  const n = [], o = e.expectedDate;
-  let r = u(o, t) ? o : N(o, 1);
-  for (; u(r, t); )
-    h(r, a) && n.push({ ...e, expectedDate: r }), r = A(r, 1);
-  return n;
-}, fe = (e, a, t) => {
-  const n = [], o = e.expectedDate;
-  let r = u(o, t) ? o : N(o, 2);
-  for (; u(r, t); )
-    h(r, a) && n.push({ ...e, expectedDate: r }), r = A(r, 2);
-  return n;
-}, pe = (e, a, t) => {
-  const n = [], o = e.expectedDate;
-  let r = u(o, t) ? o : T(o, 1);
-  for (; u(r, t); )
-    h(r, a) && n.push({ ...e, expectedDate: r }), r = K(r, 1);
-  return n;
-}, Re = (e, a) => {
-  const t = [];
-  for (const n of e) {
-    const o = ce(n, a);
-    t.push(...o);
-  }
-  return t.sort(
-    (n, o) => y(n.occurredOnDate || n.expectedDate) - y(o.occurredOnDate || o.expectedDate)
-  );
-}, et = (e, a, t) => {
-  const n = [];
-  for (const o of a) {
-    const r = t.filter(
-      (c) => c.repeating_transaction_guid === o.guid
-    );
-    t.length > 0 && n.push({
-      ...o,
-      account: e.find((c) => c.guid === o.account_guid),
-      transactions: r
-    });
-  }
-  return n;
-}, tt = (e) => e.reduce((a, t) => {
-  const n = H(t.expectedDate, { representation: "date" }), o = a.find(
-    (r) => r.date.toString() === t.expectedDate.toString()
-  );
-  return o ? o.recurrences.push(t) : a.push({
-    date: t.expectedDate,
-    id: `date-${n}`,
-    recurrences: [t]
-  }), a;
-}, []), rt = (e, a, t) => {
-  const n = E(b(), a.recurrence_day), o = F(b(), a.recurrence_day), r = W(a.recurrence_day), c = a.second_recurrence_day ? W(a.second_recurrence_day) : "";
-  let i = t ? l(e.monthly_ordinal, r) : e.monthly;
-  switch (a.recurrence_type) {
-    case s.EveryQuarter:
-      i = t ? l(e.quarterly_ordinal, r) : e.quarterly;
-      break;
-    case s.EveryWeek:
-      i = t ? l(
-        e.weekly_ordinal,
-        v(n, k.DAY_OF_WEEK)
-      ) : e.weekly;
-      break;
-    case s.EveryYear:
-      i = t ? l(
-        e.anually_ordinal,
-        v(o, k.MONTH_DAY)
-      ) : e.anually;
-      break;
-    case s.EveryOtherWeek:
-      i = t ? l(
-        e.every_other_week_ordinal,
-        v(n, k.DAY_OF_WEEK)
-      ) : e.every_other_week;
-      break;
-    case s.EveryOtherMonth:
-      i = t ? l(e.every_other_month_ordinal, r) : e.every_other_month;
-      break;
-    case s.EveryOtherQuarter:
-      i = t ? l(e.every_other_quarter_ordinal, r) : e.every_other_quarter;
-      break;
-    case s.TwiceAMonth:
-      i = t ? l(e.twice_a_month_ordinal, r, c) : e.twice_a_month;
-      break;
-  }
-  return i;
-}, ot = (e, a) => {
-  let t = a;
-  switch (e) {
-    case s.EveryWeek:
-      t = ne(a);
-      break;
-    case s.EveryOtherWeek:
-      t = ae(a);
-      break;
-    case s.EveryMonth:
-      t = oe(a);
-      break;
-    case s.EveryOtherMonth:
-      t = re(a);
-      break;
-    case s.EveryQuarter:
-      t = te(a);
-      break;
-    case s.EveryOtherQuarter:
-      t = ee(a);
-      break;
-    case s.EveryYear:
-      t = R(a);
-      break;
-  }
-  return t;
-};
-var s = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EveryWeek = 1] = "EveryWeek", e[e.EveryOtherWeek = 2] = "EveryOtherWeek", e[e.EveryMonth = 3] = "EveryMonth", e[e.EveryOtherMonth = 4] = "EveryOtherMonth", e[e.EveryQuarter = 5] = "EveryQuarter", e[e.EveryOtherQuarter = 6] = "EveryOtherQuarter", e[e.EveryYear = 7] = "EveryYear", e[e.TwiceAMonth = 8] = "TwiceAMonth", e))(s || {}), p = /* @__PURE__ */ ((e) => (e[e.Paid = 0] = "Paid", e[e.Missed = 1] = "Missed", e[e.Upcoming = 2] = "Upcoming", e))(p || {}), O = /* @__PURE__ */ ((e) => (e[e.Expense = 0] = "Expense", e[e.Income = 1] = "Income", e))(O || {}), Y = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.Subscription = 1] = "Subscription", e[e.Bill = 2] = "Bill", e[e.Income = 3] = "Income", e[e.Transfer = 4] = "Transfer", e))(Y || {});
-export {
-  qe as D,
-  s as F,
-  Y as R,
-  Fe as S,
-  et as a,
-  Re as b,
-  p as c,
-  O as d,
-  ot as e,
-  tt as f,
-  rt as g
-};

package/dist/SearchBox-B2_zLv8-.mjs

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