@tesouro/embedded-components-react 0.2.6 → 0.2.15

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index343.js

@@ -1,72 +1,161 @@
-import { jsxs as q, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as F } from "react";
-import { Button as M } from "./index86.js";
-import { TableRow as T, TableCell as u } from "./index278.js";
-import { Trash2 as O } from "lucide-react";
-import { ItemSelector as S } from "./index345.js";
-import { PriceField as j } from "./index446.js";
-import { QuantityField as z } from "./index447.js";
-import { TaxRateField as B } from "./index448.js";
-import { VatRateField as E } from "./index449.js";
-const P = ({
-  field: v,
-  index: t,
-  control: h,
-  errors: l,
-  actualCurrency: m,
-  defaultCurrency: _ = "USD",
-  measureUnitsData: c,
-  isNonVatSupported: s,
-  vatRates: p,
-  highestVatRate: f,
-  tableRowClassName: x,
-  shouldOverrideVatRateDefaults: V,
-  container: w,
-  onRequestLineItemValue: a,
-  onLineItemValueChange: r,
-  onLineItemManuallyChanged: o,
-  onRequestOpenCreateProductDialog: R,
-  onUpdateItem: C,
-  onRemoveItem: I,
-  onRequestLineItemValidation: g
-}) => {
-  const N = !!l.line_items?.[t]?.product?.name, y = !!l.line_items?.[t]?.quantity, D = !!l.line_items?.[t]?.product?.price?.value, L = l.line_items?.[t]?.product?.measure_unit_id, U = (i, n, d) => {
-    a("vat_rate_id") !== i && r("vat_rate_id", i, {
-      shouldValidate: !1
-    }), a("vat_rate_value") !== n && r("vat_rate_value", n, {
-      shouldValidate: !1
-    }), s && a("tax_rate_value") !== d ? r("tax_rate_value", d, {
-      shouldValidate: !1
-    }) : !s && d === null && a("tax_rate_value") !== void 0 && r("tax_rate_value", void 0, {
-      shouldValidate: !1
-    });
-  }, b = () => {
-    g?.("tax_rate_value");
+import { isIndividualCounterpart as v, isOrganizationCounterpart as y } from "./index7.js";
+import { fromMinorUnits as b, toMinorUnits as g } from "./index119.js";
+import { getIndividualName as x } from "./index97.js";
+import { format as D } from "date-fns";
+import { resolveNullableUpdate as q } from "./index431.js";
+const B = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: v(e) ? x(e.individual.first_name, e.individual.last_name) : y(e) ? e.organization.legal_name : ""
+})) : [];
+function p(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => D(t, "yyyy-MM-dd"), M = (t, e, a) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
+  const {
+    document_id: r,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: n,
+    tags: l,
+    discount: d
+  } = e;
+  return {
+    invoiceNumber: r ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? p(u) : void 0,
+    dueDate: c ? p(c) : void 0,
+    currency: n ?? "USD",
+    tags: l ?? [],
+    discount: d && n ? t(d, n) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && n ? t(s.unit_price, n) ?? 0 : 0,
+      tax: s.tax ? I(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
   };
-  return /* @__PURE__ */ q(T, { className: x, children: [
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[40%]", children: /* @__PURE__ */ e(S, { onCreateItem: R, onChange: (i, n) => C(t, i, n), fieldName: a("product.name") || "", index: t, error: N, actualCurrency: m, defaultCurrency: _, measureUnits: c, container: w }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[20%]", children: /* @__PURE__ */ e(z, { index: t, control: h, quantityError: y, measureUnitsData: c, measureUnitFieldError: L, onRequestLineItemValue: a, onLineItemValueChange: r, onLineItemManuallyChanged: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[20%] ttw:text-right", children: /* @__PURE__ */ e(j, { error: D, currency: m ?? _, value: a("product.price.value"), onChange: (i) => {
-      r("product.price.value", i, {
-        shouldValidate: !0
-      }), o();
-    } }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-fit", children: s ? /* @__PURE__ */ e(B, { value: a("tax_rate_value"), onChange: (i) => {
-      r("tax_rate_value", i, {
-        shouldValidate: !0
-      }), o();
-    }, error: !!l.line_items?.[t]?.tax_rate_value, onModified: o, onBlur: b }) : /* @__PURE__ */ e(E, { value: a("vat_rate_id"), onChange: (i, n) => {
-      r("vat_rate_id", i, {
-        shouldValidate: !0
-      }), r("vat_rate_value", n, {
-        shouldValidate: !0
-      }), r("tax_rate_value", void 0, {
-        shouldValidate: !1
-      }), o();
-    }, availableVatRates: p ?? [], error: !!l.line_items?.[t]?.vat_rate_id, fieldError: l.line_items?.[t]?.vat_rate_id, isNonVatSupported: s, highestVatRate: f, currentTaxRateValue: a("tax_rate_value"), onInitializeDefaults: U, shouldOverrideVatRateDefaults: V, onModified: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:p-0 ttw:w-12", children: /* @__PURE__ */ e(M, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-muted-foreground ttw:hover:text-destructive", onClick: () => I(t), children: /* @__PURE__ */ e(O, {}) }) })
-  ] }, v.id);
-}, Y = F(P);
+}, T = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: i,
+  dueDate: o,
+  currency: u,
+  tags: c,
+  counterpartAddressId: n
+}, l) => ({
+  document_id: e,
+  discount: t && u ? l(t, u) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: i instanceof Date ? m(i) : void 0,
+  due_date: o instanceof Date ? m(o) : void 0,
+  currency: u,
+  tag_ids: c.map((d) => d.id),
+  counterpart_address_id: n
+}), _ = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, f = (t, e) => {
+  const a = t + e * t / 100;
+  return parseFloat(a.toFixed(2));
+}, w = (t) => {
+  const {
+    price: e,
+    quantity: a,
+    tax: r
+  } = t;
+  if (!e || !a) return 0;
+  const i = _(e, a);
+  return f(i, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: i
+  } = t.reduce((o, u) => {
+    const c = _(u.price, u.quantity), n = f(c, u.tax || 0);
+    return {
+      subtotal: o.subtotal + c,
+      taxes: o.taxes + (n - c),
+      total: o.total + n
+    };
+  }, {
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: i - (e ?? 0)
+  };
+}, C = (t, e, a, r) => {
+  const {
+    name: i,
+    quantity: o,
+    price: u,
+    tax: c,
+    ledger_account_id: n
+  } = e, l = r?.allowLedgerUpdate ? q(n, r?.previous) : n, d = {
+    name: i,
+    quantity: o,
+    tax: F(c),
+    unit_price: a(u, t) ?? 0
+  };
+  return l !== void 0 && (d.ledger_account_id = l), d;
+};
+function F(t) {
+  return g(t);
+}
+function I(t) {
+  return b(t);
+}
+const L = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const i = r[t] ?? !1, o = e?.[t] ?? !1;
+  return i || o;
+}, O = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
 export {
-  Y as InvoiceItemRow
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  B as counterpartsToSelect,
+  m as dateToString,
+  O as findDefaultBankAccount,
+  L as isFieldRequired,
+  M as prepareDefaultValues,
+  C as prepareLineItemSubmit,
+  T as prepareSubmit
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index344.js

@@ -1,40 +1,30 @@
-import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as x } from "@lingui/react";
-import { twMerge as f } from "tailwind-merge";
-import { useCurrencies as p } from "./index60.js";
-import "react";
-import "./index94.js";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-const a = ({
-  label: l,
-  value: r,
-  className: s
-}) => /* @__PURE__ */ m("li", { className: f("ttw:flex ttw:justify-between ttw:items-center", s), children: [
-  /* @__PURE__ */ t("span", { children: l }),
-  /* @__PURE__ */ t("span", { children: r?.toString() })
-] }), _ = ({
-  subtotalPrice: l,
-  totalTaxes: r,
-  totalPrice: s,
-  taxesByVatRate: o = {},
-  actualCurrency: i,
-  defaultCurrency: c
-}) => {
-  const {
-    i18n: e
-  } = x(), {
-    formatCurrencyToDisplay: u
-  } = p();
-  return /* @__PURE__ */ m("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2 ttw:list-none ttw:mt-4", children: [
-    /* @__PURE__ */ t(a, { label: e._("Subtotal"), value: l, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    Object.entries(o)?.length > 0 ? Object.entries(o).map(([n, w]) => /* @__PURE__ */ t(a, { label: e._("Total Tax ({taxRate}%)", {
-      taxRate: n
-    }), value: u(w, i || c || "USD", !0)?.toString(), className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }, n)) : /* @__PURE__ */ t(a, { label: e._("Taxes total"), value: r, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    /* @__PURE__ */ t(a, { label: e._("Total"), value: s, className: "ttw:text-base ttw:font-medium ttw:text-" })
-  ] });
-};
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index171.js";
+import { Stack as e } from "@mui/material";
+const x = ({
+  className: t,
+  searchField: i,
+  children: s,
+  sx: n
+}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
+  "& > *": {
+    flexBasis: "fit-content",
+    flexGrow: 1
+  },
+  "& > .Monite-SearchField": {
+    maxWidth: "400px",
+    width: "100%"
+  }
+}, n || {}), children: [
+  i,
+  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
+    ml: 2,
+    "& .Monite-FilterControl": {
+      maxWidth: "160px",
+      width: "100%"
+    }
+  }, children: s })
+] });
 export {
-  _ as InvoiceTotals
+  x as FilterContainer
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index345.js

@@ -1,192 +1,31 @@
-import { jsxs as c, jsx as i } from "@emotion/react/jsx-runtime";
-import { useState as g, useRef as ne, useCallback as p, useMemo as x, useEffect as ie } from "react";
-import { useMoniteContext as re } from "./index59.js";
-import { useCurrencies as ae } from "./index60.js";
-import "./index94.js";
-import { useLingui as se } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Combobox as oe, ComboboxInput as le, ComboboxContent as me, ComboboxList as ue, ComboboxItem as C, ComboboxSeparator as ce } from "./index92.js";
-import { InputGroupAddon as de } from "./index103.js";
-import { Loader2 as V, Plus as pe } from "lucide-react";
-const b = "__create-new__", u = "custom", Ie = ({
-  fieldName: a,
-  error: E,
-  disabled: F,
-  index: z = 0,
-  actualCurrency: B,
-  defaultCurrency: H,
-  measureUnits: _,
-  container: K,
-  onCreateItem: $,
-  onChange: o
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index67.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
 }) => {
-  const {
-    i18n: M
-  } = se(), k = B ?? H, [t, f] = g(""), [N, A] = g(!1), [Q, v] = g(null), [D, h] = g(!1), w = ne(!1), {
-    api: W
-  } = re(), {
-    formatCurrencyToDisplay: O
-  } = ae(), {
-    data: y,
-    isLoading: G,
-    fetchNextPage: S,
-    hasNextPage: T,
-    isFetchingNextPage: I
-  } = W.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: k
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      },
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
       }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!k
-  }), J = p((e) => {
-    const {
-      scrollTop: n,
-      scrollHeight: m,
-      clientHeight: P
-    } = e.currentTarget;
-    m - n - P < 100 && T && !I && S();
-  }, [S, T, I]), l = x(() => y ? y.pages.flatMap((e) => e.data) : [], [y]), r = x(() => !l || l.length === 0 ? [] : l.map((e) => {
-    const n = _ ? _.data.find((m) => m.id === e.measure_unit_id) : void 0;
-    return {
-      id: e.id,
-      label: e.name,
-      description: e.description,
-      price: e.price,
-      smallestAmount: e.smallest_amount,
-      measureUnit: n
-    };
-  }), [l, _, a]);
-  ie(() => {
-    !N && a && a.length > 0 && !t.length && (l?.find((e) => e?.name === a) || f(a));
-  }, [a, N, l, t]);
-  const R = p(() => {
-    A(!0), h(!0);
-  }, []), X = p(() => {
-    A(!1), t && t.trim() !== "" && !r.some((e) => e.label === t) && o({
-      id: u,
-      label: t
-    }, !1);
-  }, [t, r, o]);
-  let s = l?.find((e) => e?.id === Q);
-  if (!N && a && a.length > 0 && !t.length && !s) {
-    const e = l?.find(
-      (n) => n?.name === a
-      // potentially item?.product.name, double check
-    );
-    e && (s = e);
-  }
-  const Y = s ? s.id : t ? u : null, L = s ? s.name : t, {
-    matchingItems: U,
-    nonMatchingItems: j,
-    showCustomOption: q
-  } = x(() => {
-    const e = L.toLowerCase().trim();
-    if (!e || s && s.name.toLowerCase() === e)
-      return {
-        matchingItems: r,
-        nonMatchingItems: [],
-        showCustomOption: !1
-      };
-    const n = [], m = [];
-    for (const d of r)
-      d.label.toLowerCase().includes(e) ? n.push(d) : m.push(d);
-    const P = n.some((d) => d.label.toLowerCase() === e);
-    return {
-      matchingItems: n,
-      nonMatchingItems: m,
-      showCustomOption: !P && !!t.trim()
-    };
-  }, [L, r, s, t]), Z = x(() => [
-    b,
-    ...r.map((e) => e.id),
-    // Always include CUSTOM_ID when there's a custom name so Base UI tracks
-    // it as the selected value and shows the clear button. The visible
-    // ComboboxItem is still gated by showCustomOption.
-    ...t ? [u] : []
-  ], [r, t]), ee = p((e) => {
-    if (!e) {
-      v(null), f(""), o({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    if (e === b) {
-      $();
-      return;
-    }
-    if (e === u) {
-      w.current = !0, o({
-        id: u,
-        label: t
-      }, !1);
-      return;
-    }
-    const n = r.find((m) => m.id === e);
-    n && (v(n.id), f(""), o(n, !0));
-  }, [t, r, o, $]), te = p((e) => {
-    if (e !== b && e !== u && !r.some((n) => n.id === e)) {
-      if (!e && w.current) {
-        w.current = !1;
-        return;
-      }
-      f(e), v(null), e.trim() && o({
-        id: u,
-        label: e
-      }, !1);
-    }
-  }, [r, o]);
-  return /* @__PURE__ */ c(oe, { value: Y, onValueChange: ee, inputValue: L, onInputValueChange: te, items: Z, filter: () => !0, disabled: F, open: D, onOpenChange: h, children: [
-    /* @__PURE__ */ i(le, { id: `item-selector-${z}`, placeholder: M._("Line item"), "aria-invalid": E || void 0, maxLength: 100, onFocus: R, onBlur: X, onClick: () => {
-      D || h(!0);
-    }, onKeyDown: (e) => {
-      e.key === "Enter" && (e.preventDefault(), t.trim() && (w.current = !0), h(!1));
-    }, showClear: !0, className: "ttw:w-full", children: G && /* @__PURE__ */ i(de, { align: "inline-start", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ i(me, { container: K, className: "ttw:min-w-138", children: /* @__PURE__ */ c(ue, { onScroll: J, children: [
-      /* @__PURE__ */ c(C, { value: b, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
-        /* @__PURE__ */ i(pe, {}),
-        M._("Create new item")
-      ] }),
-      U.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      q && /* @__PURE__ */ i(C, { value: u, children: /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: t }) }),
-      (U.length > 0 || q) && j.length > 0 && /* @__PURE__ */ i(ce, {}),
-      j.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      I && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
+    } })
   ] });
 };
 export {
-  u as CUSTOM_ID,
-  Ie as ItemSelector
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index346.js

@@ -1,28 +1,80 @@
-import { jsxs as o, jsx as t } from "@emotion/react/jsx-runtime";
-import { useFormContext as c } from "react-hook-form";
-import { DropdownMenu as d, DropdownMenuTrigger as m, DropdownMenuContent as l, DropdownMenuItem as r } from "./index152.js";
-import { useLingui as u } from "@lingui/react";
-import { ChevronDownIcon as x } from "lucide-react";
-function g({
-  disabled: e
+function i({
+  layout: r,
+  navigationPosition: e,
+  pageSizePosition: t,
+  hasPageSizeSelect: n
 }) {
-  const {
-    i18n: n
-  } = u(), {
-    setValue: i,
-    watch: a
-  } = c(), s = a("tax_mode") === "inclusive";
-  return /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ t(m, { asChild: !0, disabled: e, children: /* @__PURE__ */ o("button", { type: "button", className: "ttw:text-primary ttw:font-medium ttw:text-sm ttw:flex ttw:items-center ttw:gap-1", disabled: e, children: [
-      n._(s ? "Incl. tax" : "Excl. tax"),
-      !e && /* @__PURE__ */ t(x, { className: "ttw:w-4 ttw:h-4" })
-    ] }) }),
-    /* @__PURE__ */ o(l, { children: [
-      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "exclusive"), children: n._("Excluding tax") }),
-      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "inclusive"), children: n._("Including tax") })
-    ] })
-  ] });
+  if (!n)
+    return {
+      justifyContent: "center",
+      flexDirection: "row",
+      gap: void 0
+    };
+  if (r === "custom") {
+    if (e === "center" && t === "center")
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "left" && t === "left")
+      return {
+        justifyContent: "flex-start",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "right" && t === "right")
+      return {
+        justifyContent: "flex-end",
+        flexDirection: "row-reverse",
+        gap: 3
+      };
+    if (e === "left" && t === "right")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+    if (e === "right" && t === "left")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    if (e === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: t === "left" ? "row-reverse" : "row",
+        gap: void 0
+      };
+    if (t === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: e === "left" ? "row" : "row-reverse",
+        gap: void 0
+      };
+  }
+  switch (r) {
+    case "reversed":
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    case "centered":
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    default:
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+  }
 }
 export {
-  g as TaxModeMenu
+  i as getLayoutStyles
 };