@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,77 +1,42 @@
-import { getCurrencyEnum as o } from "./index201.js";
-import { z as t } from "zod";
-const r = (e, n) => !!n?.required_fields?.includes(e), c = (e) => {
-  const n = t.array(t.object({
-    id: t.string().meta({
-      title: e._("Item ID")
-    }),
-    name: t.string().min(1, e._("Item name is required")).meta({
-      title: e._("Item Name")
-    }),
-    quantity: t.coerce.number().positive(e._("Item quantity must be positive")).meta({
-      title: e._("Quantity")
-    }),
-    price: t.coerce.number().min(0, e._("Item price cannot be negative")).meta({
-      title: e._("Price")
-    }),
-    tax: t.coerce.number().min(0, e._("Item tax cannot be negative")).max(100, e._("Item tax cannot exceed 100%")).meta({
-      title: e._("Tax")
-    }),
-    ledger_account_id: t.string().nullable().optional().meta({
-      title: e._("GL Code")
-    })
-  })).meta({
-    title: e._("Line Items")
-  }), i = t.object({
-    id: t.string(),
-    name: t.string()
-  }).loose().meta({
-    title: e._("Tag")
-  });
-  return t.object({
-    invoiceNumber: t.string().min(1, e._("Invoice Number is required")).meta({
-      title: e._("Invoice Number")
-    }),
-    counterpart: t.string().meta({
-      title: e._("Vendor")
-    }),
-    counterpartBankAccount: t.string().optional().meta({
-      title: e._("Vendor Bank Account")
-    }),
-    invoiceDate: t.preprocess((a) => a === null ? void 0 : a, t.date()).optional().meta({
-      title: e._("Invoice Date")
-    }),
-    dueDate: t.preprocess((a) => a === null ? void 0 : a, t.date()).optional().meta({
-      title: e._("Due Date")
-    }),
-    currency: o().optional().meta({
-      title: e._("Currency")
-    }),
-    tags: t.array(i).meta({
-      title: e._("Tags")
-    }),
-    lineItems: n,
-    discount: t.union([t.coerce.number().min(0), t.null()]).optional().meta({
-      title: e._("Discount")
-    })
-  });
-}, s = (e, n) => c(e).refine((i) => i.dueDate instanceof Date, {
-  path: ["dueDate"],
-  message: e._("Due date is required")
-}).refine((i) => !r("counterpart_id", n) || !!i.counterpart, {
-  path: ["counterpart"],
-  message: e._("Vendor is required")
-}).refine((i) => !r("counterpart_bank_account_id", n) || !!i.counterpartBankAccount, {
-  path: ["counterpartBankAccount"],
-  message: e._("Vendor bank account is required")
-}).refine((i) => !r("issued_at", n) || i.invoiceDate instanceof Date, {
-  path: ["invoiceDate"],
-  message: e._("Invoice date is required")
-}).refine((i) => !r("currency", n) || i.currency !== void 0, {
-  path: ["currency"],
-  message: e._("Currency is required")
-});
+import { jsx as n, jsxs as a, Fragment as v } from "@emotion/react/jsx-runtime";
+import { createElement as x } from "@emotion/react";
+import { useLedgerAccounts as L } from "./index20.js";
+import { useRootElements as C } from "./index93.js";
+import { useLingui as T } from "@lingui/react";
+import { FormControl as G, TextField as p, Autocomplete as P, Typography as s, CircularProgress as A } from "@mui/material";
+import { useMemo as m } from "react";
+const k = ({
+  value: r,
+  error: u,
+  helperText: c,
+  disabled: h,
+  placeholder: y,
+  onChange: f
+}) => {
+  const {
+    i18n: t
+  } = T(), {
+    data: l,
+    isLoading: d,
+    error: g
+  } = L(), {
+    root: b
+  } = C(), i = m(() => l?.data ?? [], [l?.data]), _ = m(() => r ? i.find((e) => e.id === r) ?? null : null, [r, i]);
+  return g ? /* @__PURE__ */ n(G, { error: !0, fullWidth: !0, children: /* @__PURE__ */ n(p, { label: t._("GL Code"), variant: "standard", disabled: !0, error: !0, helperText: t._("Failed to load GL codes") }) }) : /* @__PURE__ */ n(P, { options: i, value: _, onChange: (e, o) => f(o?.id || null), getOptionLabel: (e) => e.nominal_code && e.type ? `${e.nominal_code} — ${e.type}` : e.nominal_code || e.type || e.name || "", isOptionEqualToValue: (e, o) => e.id === o.id, loading: d, disabled: h || d, slotProps: {
+    popper: {
+      container: b
+    }
+  }, renderInput: (e) => /* @__PURE__ */ n(p, { ...e, label: t._("GL Code"), variant: "standard", fullWidth: !0, error: u, helperText: c, placeholder: y, InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ a(v, { children: [
+      d ? /* @__PURE__ */ n(A, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }), renderOption: (e, o) => /* @__PURE__ */ x("li", { ...e, key: o.id }, /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ n(s, { variant: "body2", color: "text.secondary", component: "div", fontWeight: 600, children: o.nominal_code && o.type ? `${o.nominal_code} — ${o.type}` : o.nominal_code || o.type }),
+    o.subtype && /* @__PURE__ */ n(s, { variant: "body2", component: "div", fontWeight: 400, children: o.subtype })
+  ] })), noOptionsText: t._("No GL codes found") });
+};
 export {
-  s as getPayableDetailsFormSchema,
-  r as isFieldRequiredByValidations
+  k as GLCodeSelector
 };

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

@@ -1,24 +1,22 @@
-import { useMemo as s } from "react";
-import { useLingui as t } from "@lingui/react";
-import { useExistingCurrenciesFromProducts as u } from "./index494.js";
+import { useMoniteContext as s } from "./index58.js";
+import { useUserPermissions as e } from "./index132.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as t } from "../../shared/data-access/dist/lib/scopes.js";
+import "react";
 const d = () => {
   const {
-    i18n: r
-  } = t(), {
-    existingCurrencies: e,
-    isLoadingProducts: o
-  } = u();
+    api: o
+  } = s(), r = e().has(t.AccountingConfigReadOrg);
   return {
-    currencyGroups: s(() => [{
-      title: r._("You have items in"),
-      predicate: (i) => e.has(i.code)
-    }, {
-      title: r._("No items created in"),
-      predicate: (i) => !e.has(i.code)
-    }], [e, r]),
-    isLoadingCurrencyGroups: o
+    tagsQuery: o.finops.getTags.useQuery({}, {
+      enabled: r
+    })
   };
 };
 export {
-  d as useProductCurrencyGroups
+  d as useTags
 };

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

@@ -1,11 +1,10 @@
-import { getCountries as e } from "./index95.js";
-import { getCurrencies as o } from "./index96.js";
-const m = (t, n) => {
-  const c = u(t, n);
-  return n.is_default_for_currency ? t._("{bankAccountName} (Default)", {
-    bankAccountName: c
-  }) : c;
-}, u = (t, n) => n.name ? n.name : n.country && n.currency ? `${e(t)[n.country]} (${o(t)[n.currency]})` : n.id;
+import { useState as c, useEffect as o } from "react";
+const u = (e, t) => {
+  const [s, r] = c(!1);
+  return o(() => {
+    e && r(e.scrollWidth > e.clientWidth);
+  }, [e, t]), s;
+};
 export {
-  m as getBankAccountName
+  u as useIsTextTruncated
 };

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

@@ -1,142 +1,38 @@
-import { jsx as a, Fragment as D, jsxs as o } from "@emotion/react/jsx-runtime";
-import { tagCategories as _, getTagCategoryLabel as B } from "./index332.js";
-import { useTags as K } from "./index333.js";
-import { MoniteScopedProviders as L } from "./index85.js";
-import { useRootElements as R } from "./index94.js";
-import { Button as c } from "./index86.js";
-import { Form as O, FormField as g, FormItem as u, FormLabel as p, FormControl as N, FormMessage as h } from "./index346.js";
-import { Input as U } from "./index119.js";
-import { InputTags as q } from "./index347.js";
-import { Select as H, SelectTrigger as G, SelectValue as J, SelectContent as Q, SelectItem as W } from "./index300.js";
-import { Sheet as X, SheetContent as Y, SheetHeader as Z, SheetTitle as ee, SheetDescription as ae, SheetFooter as te } from "./index132.js";
-import { zodResolver as re } from "@hookform/resolvers/zod";
-import { useLingui as oe } from "@lingui/react";
-import { useEffect as ne, useId as se } from "react";
-import { useForm as le } from "react-hook-form";
-import { toast as C } from "react-hot-toast";
-import { z as s } from "zod";
-const me = (e) => s.object({
-  name: s.string().min(1, e._("Required")).max(255, e._("Value must be at most '255' characters")),
-  category: s.union([s.literal(""), s.enum(_)]),
-  keywords: s.array(s.string().min(2, e._("Keyword should be at least 2 characters long")).max(25, e._("Keyword should be at most 25 characters long")))
-}), ve = (e) => /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(ie, { ...e }) }), ie = ({
-  tag: e,
-  onCreate: S,
-  onUpdate: T,
-  onDelete: b,
-  onClose: l,
-  open: k,
-  isDeleteAllowed: x
-}) => {
+import { jsx as o, jsxs as f, Fragment as a } from "@emotion/react/jsx-runtime";
+import { useState as d, useCallback as n } from "react";
+import { TagFormModal as u } from "./index48.js";
+import { TagsTable as h } from "./index47.js";
+import { MoniteScopedProviders as C } from "./index84.js";
+import { useUserPermissions as x } from "./index132.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import { AccessRestriction as A } from "./index134.js";
+import { Button as T } from "./index85.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "lucide-react";
+import { useLingui as k } from "@lingui/react";
+import { PageHeader as $ } from "./index50.js";
+const G = () => /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(b, {}) }), b = () => {
   const {
-    i18n: r
-  } = oe(), v = me(r), w = le({
-    resolver: re(v),
-    defaultValues: {
-      name: "",
-      category: "",
-      keywords: []
-    }
-  }), {
-    control: i,
-    handleSubmit: F,
-    reset: m,
-    setError: $
-  } = w;
-  ne(() => {
-    let t = [];
-    e?.keywords && (Array.isArray(e.keywords) ? t = e.keywords : typeof e.keywords == "string" && (t = e.keywords.split(",").map((n) => n.trim()).filter(Boolean))), m({
-      name: e?.name || "",
-      category: e?.category || "",
-      keywords: t
-    });
-  }, [m, e]);
-  const {
-    createTag: E,
-    updateTag: M,
-    inProgress: z,
-    updateOcrAutoTagging: I
-  } = K({
-    setNameError: (t) => {
-      $("name", {
-        type: "custom",
-        message: t
-      });
-    },
-    onTagCreated: (t) => {
-      C.success(r._("New tag “{createdTagName}” created", {
-        createdTagName: t.name
-      })), S?.(t), l?.(), m();
-    },
-    onTagUpdated: (t) => {
-      e && C.success(e.name !== t.name ? r._("Tag “{tagName}” renamed to “{updatedTagName}”", {
-        tagName: e.name,
-        updatedTagName: t.name
-      }) : r._("Tag “{tagName}” was updated”", {
-        tagName: e.name
-      })), T?.(t), l?.(), m();
-    }
-  }), {
-    root: P
-  } = R(), d = `Monite-Form-tag-${se()}`;
-  return /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(X, { open: k, onOpenChange: l, children: /* @__PURE__ */ o(Y, { container: P, className: "Monite-Payables ttw:w-[600px]", children: [
-    /* @__PURE__ */ o(Z, { children: [
-      /* @__PURE__ */ a(ee, { children: e ? r._("Edit tag ”{tagName}”", {
-        tagName: e.name
-      }) : r._("Create new tag") }),
-      /* @__PURE__ */ a(ae, { className: "ttw:sr-only", children: e ? r._("Edit tag ”{tagName}”", {
-        tagName: e.name
-      }) : r._("Create new tag") })
-    ] }),
-    /* @__PURE__ */ a(O, { ...w, children: /* @__PURE__ */ a("form", { id: d, name: d, onSubmit: (t) => {
-      t.preventDefault(), t.stopPropagation(), F(async (n) => {
-        const {
-          keywords: V,
-          name: j,
-          category: f
-        } = n, y = {
-          name: j,
-          ...f ? {
-            category: f
-          } : {}
-        }, A = await (e ? M(e.id, y) : E(y));
-        I(A.id, V);
-      })(t);
-    }, children: /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-8 ttw:pb-6", children: [
-      /* @__PURE__ */ a(g, { name: "name", control: i, render: ({
-        field: t
-      }) => /* @__PURE__ */ o(u, { children: [
-        /* @__PURE__ */ a(p, { children: r._("Name") }),
-        /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(U, { autoFocus: !0, ...t }) }),
-        /* @__PURE__ */ a(h, {})
-      ] }) }),
-      /* @__PURE__ */ a(g, { name: "category", control: i, render: ({
-        field: t
-      }) => /* @__PURE__ */ o(u, { children: [
-        /* @__PURE__ */ a(p, { children: r._("Category") }),
-        /* @__PURE__ */ o(H, { onValueChange: t.onChange, defaultValue: t.value, children: [
-          /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(G, { className: "ttw:w-full", children: /* @__PURE__ */ a(J, { placeholder: r._("Not set") }) }) }),
-          /* @__PURE__ */ a(Q, { children: _.map((n) => /* @__PURE__ */ a(W, { value: n, children: B(n, r) }, n)) })
-        ] }),
-        /* @__PURE__ */ a(h, {})
-      ] }) }),
-      /* @__PURE__ */ a(g, { name: "keywords", control: i, render: ({
-        field: t
-      }) => /* @__PURE__ */ o(u, { className: "ttw:flex ttw:flex-col", children: [
-        /* @__PURE__ */ a(p, { children: r._("Keywords") }),
-        /* @__PURE__ */ a(q, { ...t, value: t.value ?? [] }),
-        /* @__PURE__ */ a(h, {})
-      ] }) })
-    ] }) }) }),
-    /* @__PURE__ */ o(te, { className: "ttw:flex ttw:flex-row ttw:justify-end ttw:gap-2", children: [
-      e && /* @__PURE__ */ a(c, { className: "ttw:mr-auto", variant: "destructive", size: "lg", onClick: () => {
-        b?.(e), l?.();
-      }, disabled: !x, children: r._("Delete") }),
-      /* @__PURE__ */ a(c, { variant: "ghost", size: "lg", onClick: l, children: r._("Cancel") }),
-      /* @__PURE__ */ a(c, { type: "submit", form: d, size: "lg", disabled: z, children: e ? r._("Save") : r._("Create") })
-    ] })
-  ] }) }) });
+    i18n: i
+  } = k(), [p, t] = d(!1), s = n(() => {
+    t(!0);
+  }, []), c = n(() => {
+    t(!1);
+  }, []), r = x(), l = r.has(e.AccountingConfigWriteOrg), m = r.has(e.AccountingConfigReadOrg), g = r.has(e.AccountingConfigWriteOrg);
+  return /* @__PURE__ */ f(a, { children: [
+    /* @__PURE__ */ o($, { title: /* @__PURE__ */ o(a, { children: i._("Tags") }), extra: /* @__PURE__ */ o(T, { size: "lg", disabled: !l, onClick: s, children: i._("Create new") }) }),
+    !m && /* @__PURE__ */ o(A, {}),
+    m && /* @__PURE__ */ o(h, { showCreationModal: s }),
+    /* @__PURE__ */ o(u, { open: p, onClose: c, isDeleteAllowed: g })
+  ] });
 };
 export {
-  ve as TagFormModal
+  G as Tags
 };

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

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as X } from "@emotion/react/jsx-runtime";
-import { CounterpartTableFilters as Z } from "./index156.js";
-import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index157.js";
+import { CounterpartTableFilters as Z } from "./index157.js";
+import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index158.js";
 import { getCounterpartName as et } from "./index7.js";
-import { useCurrencies as at } from "./index60.js";
-import { useMoniteContext as it } from "./index59.js";
-import { MoniteScopedProviders as rt } from "./index85.js";
-import { useCounterpartList as ot } from "./index73.js";
-import { useUserPermissions as nt } from "./index143.js";
+import { useCurrencies as at } from "./index59.js";
+import { useMoniteContext as it } from "./index58.js";
+import { MoniteScopedProviders as rt } from "./index84.js";
+import { useCounterpartList as ot } from "./index72.js";
+import { useUserPermissions as nt } from "./index132.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -14,19 +14,19 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as y } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as c, useMemo as d } from "react";
-import { CounterPartCellByData as st } from "./index158.js";
-import { GetNoRowsOverlay as dt } from "./index159.js";
-import { AccessRestriction as lt } from "./index153.js";
-import { Button as mt } from "./index86.js";
+import { CounterPartCellByData as st } from "./index159.js";
+import { GetNoRowsOverlay as dt } from "./index160.js";
+import { AccessRestriction as lt } from "./index134.js";
+import { Button as mt } from "./index85.js";
 import "clsx";
 import { twMerge as U } from "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ct, ArrowDown as pt, ArrowUpDown as ut } from "lucide-react";
 import { useLingui as gt } from "@lingui/react";
-import { DataTable as _t } from "./index160.js";
-import { hasSelectedText as wt } from "./index161.js";
+import { DataTable as _t } from "./index161.js";
+import { hasSelectedText as wt } from "./index162.js";
 import { useGetPayablesAnalytics as C } from "./index35.js";
-import { LoadingSpinner as p } from "./index133.js";
+import { LoadingSpinner as p } from "./index136.js";
 const Kt = (u) => /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(ht, { ...u }) }), ht = ({
   onRowClick: u,
   onChangeSort: j,

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

@@ -1,38 +1,14 @@
-import { jsx as o, jsxs as f, Fragment as a } from "@emotion/react/jsx-runtime";
-import { useState as d, useCallback as n } from "react";
-import { TagFormModal as u } from "./index49.js";
-import { TagsTable as h } from "./index48.js";
-import { MoniteScopedProviders as C } from "./index85.js";
-import { useUserPermissions as x } from "./index143.js";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as A } from "./index153.js";
-import { Button as T } from "./index86.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dialog";
-import "lucide-react";
-import { useLingui as k } from "@lingui/react";
-import { PageHeader as $ } from "./index51.js";
-const G = () => /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(b, {}) }), b = () => {
-  const {
-    i18n: i
-  } = k(), [p, t] = d(!1), s = n(() => {
-    t(!0);
-  }, []), c = n(() => {
-    t(!1);
-  }, []), r = x(), l = r.has(e.AccountingConfigWriteOrg), m = r.has(e.AccountingConfigReadOrg), g = r.has(e.AccountingConfigWriteOrg);
-  return /* @__PURE__ */ f(a, { children: [
-    /* @__PURE__ */ o($, { title: /* @__PURE__ */ o(a, { children: i._("Tags") }), extra: /* @__PURE__ */ o(T, { size: "lg", disabled: !l, onClick: s, children: i._("Create new") }) }),
-    !m && /* @__PURE__ */ o(A, {}),
-    m && /* @__PURE__ */ o(h, { showCreationModal: s }),
-    /* @__PURE__ */ o(u, { open: p, onClose: c, isDeleteAllowed: g })
-  ] });
-};
+import { jsxs as s, jsx as t } from "@emotion/react/jsx-runtime";
+import { twMerge as i } from "tailwind-merge";
+import { Typography as m } from "./index86.js";
+const n = ({
+  title: r,
+  extra: e,
+  className: a
+}) => /* @__PURE__ */ s("div", { className: i("ttw:flex ttw:justify-between ttw:items-center ttw:mb-6", a), children: [
+  /* @__PURE__ */ t(m, { variant: "h2", children: r }),
+  e ? /* @__PURE__ */ t("aside", { children: e }) : null
+] });
 export {
-  G as Tags
+  n as PageHeader
 };

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

@@ -1,14 +1,76 @@
-import { jsxs as s, jsx as t } from "@emotion/react/jsx-runtime";
-import { twMerge as i } from "tailwind-merge";
-import { Typography as m } from "./index87.js";
-const n = ({
-  title: r,
-  extra: e,
-  className: a
-}) => /* @__PURE__ */ s("div", { className: i("ttw:flex ttw:justify-between ttw:items-center ttw:mb-6", a), children: [
-  /* @__PURE__ */ t(m, { variant: "h2", children: r }),
-  e ? /* @__PURE__ */ t("aside", { children: e }) : null
-] });
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { ScopedCssBaselineContainerClassName as m } from "./index105.js";
+import { useRootElements as d } from "./index93.js";
+import { useMoniteContext as C } from "./index58.js";
+import { generatePayablesButtonCssVars as D } from "./index133.js";
+import { Slide as h, Fade as b, Dialog as M } from "@mui/material";
+import { forwardRef as _, createContext as y, useContext as k, useMemo as x } from "react";
+const P = _(function(a, o) {
+  const {
+    alignDialog: e,
+    ...n
+  } = a;
+  if (e) {
+    let i;
+    switch (e) {
+      case "left":
+        i = "right";
+        break;
+      case "right":
+        i = "left";
+        break;
+    }
+    return /* @__PURE__ */ t(h, { direction: i, ref: o, ...n });
+  }
+  return /* @__PURE__ */ t(b, { ref: o, ...n });
+}), p = y(void 0), j = () => k(p), T = ({
+  ref: a,
+  ...o
+}) => {
+  const {
+    alignDialog: e,
+    onClosed: n,
+    ...i
+  } = o, {
+    root: u
+  } = d(), {
+    theme: l
+  } = C(), c = j(), f = x(() => D(l.components?.styles?.payables?.button), [l.components?.styles?.payables?.button]), s = (g, r) => {
+    r !== "backdropClick" && (r === "escapeKeyDown" && c && g.stopPropagation?.(), o.onClose?.(g, r));
+  };
+  return /* @__PURE__ */ t(p.Provider, { value: {
+    isDialogContent: !0,
+    onClose: s
+  }, children: /* @__PURE__ */ t(M, { ref: a, ...i, open: o.open, container: u, TransitionComponent: P, TransitionProps: {
+    alignDialog: e,
+    onExited: n
+  }, onClose: s, classes: {
+    container: [m, "Monite-Payables", e && `MuiDialog-container__align-${e}`].filter(Boolean).join(" "),
+    paper: ["Monite-Payables", e && `MuiDialog-paper__align-${e}`].filter(Boolean).join(" ")
+  }, sx: {
+    "& .MuiDialogContent-root, & .MuiDialogActions-root, & .MuiDialogTitle-root": f,
+    ".MuiDialog-container__align-right": {
+      justifyContent: "right"
+    },
+    ".MuiDialog-container__align-left": {
+      justifyContent: "left"
+    },
+    ".MuiDialog-paper__align-left, .MuiDialog-paper__align-right": {
+      width: "50%",
+      height: "100%",
+      maxHeight: "none",
+      margin: 0,
+      borderRadius: 0
+    }
+  }, slotProps: o.fullScreen ? {
+    backdrop: {
+      style: {
+        background: "none"
+      }
+    }
+  } : {}, children: o.children }) });
+};
 export {
-  n as PageHeader
+  T as Dialog,
+  j as useDialog
 };