@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,97 +1,963 @@
-import { jsx as t, jsxs as o, Fragment as F } from "@emotion/react/jsx-runtime";
-import { ProductDeleteModal as I } from "./index168.js";
-import { ProductEditForm as T } from "./index178.js";
-import { MoniteScopedProviders as j } from "./index83.js";
-import { useCurrencies as B } from "./index58.js";
-import { useMoniteContext as L } from "./index57.js";
-import { useUserPermissions as k } from "./index146.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 w } from "../../shared/data-access/dist/lib/scopes.js";
-import { useState as y } from "react";
-import { Button as b } from "./index84.js";
-import { DropdownMenu as W, DropdownMenuTrigger as z, DropdownMenuContent as U, DropdownMenuItem as E } from "./index138.js";
-import { Sheet as u, SheetContent as h, SheetHeader as H, SheetTitle as R, SheetDescription as G, SheetClose as V } from "./index135.js";
-import { Skeleton as N } from "./index137.js";
-import { Typography as x } from "./index85.js";
-import { LoadingSpinner as X } from "./index136.js";
-import { NotFound as q } from "./index154.js";
-import { useLingui as J } from "@lingui/react";
-import { MoreVerticalIcon as K, Trash2 as Q, X as Y } from "lucide-react";
-import { useGetProductById as Z } from "./index179.js";
-import { ProductDetailLine as f } from "./index180.js";
-import { AccessRestriction as tt } from "./index157.js";
-const $t = (a) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(et, { ...a }) }), et = ({
-  id: a,
-  open: n,
-  onClose: s,
-  onUpdated: C,
-  onDeleted: S,
-  showActionsMenu: _ = !0
-}) => {
-  const {
-    i18n: e
-  } = J(), {
-    locale: D
-  } = L(), {
-    formatCurrencyToDisplay: P
-  } = B(), [g, l] = y(!1), [v, d] = y(!1), {
-    data: r,
-    isLoading: i,
-    isFetching: $
-  } = Z(a), c = r?.type === "product", p = k(), M = p.has(w.InvoiceReadOrg), A = p.has(w.InvoiceWriteOrg), O = p.has(w.InvoiceWriteOrg);
-  return M ? !i && !$ && !r ? /* @__PURE__ */ t(u, { open: n, onOpenChange: s, children: /* @__PURE__ */ t(h, { showCloseButton: !0, className: "ttw:gap-0", children: /* @__PURE__ */ t("div", { className: "ttw:w-3/4 ttw:m-auto ttw:p-4", children: /* @__PURE__ */ t(q, { title: e._("Product not found"), description: e._("There is no product by provided id: {id}", {
-    id: a
-  }) }) }) }) }) : /* @__PURE__ */ o(F, { children: [
-    /* @__PURE__ */ t(u, { open: n, onOpenChange: s, children: /* @__PURE__ */ o(h, { showCloseButton: !1, className: "ttw:gap-0", children: [
-      /* @__PURE__ */ o(H, { className: "ttw:pt-6 ttw:pl-6 ttw:pb-7 ttw:flex-row ttw:gap-3 ttw:border-b ttw:border-border", children: [
-        /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:w-[85%]", children: [
-          /* @__PURE__ */ t(R, { asChild: i, className: "ttw:text-2xl", children: i ? /* @__PURE__ */ t(N, { className: "ttw:w-40" }) : r?.name ?? "" }),
-          /* @__PURE__ */ t(G, { asChild: i, children: i ? /* @__PURE__ */ t(N, { className: "ttw:w-60" }) : e._("{type} · Added {createdAt}", {
-            createdAt: e.date(r?.created_at, D.dateFormat),
-            type: r?.type === "product" ? "Product" : "Service"
-          }) })
-        ] }),
-        /* @__PURE__ */ o("div", { className: "ttw:flex ttw:gap-2", children: [
-          _ && O && /* @__PURE__ */ o(W, { children: [
-            /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(b, { type: "button", variant: "outline", className: "ttw:p-2 ttw:size-9 ttw:border-none ttw:bg-muted", children: /* @__PURE__ */ t(K, {}) }) }),
-            /* @__PURE__ */ t(U, { align: "end", children: /* @__PURE__ */ o(E, { onClick: () => d(!0), variant: "destructive", children: [
-              /* @__PURE__ */ t(Q, {}),
-              e._("Delete product")
-            ] }) })
-          ] }),
-          /* @__PURE__ */ t(V, { className: "ttw:size-9 ttw:bg-muted ttw:p-2 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:cursor-pointer", children: /* @__PURE__ */ t(Y, { className: "ttw:size-4" }) })
-        ] })
-      ] }),
-      i ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:w-full ttw:h-full ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(X, {}) }) : /* @__PURE__ */ t("main", { className: "ttw:p-6 ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-4", children: /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-        /* @__PURE__ */ o("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: [
-          /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-            /* @__PURE__ */ t(x, { variant: "body1", className: "ttw:font-medium", children: e._("{type} details", {
-              type: c ? "Product" : "Service"
-            }) }),
-            /* @__PURE__ */ t(x, { variant: "body2", color: "muted", children: c ? e._("A physical or digital item") : e._("Work or labor you provide") })
-          ] }),
-          !g && A && /* @__PURE__ */ t(b, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => l(!0), children: e._("Edit") })
-        ] }),
-        g && r ? /* @__PURE__ */ t(T, { product: r, handleClose: () => l(!1), onUpdate: (m) => {
-          C?.(m), l(!1);
-        } }) : /* @__PURE__ */ o("ul", { className: "ttw:list-none", children: [
-          /* @__PURE__ */ t(f, { label: e._("{type} name", {
-            type: c ? "Product" : "Service"
-          }), value: r?.name ?? "-" }),
-          /* @__PURE__ */ t(f, { label: e._("Price per unit"), value: r?.price ? P(r.price.value, r.price.currency) : "-" }),
-          /* @__PURE__ */ t(f, { label: e._("Description"), value: r?.description || "-", isLast: !0 })
-        ] })
-      ] }) })
-    ] }) }),
-    a && v && /* @__PURE__ */ t(I, { id: a, open: v, onClose: () => d(!1), onDeleted: (m) => {
-      s?.(), S?.(m), d(!1);
-    } })
-  ] }) : /* @__PURE__ */ t(u, { open: n, onOpenChange: s, children: /* @__PURE__ */ t(h, { showCloseButton: !0, className: "ttw:gap-0", children: /* @__PURE__ */ t("div", { className: "ttw:w-3/4 ttw:m-auto ttw:p-4", children: /* @__PURE__ */ t(tt, {}) }) }) });
-};
-export {
-  $t as ProductDetails
+import { getTheme as e } from "./index32.js";
+import { getPrimaryColors as t } from "./index33.js";
+import { getSecondaryColors as n } from "./index34.js";
+import { getNeutralColors as r } from "./index35.js";
+import { getSeverityColors as i } from "./index36.js";
+import { getTextColors as a } from "./index37.js";
+import "./index38.js";
+import { getFormControlStyles as o } from "./index39.js";
+import "./index40.js";
+import { getErrorColors as s } from "./index41.js";
+import { getSuccessColors as c } from "./index42.js";
+import { getWarningColors as l } from "./index43.js";
+import { getButtonStateStyles as u, getButtonStyles as d } from "./index44.js";
+import f from "chroma-js";
+import { isPlainObject as p } from "@mui/utils";
+import "@mui/x-data-grid/themeAugmentation";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index45.js
+function m(e, t) {
+	if (e.includes(".")) {
+		let n = t;
+		if (e.split(".").forEach((e) => {
+			n &&= n[e];
+		}), n && typeof n == "string") return n;
+	} else if (typeof t[e] == "string") return t[e];
+	return e;
+}
+var h = [
+	"color",
+	"backgroundColor",
+	"bgcolor",
+	"borderColor",
+	"borderRightColor",
+	"borderLeftColor",
+	"borderTopColor",
+	"borderBottomColor",
+	"fill",
+	"--DataGrid-rowBorderColor"
+];
+function g(e, t) {
+	let n = Array.isArray(e) ? [] : {};
+	return Object.keys(e).forEach((r) => {
+		let i = r;
+		if (!e.hasOwnProperty(i)) return;
+		let a = e[i];
+		typeof a == "string" && h.includes(r) ? n[i] = m(a, t) : p(a) || Array.isArray(a) ? n[i] = g(a, t) : n[i] = a;
+	}), n;
+}
+var _ = (p) => {
+	let m = e(p), h = m.components.styles?.payables?.button, _ = {
+		draft: "#000",
+		new: "#3737FF",
+		approve_in_progress: "#3737FF",
+		paid: "#007F33",
+		waiting_to_be_paid: "#3737FF",
+		rejected: "#CC394B",
+		partially_paid: "#9033D9",
+		canceled: "#E75300",
+		all: "#F4F4FE"
+	}, v = {
+		primary: t(m.colors.primary, m.colors.primaryForeground),
+		secondary: n(m.colors.secondary),
+		neutral: r(m.colors.neutral),
+		info: i(m.colors.info),
+		success: c(m.colors.success),
+		warning: l(m.colors.warning),
+		error: s(m.colors.error),
+		background: {
+			default: m.colors.background,
+			paper: "#ffffff"
+		},
+		text: a(m.colors.text),
+		status: _,
+		divider: r(m.colors.neutral)[80]
+	}, y = {
+		black: {
+			color: "#292929",
+			backgroundColor: "#F2F2F2"
+		},
+		blue: {
+			color: "#3737FF",
+			backgroundColor: "#F4F4FE"
+		},
+		violet: {
+			color: "#A06DC8",
+			backgroundColor: "#FBF1FC"
+		},
+		green: {
+			color: "#0DAA8E",
+			backgroundColor: "#EEFBF9"
+		},
+		orange: {
+			color: "#E27E46",
+			backgroundColor: "#FFF5EB"
+		},
+		red: {
+			color: "#CC394B",
+			backgroundColor: "#FFE0E4"
+		}
+	}, b = [
+		"rgba(0,0,255,0.05)",
+		"rgba(255,0,32,0.05)",
+		"rgba(0,255,220,0.05)",
+		"rgba(225,1,251,0.05)",
+		"rgba(255,123,0,0.05)"
+	], x = {
+		fontFamily: m.typography.fontFamily,
+		fontSize: m.typography.fontSize,
+		fontWeightMedium: 400,
+		fontWeightBold: 500,
+		h1: {
+			fontSize: m.typography.h1.fontSize,
+			fontWeight: m.typography.h1.fontWeight,
+			lineHeight: m.typography.h1.lineHeight,
+			textTransform: m.typography.h1.textTransform,
+			color: v.text.primary
+		},
+		h2: {
+			fontSize: m.typography.h2.fontSize,
+			fontWeight: m.typography.h2.fontWeight,
+			lineHeight: m.typography.h2.lineHeight,
+			textTransform: m.typography.h2.textTransform,
+			color: v.text.primary
+		},
+		h3: {
+			fontSize: m.typography.h3.fontSize,
+			fontWeight: m.typography.h3.fontWeight,
+			lineHeight: m.typography.h3.lineHeight,
+			textTransform: m.typography.h3.textTransform,
+			color: v.text.primary
+		},
+		subtitle1: {
+			fontSize: m.typography.subtitle1.fontSize,
+			fontWeight: m.typography.subtitle1.fontWeight,
+			lineHeight: m.typography.subtitle1.lineHeight,
+			textTransform: m.typography.subtitle1.textTransform
+		},
+		subtitle2: {
+			fontSize: m.typography.subtitle2.fontSize,
+			fontWeight: m.typography.subtitle2.fontWeight,
+			lineHeight: m.typography.subtitle2.lineHeight,
+			textTransform: m.typography.subtitle2.textTransform
+		},
+		body1: {
+			fontSize: m.typography.body1?.fontSize,
+			fontWeight: m.typography.body1?.fontWeight,
+			lineHeight: m.typography.body1?.lineHeight
+		},
+		body2: {
+			fontSize: m.typography.body2?.fontSize,
+			fontWeight: m.typography.body2?.fontWeight,
+			lineHeight: m.typography.body2?.lineHeight,
+			color: "rgba(0, 0, 0, 0.56)"
+		},
+		caption: {
+			fontSize: "1rem",
+			fontWeight: 500
+		},
+		overline: {
+			fontSize: "1.5rem",
+			lineHeight: 1
+		},
+		button: {
+			textTransform: "none",
+			fontWeight: 500
+		}
+	}, S = Object.assign({}, x, {}), C = "160px", w = g({
+		MuiAlert: { styleOverrides: { root: {
+			borderRadius: ".5em",
+			"&.MuiAlert-colorInfo": {
+				backgroundColor: f(v.info.main).alpha(.05).hex(),
+				".MuiAlert-icon, .MuiAlert-message": { color: v.info.main }
+			},
+			"&.MuiAlert-colorSuccess": {
+				backgroundColor: f(v.success.main).alpha(.05).hex(),
+				".MuiAlert-icon, .MuiAlert-message": { color: v.success.main }
+			},
+			"&.MuiAlert-colorWarning": {
+				backgroundColor: f(v.warning.main).alpha(.05).hex(),
+				".MuiAlert-icon, .MuiAlert-message": { color: v.warning.main }
+			},
+			"&.MuiAlert-colorError": {
+				backgroundColor: f(v.error.main).alpha(.05).hex(),
+				".MuiAlert-icon, .MuiAlert-message": { color: v.error.main }
+			}
+		} } },
+		MuiTypography: { styleOverrides: { root: {
+			"&.Monite-SummaryCard-StatusTypography": { fontSize: 14 },
+			"&.Monite-SummaryCard-AmountTypography": {
+				fontSize: 20,
+				marginTop: 4
+			}
+		} } },
+		MuiFormLabel: { styleOverrides: { root: { "&.Mui-disabled": { color: "black" } } } },
+		MuiInputLabel: {
+			defaultProps: { shrink: !0 },
+			styleOverrides: {
+				root: {
+					fontSize: "14px",
+					transform: "none",
+					position: "static",
+					color: "black",
+					minHeight: "28px",
+					"&.Mui-disabled": { color: "black" }
+				},
+				asterisk: {
+					color: y.red.color,
+					transform: "scale(2) translate(6px, 2px)",
+					display: "inline-block",
+					width: "20px"
+				}
+			}
+		},
+		MuiInputBase: { styleOverrides: { root: {
+			fontWeight: 400,
+			borderRadius: m.borderRadius * 2.67,
+			minHeight: "40px",
+			border: "1px solid transparent",
+			"&:before, &:after": {
+				display: "none",
+				content: "none",
+				visibility: "hidden"
+			},
+			"& .MuiInputBase-input": {
+				height: "40px",
+				lineHeight: "40px",
+				padding: "0 14px",
+				boxSizing: "border-box"
+			},
+			"& .MuiInputBase-inputAdornedStart": {
+				display: "flex",
+				alignItems: "center"
+			}
+		} } },
+		MuiOutlinedInput: { styleOverrides: {
+			notchedOutline: { borderColor: "neutral.80" },
+			root: { "&.Mui-disabled .MuiOutlinedInput-notchedOutline, .MuiOutlinedInput-notchedOutline": { borderColor: "neutral.80" } }
+		} },
+		MuiFormControl: o(v, p, C),
+		MuiSelect: { styleOverrides: { root: {
+			"&.Monite-NakedField": {
+				"& .MuiSelect-select": { paddingLeft: "0" },
+				"& .MuiOutlinedInput-notchedOutline": { borderStyle: "none" }
+			},
+			"&.Monite-RecipientSelector": {
+				"& .MuiChip-root": {
+					backgroundColor: "transparent",
+					borderColor: "divider",
+					borderWidth: "1px",
+					borderStyle: "solid",
+					padding: "7px 8px",
+					"& .MuiChip-label": { color: "text.primary" }
+				},
+				"& .MuiSelect-icon": {
+					backgroundColor: "primary.80",
+					borderRadius: m.borderRadius * 2.67,
+					width: "32px",
+					height: "32px",
+					transform: "translate(7px, -2px)",
+					path: {
+						fill: "primary.main",
+						transform: "scale(0.6) translate(8px, 8px)"
+					}
+				}
+			}
+		} } },
+		MuiStack: { styleOverrides: { root: { "&.Monite-Filters": {
+			backgroundColor: m.colors.background,
+			padding: m.spacing * 1.8,
+			marginBottom: 0,
+			"& > *": {
+				flexBasis: "fit-content",
+				flexGrow: 1
+			},
+			"& .Monite-Filters-Group": { marginLeft: "16px" }
+		} } } },
+		MuiFormControlLabel: { styleOverrides: {
+			root: {
+				"&.MuiFormControlLabel-labelPlacementEnd": {
+					alignItems: "flex-start",
+					".MuiFormControlLabel-label": { padding: "9px 0" }
+				},
+				"&.Monite-FilterControl": {
+					marginLeft: 0,
+					marginRight: 0,
+					alignItems: "center",
+					width: "auto",
+					"& .MuiTypography-root": {
+						fontSize: "14px",
+						lineHeight: "20px"
+					}
+				}
+			},
+			label: {
+				fontWeight: 400,
+				fontSize: "16px",
+				lineHeight: "24px"
+			}
+		} },
+		MuiAutocomplete: { styleOverrides: {
+			root: {
+				"& > .MuiFormControl-root > .MuiInputBase-root": {
+					paddingTop: 0,
+					paddingBottom: 0
+				},
+				"& .MuiInput-root .MuiInput-input, & .MuiInput-root.MuiInputBase-sizeSmall": { padding: "0 14px" },
+				"& > .Monite-Selector": {
+					"& > .MuiInputBase-root": {
+						border: "1px solid transparent",
+						"&:hover": { "&:not(.Mui-disabled):not(.Mui-focused)": { boxShadow: `0 0 0 4px ${f(v.primary.main).alpha(.24).hex()}` } },
+						"& > .MuiInputAdornment-root": {
+							"&.MuiInputAdornment-positionStart": { marginRight: "16px" },
+							"&.MuiInputAdornment-positionEnd": {
+								marginLeft: "0",
+								"& + input:not(:placeholder-shown)": { opacity: 0 },
+								"& + input::placeholder": { color: "rgba(184, 184, 184, 1)" }
+							}
+						},
+						"&.MuiInputBase-adornedStart.MuiInputBase-formControl": {
+							padding: "16px",
+							height: "70px",
+							lineHeight: "70px",
+							backgroundColor: "transparent",
+							"&.Mui-focused > .MuiOutlinedInput-notchedOutline": { borderColor: "transparent" }
+						},
+						"&:hover > .MuiOutlinedInput-notchedOutline": { borderColor: "#dedede" },
+						"& > .MuiOutlinedInput-notchedOutline": {
+							top: 0,
+							"> legend": { display: "none" }
+						}
+					},
+					"& > .MuiFormLabel-root": {
+						fontSize: "1.25rem",
+						paddingBottom: "1rem",
+						"& > .MuiInputLabel-asterisk": { display: "none" }
+					},
+					"&.isSimplified": {
+						marginBottom: "2rem",
+						background: "transparent",
+						"& > .MuiInputBase-root": { paddingRight: "1rem" },
+						"& > .MuiInputLabel-root": {
+							fontSize: "14px",
+							color: "rgba(112, 112, 112, 1)",
+							paddingBottom: "0",
+							"&::after": {
+								content: "\"●\"",
+								position: "relative",
+								bottom: "2px",
+								left: "4px",
+								color: "rgba(255, 71, 93, 1)"
+							}
+						},
+						"& > .MuiInputLabel-root > .MuiFormLabel-asterisk": { display: "none" }
+					}
+				},
+				"& > .Item-Selector > .MuiInputBase-root.MuiInputBase-formControl.MuiAutocomplete-inputRoot": {
+					paddingRight: "1em",
+					"&.MuiInputBase-adornedStart.MuiInputBase-formControl": {
+						padding: "8px 12px",
+						height: "40px",
+						lineHeight: "40px"
+					}
+				},
+				"&.Monite-FilterControl": {
+					height: "40px",
+					minHeight: "40px",
+					maxHeight: "40px",
+					maxWidth: C,
+					width: "100%"
+				},
+				"&.Monite-Label-Hidden .MuiInputLabel-root.MuiFormLabel-root": { display: "none" }
+			},
+			popper: { paddingTop: "0.5rem" }
+		} },
+		MuiTextField: {
+			defaultProps: { InputLabelProps: { shrink: !0 } },
+			styleOverrides: { root: {
+				"&.Monite-NakedField": {
+					"& .MuiInputBase-root": {
+						minHeight: "32px",
+						padding: 0,
+						"& .MuiInputBase-input": {
+							height: "32px",
+							lineHeight: "32px",
+							padding: 0
+						},
+						"& .MuiOutlinedInput-notchedOutline": { borderStyle: "none" }
+					},
+					"& .MuiFormHelperText-root.Mui-error": { marginLeft: 0 }
+				},
+				"&.Monite-AiSearchField": { "& .MuiInputBase-root": {
+					paddingRight: "12px",
+					"& .MuiInputBase-input": { "&::placeholder": {
+						opacity: .88,
+						fontWeight: 500,
+						fontSize: "14px",
+						lineHeight: "16px",
+						padding: "16px 10px"
+					} },
+					"& .MuiOutlinedInput-notchedOutline": { borderStyle: "none" }
+				} }
+			} }
+		},
+		MuiDrawer: { variants: [{
+			props: { variant: "permanent" },
+			style: {
+				backgroundColor: "menu.background",
+				"& .MuiPaper-root": {
+					backgroundColor: "menu.background",
+					borderRight: 0
+				}
+			}
+		}] },
+		MuiList: { styleOverrides: { root: { "&.NavigationList": {
+			margin: "0px 12px",
+			"& .MuiListItem-root": {
+				marginTop: 8,
+				"& .Mui-selected": { "& span": { color: "secondary.dark" } }
+			},
+			".MuiListItemButton-root": {
+				borderRadius: m.borderRadius * 2,
+				padding: "8px 12px"
+			},
+			".MuiListItemIcon-root": { minWidth: 25 },
+			".MuiListItemIcon-root .MuiSvgIcon-root": {
+				width: "20px",
+				height: "20px",
+				marginRight: "5px"
+			},
+			".MuiCollapse-root": {
+				marginTop: -8,
+				marginLeft: 12
+			},
+			"& .MuiSvgIcon-root": {
+				color: "secondary.dark",
+				"& > path": { color: "secondary.dark" }
+			}
+		} } } },
+		MuiButtonBase: { defaultProps: { disableRipple: !0 } },
+		MuiButton: { styleOverrides: {
+			root: {
+				maxHeight: "48px",
+				"&.ThemeSelect": { borderRadius: m.borderRadius },
+				"&.ThemeSelect .ThemeSelect-modeLabel": { display: "flex" },
+				"&.MuiButton-sizeSmall": { fontSize: "14px" },
+				"&.Monite-withShadow, &.Monite-withShadow:hover": { boxShadow: "0px 1px 1px 0px rgba(0, 0, 0, 0.1)" },
+				".Monite-Payables &.MuiButton-contained:not(.MuiButton-colorError)": {
+					...d(h?.primary),
+					"&:hover": u("hover", h?.primary),
+					"&:active": u("active", h?.primary),
+					"&:focus": u("focus", h?.primary),
+					"&:disabled": u("disabled", h?.primary)
+				},
+				".Monite-Payables &.MuiButton-outlined:not(.MuiButton-colorError)": {
+					...d(h?.secondary),
+					"&:hover": u("hover", h?.secondary),
+					"&:active": u("active", h?.secondary),
+					"&:focus": u("focus", h?.secondary),
+					"&:disabled": u("disabled", h?.secondary)
+				},
+				".Monite-Payables &.MuiButton-text:not(.MuiButton-colorError)": {
+					...d(h?.tertiary),
+					"&:hover": u("hover", h?.tertiary),
+					"&:active": u("active", h?.tertiary),
+					"&:focus": u("focus", h?.tertiary),
+					"&:disabled": u("disabled", h?.tertiary)
+				},
+				".Monite-Payables &.MuiButton-contained.MuiButton-colorError": {
+					...d(h?.destructive),
+					"&:hover": u("hover", h?.destructive),
+					"&:active": u("active", h?.destructive),
+					"&:focus": u("focus", h?.destructive),
+					"&:disabled": u("disabled", h?.destructive)
+				}
+			},
+			containedPrimary: {
+				padding: ".75em 1.25em",
+				backgroundColor: "primary.main",
+				lineHeight: "1.4",
+				borderRadius: m.buttonBorderRadius,
+				boxShadow: "none",
+				"&:hover": {
+					backgroundColor: "primary.60",
+					borderRadius: m.buttonBorderRadius,
+					boxShadow: "none"
+				},
+				"&:active": {
+					backgroundColor: "primary.dark",
+					borderRadius: m.buttonBorderRadius,
+					boxShadow: "none"
+				},
+				"&:disabled": {
+					color: "neutral.70",
+					backgroundColor: "neutral.90",
+					borderColor: "neutral.90",
+					boxShadow: "none"
+				}
+			},
+			outlinedPrimary: {
+				padding: ".75em 1.25em",
+				color: "primary.30",
+				backgroundColor: "primary.90",
+				border: "none",
+				borderRadius: m.buttonBorderRadius,
+				boxShadow: "none",
+				"&:hover": {
+					backgroundColor: "primary.80",
+					border: "none",
+					boxShadow: "none"
+				},
+				"&:active": {
+					backgroundColor: "primary.70",
+					border: "none",
+					boxShadow: "none"
+				},
+				"&:disabled": {
+					color: "neutral.70",
+					backgroundColor: "neutral.90",
+					border: "none",
+					boxShadow: "none"
+				}
+			},
+			textPrimary: {
+				padding: ".75em 1.25em",
+				color: "primary.30",
+				backgroundColor: "transparent",
+				border: "none",
+				boxShadow: "none",
+				"&:hover": {
+					backgroundColor: "primary.90",
+					border: "none",
+					boxShadow: "none"
+				},
+				"&:active": {
+					backgroundColor: "primary.70",
+					border: "none",
+					boxShadow: "none"
+				},
+				"&:disabled": {
+					color: "neutral.70",
+					backgroundColor: "neutral.90",
+					border: "none",
+					boxShadow: "none"
+				}
+			}
+		} },
+		MuiPopover: { styleOverrides: { paper: {
+			border: "none",
+			width: 240
+		} } },
+		MuiPopper: { defaultProps: { disablePortal: !0 } },
+		MuiAvatar: { styleOverrides: { root: { "&.MuiAvatar-colored": {
+			margin: 0,
+			color: "text.primary",
+			fontSize: "16px",
+			fontWeight: 600,
+			lineHeight: "40px",
+			width: "40px",
+			height: "40px",
+			"&.MuiAvatar-0": { backgroundColor: b[0] },
+			"&.MuiAvatar-1": { backgroundColor: b[1] },
+			"&.MuiAvatar-2": { backgroundColor: b[2] },
+			"&.MuiAvatar-3": { backgroundColor: b[3] },
+			"&.MuiAvatar-4": { backgroundColor: b[4] }
+		} } } },
+		MuiChip: { styleOverrides: {
+			root: {
+				backgroundColor: "primary.light",
+				borderRadius: m.borderRadius * 1.33,
+				color: "primary.main",
+				fontSize: "14px",
+				lineHeight: "16px",
+				fontWeight: 500,
+				padding: "7px 8px",
+				"& .MuiChip-avatar": {
+					marginLeft: 0,
+					marginRight: "4px"
+				},
+				gap: 8
+			},
+			label: { padding: "0" },
+			deleteIcon: { margin: "0 -2px 0 6px" }
+		} },
+		MuiDataGrid: {
+			defaultProps: {
+				columnHeaderHeight: 55,
+				rowHeight: 48,
+				density: "standard"
+			},
+			styleOverrides: {
+				root: {
+					color: v.text.primary,
+					backgroundColor: v.background.default,
+					borderTopLeftRadius: 0,
+					borderTopRightRadius: 0,
+					borderWidth: 0,
+					borderBottomLeftRadius: m.borderRadius * 2,
+					borderBottomRightRadius: m.borderRadius * 2,
+					"--DataGrid-rowBorderColor": m.colors.rowBorder,
+					"--DataGrid-containerBackground": m.colors.background,
+					"& .MuiDataGrid-withBorderColor": { borderColor: "divider" },
+					"&.MuiDataGrid-withBorderColor": { borderColor: "divider" },
+					"& div[role=\"presentation\"] + .MuiDataGrid-cell, & div[role=\"presentation\"] + .MuiDataGrid-columnHeader": {
+						borderLeftStyle: "none",
+						borderLeftWidth: "0"
+					}
+				},
+				columnHeader: {
+					overflow: "visible",
+					borderLeftStyle: "solid",
+					borderLeftWidth: "0px",
+					borderLeftColor: "divider",
+					padding: "0 15.5px",
+					background: m.colors.background,
+					"& .MuiDataGrid-columnHeaderTitle": {
+						color: v.text,
+						fontWeight: 600,
+						fontSize: "14px",
+						lineHeight: "17.57px"
+					}
+				},
+				columnSeparator: { border: 0 },
+				cell: {
+					"&[role=\"gridcell\"]": {
+						borderLeftStyle: "solid",
+						borderLeftWidth: "0px",
+						borderLeftColor: "divider"
+					},
+					"&.Monite-Cell-Highlight": { color: "neutral.10" },
+					".MuiDataGrid-cellOffsetLeft + &": {
+						borderLeftStyle: "none",
+						borderLeftWidth: "0"
+					},
+					padding: "0 12px",
+					fontWeight: 400,
+					fontSize: "15px",
+					"& span.Monite-DueDateCell-OverdueDays": { fontSize: "12px" },
+					"&[data-field=\"counterpart_id\"], &[data-field=\"counterpart_name\"], &[data-field=\"was_created_by_user_id\"]": { ".MuiChip-root": { paddingLeft: 0 } },
+					"&[data-field=\"actions\"]": { textOverflow: "clip" },
+					"& .Monite-TextOverflowContainer": {
+						display: "block",
+						whiteSpace: "nowrap",
+						overflow: "hidden",
+						textOverflow: "ellipsis"
+					},
+					"&:focus": { outline: "none" },
+					"& .MuiChip-label": {
+						fontWeight: 600,
+						fontSize: "13px",
+						letterSpacing: "0.098px"
+					}
+				},
+				footerContainer: {
+					padding: "8px 0",
+					"& .Monite-RowsPerPageSelector div[role=\"combobox\"]": {
+						lineHeight: "40px",
+						fontSize: "13px",
+						color: "text.secondary"
+					},
+					"& .Monite-TablePagination-PreviousPageButton": {
+						padding: "8px",
+						border: "1px solid",
+						borderColor: "neutral.80",
+						borderRadius: "4px",
+						marginRight: "6px"
+					},
+					"& .Monite-TablePagination-NextPageButton": {
+						padding: "8px",
+						border: "1px solid",
+						borderColor: "neutral.80",
+						borderRadius: "4px"
+					}
+				}
+			}
+		},
+		MuiTableHead: { styleOverrides: { root: { "& .MuiTableCell-head": {
+			fontWeight: 500,
+			color: "neutral.50",
+			verticalAlign: "bottom"
+		} } } },
+		MuiTableRow: { styleOverrides: { root: {
+			"&:not(.Monite-CreateReceivable-ItemsSection-Table) .MuiTableCell-root": { borderColor: "neutral.80" },
+			"&.Monite-CreateReceivable-ItemsSection-Table": {
+				".MuiTableCell-root": {
+					borderBottom: "none",
+					padding: "8px 12px 8px 0",
+					"& .MuiFormControl-root .MuiInputBase-root": { backgroundColor: "#fff" }
+				},
+				"th.MuiTableCell-root": { padding: "0 12px 0 0" },
+				"+ .MuiTableRow-root .MuiTableCell-root": { paddingLeft: 0 }
+			},
+			"&:last-child .MuiTableCell-body": { borderBottom: "none" }
+		} } },
+		MuiTabs: { styleOverrides: {
+			root: {
+				borderBottom: "1px solid",
+				borderColor: "neutral.80",
+				minHeight: "unset",
+				"& .MuiTab-root": {
+					backgroundColor: "transparent",
+					color: "text.primary",
+					padding: "16px",
+					minHeight: "unset",
+					boxSizing: "border-box",
+					textTransform: "none",
+					"&:hover": { backgroundColor: "transparent" },
+					"&:active": { backgroundColor: "transparent" }
+				},
+				"& .MuiTab-root.Mui-selected": {
+					backgroundColor: "transparent",
+					color: "text.primary",
+					"&:hover": { backgroundColor: "transparent" },
+					"&:active": { backgroundColor: "transparent" }
+				}
+			},
+			indicator: {
+				borderRadius: 10,
+				backgroundColor: v.primary.main,
+				height: "4px"
+			}
+		} },
+		MuiCard: { styleOverrides: { root: {
+			"&.Monite-SummaryCard": {
+				display: "flex",
+				borderRadius: m.borderRadius * 1.67,
+				backgroundColor: v.background.default,
+				outline: "3px solid",
+				outlineColor: "transparent",
+				border: "1px solid",
+				borderColor: v.neutral[90],
+				transition: "border-color 0.1s ease-in-out, outline-color 0.2s ease-in-out",
+				boxShadow: "none"
+			},
+			"&.Monite-SummaryCard-selected, &.Monite-SummaryCard:hover, &.Monite-SummaryCard:active, &.Monite-SummaryCard:focus": {
+				borderColor: v.primary.main,
+				borderWidth: "1px",
+				outlineColor: v.primary[80]
+			},
+			"&.Monite-SummaryCard-all": { minWidth: "118px" }
+		} } },
+		MuiCardContent: { styleOverrides: { root: { padding: "24px 32px" } } },
+		MuiPaper: { styleOverrides: {
+			root: {
+				backgroundImage: "none",
+				borderRadius: m.borderRadius * 2.67,
+				borderColor: "neutral.80"
+			},
+			elevation: { "&.MuiTableContainer-root": { boxShadow: "none" } },
+			rounded: { "&.Monite-PayableDetailsForm-Items": {
+				"button[aria-label=\"delete\"]": {
+					width: "40px",
+					height: "40px",
+					marginTop: "24px",
+					svg: {
+						width: "20px",
+						height: "auto"
+					}
+				},
+				".Monite-PayableDetailsForm-Item .Monite-PayableDetailsForm-Item-Total": { marginRight: "10.8%" }
+			} }
+		} },
+		MuiDialog: {
+			styleOverrides: { root: { backgroundImage: "none" } },
+			defaultProps: { classes: {
+				container: "Monite-Payables",
+				paper: "Monite-Payables"
+			} }
+		},
+		MuiDialogActions: { styleOverrides: { root: { padding: "1em 1.5em" } } },
+		MuiDialogTitle: { styleOverrides: { root: { "&.MuiTypography-h6": {
+			padding: "12px 24px",
+			".MuiToolbar-root": { padding: "0 0 0 16px" }
+		} } } },
+		MuiDialogContent: { styleOverrides: { root: {
+			margin: 0,
+			padding: "24px 32px 40px",
+			"> form": {
+				maxWidth: "min(940px, 100%)",
+				margin: "0 auto"
+			}
+		} } },
+		MuiFormHelperText: { styleOverrides: { root: {
+			fontSize: "12px",
+			maxWidth: "100%",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		} } },
+		MuiSwitch: { styleOverrides: { root: {
+			width: "55px",
+			height: "40px",
+			"& > .MuiButtonBase-root.Mui-checked": { left: "-10px" },
+			"& > .MuiSwitch-track": {
+				height: "20px",
+				position: "relative",
+				bottom: "3px",
+				width: "40px",
+				left: "-2px",
+				borderRadius: "12px"
+			},
+			"& > .MuiSwitch-switchBase.Mui-checked": {
+				transform: "translateX(25px)",
+				"&::after": {
+					content: "\"\"",
+					position: "absolute",
+					top: "12px",
+					left: "11px",
+					width: "16px",
+					height: "16px",
+					color: "#fff",
+					backgroundImage: "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>\")",
+					backgroundSize: "contain",
+					backgroundRepeat: "no-repeat"
+				}
+			},
+			"& > .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
+				background: "rgba(203, 203, 254, 1)",
+				opacity: 1
+			},
+			"& > .MuiSwitch-input": { left: 0 }
+		} } },
+		MoniteTablePagination: {
+			defaultProps: { paginationLayout: "default" },
+			styleOverrides: { root: {} }
+		},
+		MoniteApprovalRequestStatusChip: { defaultProps: {
+			icon: m.components.approvalRequestStatusChip.icon,
+			size: m.components.approvalRequestStatusChip.size,
+			variant: m.components.approvalRequestStatusChip.variant
+		} },
+		MoniteInvoiceRecurrenceStatusChip: { defaultProps: {
+			icon: m.components.invoiceRecurrenceStatusChip.icon,
+			size: m.components.invoiceRecurrenceStatusChip.size,
+			variant: m.components.invoiceRecurrenceStatusChip.variant
+		} },
+		MoniteInvoiceRecurrenceIterationStatusChip: { defaultProps: {
+			icon: m.components.invoiceRecurrenceIterationStatusChip.icon,
+			size: m.components.invoiceRecurrenceIterationStatusChip.size,
+			variant: m.components.invoiceRecurrenceIterationStatusChip.variant
+		} },
+		MoniteInvoiceStatusChip: {
+			defaultProps: {
+				icon: m.components.invoiceStatusChip.icon,
+				size: m.components.invoiceStatusChip.size,
+				variant: m.components.invoiceStatusChip.variant
+			},
+			styleOverrides: { root: { fontSize: "13px" } },
+			variants: [
+				{
+					props: { status: "draft" },
+					style: y.black
+				},
+				{
+					props: { status: "issued" },
+					style: y.blue
+				},
+				{
+					props: { status: "accepted" },
+					style: y.green
+				},
+				{
+					props: { status: "expired" },
+					style: y.red
+				},
+				{
+					props: { status: "declined" },
+					style: y.red
+				},
+				{
+					props: { status: "recurring" },
+					style: y.green
+				},
+				{
+					props: { status: "partially_paid" },
+					style: y.violet
+				},
+				{
+					props: { status: "paid" },
+					style: y.green
+				},
+				{
+					props: { status: "overdue" },
+					style: y.orange
+				},
+				{
+					props: { status: "uncollectible" },
+					style: y.red
+				},
+				{
+					props: { status: "canceled" },
+					style: y.orange
+				},
+				{
+					props: { status: "deleted" },
+					style: y.black
+				}
+			]
+		},
+		MonitePayableStatusChip: {
+			defaultProps: {
+				icon: m.components.payableStatusChip.icon,
+				size: m.components.payableStatusChip.size,
+				variant: m.components.payableStatusChip.variant,
+				colors: m.components.payableStatusChip.colors
+			},
+			styleOverrides: { root: { fontSize: "13px" } },
+			variants: [
+				{
+					props: { status: "draft" },
+					style: y.black
+				},
+				{
+					props: { status: "new" },
+					style: y.blue
+				},
+				{
+					props: { status: "approve_in_progress" },
+					style: y.orange
+				},
+				{
+					props: { status: "waiting_to_be_paid" },
+					style: y.blue
+				},
+				{
+					props: { status: "partially_paid" },
+					style: y.violet
+				},
+				{
+					props: { status: "paid" },
+					style: y.green
+				},
+				{
+					props: { status: "canceled" },
+					style: y.orange
+				},
+				{
+					props: { status: "rejected" },
+					style: y.red
+				}
+			]
+		},
+		MoniteCounterpartStatusChip: {
+			defaultProps: {},
+			styleOverrides: { root: {
+				height: "24px",
+				padding: "7px 8px",
+				backgroundColor: "transparent",
+				color: "text.primary",
+				borderColor: "neutral.80"
+			} }
+		}
+	}, v), T = {
+		spacing: m.spacing,
+		palette: {
+			...v,
+			status: _
+		},
+		shape: { borderRadius: m.borderRadius },
+		typography: S,
+		components: w
+	};
+	return Object.assign(T, { customStyles: m.components?.styles });
 };
+//#endregion
+export { _ as getTheme };