@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -0,0 +1,99 @@
+import { useCurrencies as e } from "./index63.js";
+import { Button as t } from "./index56.js";
+import "./index189.js";
+import { MoniteScopedProviders as n } from "./index209.js";
+import { Sheet as r, SheetClose as i, SheetContent as a, SheetDescription as o, SheetFooter as s, SheetHeader as c, SheetTitle as l } from "./index50.js";
+import { LoadingSpinner as u } from "./index51.js";
+import "./index52.js";
+import { getProductValidationSchema as d } from "./index464.js";
+import { useCreateProduct as f } from "./index471.js";
+import "./index476.js";
+import { ProductFormContent as p } from "./index535.js";
+import { useCallback as m, useId as h, useMemo as g } from "react";
+import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
+import { useLingui as y } from "@lingui/react";
+import { FormProvider as b, useForm as x } from "react-hook-form";
+import { zodResolver as S } from "@hookform/resolvers/zod";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index539.js
+var C = (e) => /* @__PURE__ */ _(n, { children: /* @__PURE__ */ _(w, { ...e }) }), w = ({ onClose: n, open: C, onCreated: w }) => {
+	let { i18n: T } = y(), { formatToMinorUnits: E } = e(), D = `product-form-${h()}`, { mutate: O, isPending: k } = f(w), A = g(() => ({
+		name: "",
+		type: "product",
+		measureUnitId: "",
+		pricePerUnit: void 0,
+		currency: "USD",
+		description: void 0
+	}), []), { watch: j, ...M } = x({
+		resolver: S(d(T)),
+		defaultValues: A
+	}), N = j("type"), P = !!j("name")?.trim() && j("pricePerUnit") !== void 0, F = m((e) => {
+		e.preventDefault(), e.stopPropagation(), M.handleSubmit((e) => {
+			O({ body: {
+				name: e.name,
+				type: e.type,
+				price: {
+					value: E(e.pricePerUnit, e.currency) ?? 0,
+					currency: e.currency
+				},
+				description: e.description,
+				...e.measureUnitId ? { measure_unit_id: e.measureUnitId } : {}
+			} });
+		})(e);
+	}, [
+		O,
+		E,
+		M.handleSubmit
+	]);
+	return /* @__PURE__ */ _(r, {
+		open: C,
+		onOpenChange: n,
+		children: /* @__PURE__ */ v(a, {
+			className: "ttw:gap-0",
+			children: [
+				/* @__PURE__ */ v(c, {
+					className: "ttw:border-b ttw:border-border",
+					children: [/* @__PURE__ */ _(l, {
+						className: "ttw:text-2xl",
+						children: T._("Add a product or service")
+					}), /* @__PURE__ */ _(o, {
+						className: "ttw:max-w-130",
+						children: T._("Save the products and services you sell so you can quickly add them as line items on invoices.")
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto",
+					children: /* @__PURE__ */ _(b, {
+						...M,
+						watch: j,
+						children: /* @__PURE__ */ _("form", {
+							id: D,
+							onSubmit: F,
+							children: /* @__PURE__ */ _(p, { isLoading: k })
+						})
+					})
+				}),
+				/* @__PURE__ */ v(s, {
+					className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end",
+					children: [/* @__PURE__ */ _(i, {
+						asChild: !0,
+						children: /* @__PURE__ */ _(t, {
+							variant: "outline",
+							disabled: k,
+							className: "ttw:flex-1 ttw:border-border",
+							children: T._("Cancel")
+						})
+					}), /* @__PURE__ */ v(t, {
+						type: "submit",
+						form: D,
+						className: "ttw:flex-1",
+						title: T._("Complete the form to continue"),
+						disabled: k || !P,
+						children: [k && /* @__PURE__ */ _(u, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }), T._("Save {type}", { type: N })]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { C as CreateProduct };

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

@@ -1,40 +1,12 @@
+import { cn as e } from "./index49.js";
 import { jsx as t } from "@emotion/react/jsx-runtime";
-import { BACKGROUND_FINANCE_STATUS_MUI_MAP as _, ROW_TO_TAG_FINANCE_STATUS_MUI_MAP as r, FINANCE_INVOICE_STATUS_TO_MUI_ICON_MAP as c } from "./index125.js";
-import { getCommonStatusLabel as f } from "./index304.js";
-import { useLingui as u } from "@lingui/react";
-import l from "@mui/icons-material/Circle";
-import { Chip as A } from "@mui/material";
-import { styled as I, useThemeProps as S } from "@mui/material/styles";
-const F = ({
-  ref: s,
-  ...e
-}) => {
-  const {
-    status: o,
-    variant: n,
-    icon: a,
-    size: m
-  } = S({
-    props: e,
-    name: "MoniteFinancedInvoiceStatusChip"
-  }), {
-    i18n: p
-  } = u(), i = c[o];
-  return /* @__PURE__ */ t(C, { ref: s, sx: {
-    width: "auto",
-    color: r[o],
-    bgcolor: _[o]
-  }, icon: a && i ? /* @__PURE__ */ t(i, { sx: {
-    fontSize: 16,
-    fill: r[o]
-  } }) : /* @__PURE__ */ t(l, { sx: {
-    fontSize: "10px !important"
-  } }), label: f(p, o), size: m, status: o, variant: n ?? "filled" });
-}, C = I(A, {
-  name: "MoniteFinancedInvoiceStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
-export {
-  F as FinancedInvoiceStatusChip
-};
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index54.js
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton",
+		className: e("ttw:bg-accent ttw:animate-pulse ttw:rounded-md", n),
+		...r
+	});
+}
+//#endregion
+export { n as Skeleton };

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

@@ -0,0 +1,46 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { MoniteScopedProviders as t } from "./index209.js";
+import { useUserPermissions as n } from "./index112.js";
+import { AccessRestriction as r } from "./index235.js";
+import "./index237.js";
+import { ProductsTable as i } from "./index534.js";
+import { ProductDetails as a } from "./index538.js";
+import { CreateProduct as o } from "./index539.js";
+import { useCallback as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index540.js
+var f = (e) => /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u(p, { ...e }) }), p = ({ pageTitleComponent: t }) => {
+	let f = n().has(e.InvoiceReadOrg), [p, m] = c(void 0), [h, g] = c(!1), _ = s((e) => {
+		m(e);
+	}, []), v = s(() => {
+		m(void 0);
+	}, []), y = s(() => {
+		g(!1);
+	}, []), b = s(() => {
+		g(!0);
+	}, []), x = s((e) => {
+		m(e);
+	}, []);
+	return /* @__PURE__ */ d(l, { children: [
+		t(/* @__PURE__ */ u(l, {})),
+		!f && /* @__PURE__ */ u(r, {}),
+		f && /* @__PURE__ */ u(i, {
+			onRowClick: _,
+			onDeleted: x,
+			openCreateModal: b
+		}),
+		h && /* @__PURE__ */ u(o, {
+			open: !0,
+			onClose: y,
+			onCreated: y
+		}),
+		!!p && p && /* @__PURE__ */ u(a, {
+			id: p,
+			open: !0,
+			onClose: v
+		})
+	] });
+};
+//#endregion
+export { f as Products };

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

@@ -0,0 +1,4 @@
+import "./index534.js";
+import "./index538.js";
+import "./index539.js";
+import "./index540.js";

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

@@ -0,0 +1,16 @@
+import { useEntityUserById as e } from "./index129.js";
+import "./index138.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Skeleton as n } from "@mui/material";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index542.js
+var r = ({ id: r }) => {
+	let { data: i, isLoading: a } = e(r);
+	return /* @__PURE__ */ t("span", { children: a ? /* @__PURE__ */ t(n, {
+		animation: "wave",
+		height: 10,
+		width: "100%",
+		sx: { minWidth: "4em" }
+	}) : !!i && `${i?.first_name || ""} ${i?.last_name || ""}` });
+};
+//#endregion
+export { r as UserCell };

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

@@ -0,0 +1,27 @@
+import { useMoniteContext as e } from "./index47.js";
+import { MoniteScopedProviders as t } from "./index209.js";
+import { ConfirmationModal as n } from "./index59.js";
+import "./index60.js";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { toast as i } from "react-hot-toast";
+import { useLingui as a } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index543.js
+var o = (e) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(s, { ...e }) }), s = ({ tag: t, onClose: o, onDelete: s, modalOpened: c }) => {
+	let { i18n: l } = a(), u = t?.id, { api: d, queryClient: f } = e(), p = d.finops.deleteTagsId.useMutation({ path: { tag_id: u ?? "" } }, { onSuccess: () => (d.finops.getTagsId.removeQueries({ parameters: { path: { tag_id: u } } }, f), d.finops.getTags.invalidateQueries(f)) });
+	return /* @__PURE__ */ r(n, {
+		open: c,
+		title: l._("Delete “{tagName}” tag?", { tagName: t.name }),
+		message: l._("This action can’t be undone."),
+		confirmLabel: l._("Delete"),
+		cancelLabel: l._("Cancel"),
+		onClose: o,
+		onConfirm: () => {
+			p.mutate(void 0, { onSuccess: () => {
+				i.success(l._("Tag “{tagName}” was deleted", { tagName: t.name })), o?.(), s?.(t.id);
+			} });
+		},
+		isLoading: p.isPending
+	});
+};
+//#endregion
+export { o as ConfirmDeleteModal };

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

@@ -0,0 +1 @@
+import "./index543.js";

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

@@ -0,0 +1,187 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { useMoniteContext as t } from "./index47.js";
+import { Button as n } from "./index56.js";
+import { MoniteScopedProviders as r } from "./index209.js";
+import { DropdownMenu as i, DropdownMenuContent as a, DropdownMenuItem as o, DropdownMenuTrigger as s } from "./index55.js";
+import { useUserPermissions as c } from "./index112.js";
+import { GetNoRowsOverlay as l } from "./index234.js";
+import { DataTable as u } from "./index239.js";
+import { hasSelectedText as d } from "./index240.js";
+import { getTagCategoryLabel as f } from "./index293.js";
+import { useTags as p } from "./index294.js";
+import { TagFormModal as m } from "./index297.js";
+import "./index298.js";
+import { UserCell as h } from "./index542.js";
+import { ConfirmDeleteModal as g } from "./index543.js";
+import "./index544.js";
+import { useCallback as _, useMemo as v, useState as y } from "react";
+import { ArrowDown as b, ArrowUp as x, ArrowUpDown as S, MoreVertical as C, Trash as w } from "lucide-react";
+import { Fragment as ee, jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
+import { useLingui as D } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index545.js
+var O = (e) => /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(k, { ...e }) }), k = ({ onChangeSort: r, showCreationModal: O }) => {
+	let { i18n: k } = D(), { api: A, locale: j, componentSettings: M } = t(), [N, P] = y(void 0), [F, I] = y(M.tags.pageSizeOptions[0]), [L, R] = y({
+		field: "created_at",
+		sort: "desc"
+	}), [z, B] = y(void 0), [V, H] = y(!1), [U, W] = y(!1), { tagsWithKeywords: G } = p({}), K = c().has(e.AccountingConfigWriteOrg), { data: q, isLoading: J, isError: Y, refetch: X } = A.finops.getTags.useQuery({ query: {
+		sort: L.field,
+		order: L.sort,
+		limit: F,
+		pagination_token: N
+	} }), Z = _(() => {
+		H(!1);
+	}, []), Q = _(() => {
+		B(void 0), H(!1), W(!1);
+	}, []), $ = v(() => [{
+		id: L.field,
+		desc: L.sort === "desc"
+	}], [L]), te = _((e) => {
+		let t = typeof e == "function" ? e($) : e;
+		if (t.length > 0) {
+			let e = {
+				field: t[0].id,
+				sort: t[0].desc ? "desc" : "asc"
+			};
+			R(e), r?.(e);
+		}
+		P(void 0);
+	}, [$, r]), ne = (q?.data ?? []).map((e) => ({
+		...e,
+		keywords: G[e.id]?.join(", ")
+	})), re = v(() => [
+		{
+			accessorKey: "name",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ E("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [k._("Name"), /* @__PURE__ */ T(n, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: T(t === "asc" ? x : t === "desc" ? b : S, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => /* @__PURE__ */ T("span", { children: e.original.name })
+		},
+		{
+			accessorKey: "category",
+			header: k._("Category"),
+			cell: ({ row: e }) => /* @__PURE__ */ T("span", { children: f(e.original.category, k) })
+		},
+		{
+			accessorKey: "keywords",
+			header: k._("Keywords"),
+			cell: ({ row: e }) => /* @__PURE__ */ T("span", { children: e.original.keywords })
+		},
+		{
+			accessorKey: "created_at",
+			header: ({ column: e }) => {
+				let t = e.getIsSorted();
+				return /* @__PURE__ */ E("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+					children: [k._("Created at"), /* @__PURE__ */ T(n, {
+						variant: "ghost",
+						onClick: () => e.toggleSorting(t === "asc"),
+						children: T(t === "asc" ? x : t === "desc" ? b : S, { className: "ttw:size-4" })
+					})]
+				});
+			},
+			cell: ({ row: e }) => /* @__PURE__ */ T("span", { children: k.date(e.original.created_at, j.dateFormat) })
+		},
+		{
+			accessorKey: "updated_at",
+			header: k._("Updated at"),
+			cell: ({ row: e }) => /* @__PURE__ */ T("span", { children: k.date(e.original.updated_at, j.dateFormat) })
+		},
+		{
+			accessorKey: "created_by_entity_user_id",
+			header: k._("Created by"),
+			cell: ({ row: e }) => e.original.created_by_entity_user_id ? /* @__PURE__ */ T(h, { id: e.original.created_by_entity_user_id }) : null
+		},
+		{
+			id: "actions",
+			header: () => /* @__PURE__ */ T("div", {
+				className: "ttw:text-right",
+				children: k._("Actions")
+			}),
+			cell: ({ row: e }) => K ? /* @__PURE__ */ E(i, { children: [/* @__PURE__ */ T(s, {
+				asChild: !0,
+				children: /* @__PURE__ */ T("div", {
+					className: "ttw:flex ttw:justify-end ttw:gap-2",
+					children: /* @__PURE__ */ E(n, {
+						variant: "ghost",
+						className: "ttw:size-5 ttw:p-2",
+						children: [/* @__PURE__ */ T("span", {
+							className: "ttw:sr-only",
+							children: k._("Open actions menu")
+						}), /* @__PURE__ */ T(C, { className: "ttw:size-4" })]
+					})
+				})
+			}), /* @__PURE__ */ T(a, {
+				align: "end",
+				children: /* @__PURE__ */ E(o, {
+					onClick: (t) => {
+						t.stopPropagation(), B(e.original), W(!0);
+					},
+					children: [/* @__PURE__ */ T(w, { className: "ttw:text-red-700" }), k._("Delete")]
+				})
+			})] }) : null
+		}
+	], [
+		k,
+		j.dateFormat,
+		K
+	]);
+	return /* @__PURE__ */ E(ee, { children: [
+		/* @__PURE__ */ T("div", {
+			className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125",
+			children: /* @__PURE__ */ T(u, {
+				columns: re,
+				data: ne,
+				sorting: $,
+				onSortingChange: te,
+				pageSize: F,
+				onPageSizeChange: I,
+				nextPaginationToken: q?.next_pagination_token ?? void 0,
+				prevPaginationToken: q?.prev_pagination_token ?? void 0,
+				onPaginationTokenChange: P,
+				onRowClick: (e) => {
+					d() || (B(e), H(!0));
+				},
+				children: /* @__PURE__ */ T(l, {
+					isLoading: J,
+					dataLength: q?.data.length || 0,
+					isFiltering: !1,
+					isSearching: !1,
+					isError: Y,
+					onCreate: O,
+					refetch: X,
+					entityName: k._("Tags"),
+					noDataTitle: k._("No Tags"),
+					noDataDescription1: k._("You don't have any tags yet."),
+					actionButtonLabel: k._("Create new tag"),
+					actionOptions: [k._("Tag")],
+					type: "no-data"
+				})
+			})
+		}),
+		/* @__PURE__ */ T(m, {
+			tag: z,
+			open: V,
+			onClose: Z,
+			isDeleteAllowed: K ?? !1,
+			onDelete: (e) => {
+				K && (B(e), W(!0));
+			}
+		}),
+		z && /* @__PURE__ */ T(g, {
+			tag: z,
+			modalOpened: U,
+			onClose: Q
+		})
+	] });
+};
+//#endregion
+export { O as TagsTable };

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

@@ -0,0 +1 @@
+import "./index545.js";

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

@@ -0,0 +1,43 @@
+import { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
+import "../../shared/data-access/dist/index.js";
+import { Button as t } from "./index56.js";
+import { MoniteScopedProviders as n } from "./index209.js";
+import { useUserPermissions as r } from "./index112.js";
+import { AccessRestriction as i } from "./index235.js";
+import "./index237.js";
+import { TagFormModal as a } from "./index297.js";
+import "./index298.js";
+import { PageHeader as o } from "./index325.js";
+import { TagsTable as s } from "./index545.js";
+import "./index546.js";
+import { useCallback as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+import { useLingui as p } from "@lingui/react";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index547.js
+var m = () => /* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(h, {}) }), h = () => {
+	let { i18n: n } = p(), [m, h] = l(!1), g = c(() => {
+		h(!0);
+	}, []), _ = c(() => {
+		h(!1);
+	}, []), v = r(), y = v.has(e.AccountingConfigWriteOrg), b = v.has(e.AccountingConfigReadOrg), x = v.has(e.AccountingConfigWriteOrg);
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d(o, {
+			title: /* @__PURE__ */ d(u, { children: n._("Tags") }),
+			extra: /* @__PURE__ */ d(t, {
+				size: "lg",
+				disabled: !y,
+				onClick: g,
+				children: n._("Create new")
+			})
+		}),
+		!b && /* @__PURE__ */ d(i, {}),
+		b && /* @__PURE__ */ d(s, { showCreationModal: g }),
+		/* @__PURE__ */ d(a, {
+			open: m,
+			onClose: _,
+			isDeleteAllowed: x
+		})
+	] });
+};
+//#endregion
+export { m as Tags };

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

@@ -0,0 +1,5 @@
+import "./index297.js";
+import "./index298.js";
+import "./index545.js";
+import "./index546.js";
+import "./index547.js";

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

@@ -0,0 +1,24 @@
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { Box as t, useTheme as n } from "@mui/material";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index549.js
+var r = ({ children: r, shouldApplyFinanceStyles: i = !1 }) => {
+	let a = n();
+	return /* @__PURE__ */ e(t, {
+		sx: {
+			background: `linear-gradient(180deg, ${a.palette.primary.light} 0%, ${a.palette.background.paper} 100%)`,
+			display: "flex",
+			flexDirection: "column",
+			gap: 1,
+			px: 3,
+			py: i ? 3 : 2.5,
+			width: "100%",
+			minHeight: "auto",
+			borderRadius: "16px",
+			boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
+			border: i ? "none" : `1px solid ${a.palette.divider}`
+		},
+		children: r
+	});
+};
+//#endregion
+export { r as FinanceBannerWrapper };

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

@@ -1,89 +1,37 @@
-import { jsxs as o } from "@emotion/react/jsx-runtime";
-import { Badge as a } from "./index228.js";
-import { getCommonStatusLabel as g } from "./index291.js";
-import "date-fns";
-import { useLingui as s } from "@lingui/react";
-import { cn as c } from "./index100.js";
-import { cva as x } from "class-variance-authority";
-const r = x("", {
-  variants: {
-    variant: {
-      draft: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      issuing: "ttw:bg-cyan-100 ttw:text-cyan-700",
-      issued: "ttw:bg-cyan-100 ttw:text-cyan-700",
-      failed: "ttw:bg-red-100 ttw:text-red-700",
-      accepted: "ttw:bg-green-100 ttw:text-green-700",
-      partially_paid: "ttw:bg-purple-100 ttw:text-purple-700",
-      paid: "ttw:bg-green-100 ttw:text-green-700",
-      expired: "ttw:bg-red-100 ttw:text-red-700",
-      uncollectible: "ttw:bg-red-100 ttw:text-red-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      recurring: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      declined: "ttw:bg-red-100 ttw:text-red-700",
-      overdue: "ttw:bg-orange-100 ttw:text-orange-700",
-      deleted: "ttw:bg-red-100 ttw:text-red-700"
-    },
-    dotVariant: {
-      draft: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      issuing: "ttw:border-cyan-100 ttw:bg-cyan-700",
-      issued: "ttw:border-cyan-100 ttw:bg-cyan-700",
-      failed: "ttw:border-red-100 ttw:bg-red-700",
-      accepted: "ttw:border-green-100 ttw:bg-green-700",
-      partially_paid: "ttw:border-purple-100 ttw:bg-purple-700",
-      paid: "ttw:border-green-100 ttw:bg-green-700",
-      expired: "ttw:border-red-100 ttw:bg-red-700",
-      uncollectible: "ttw:border-red-100 ttw:bg-red-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      recurring: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      declined: "ttw:border-red-100 ttw:bg-red-700",
-      overdue: "ttw:border-orange-100 ttw:bg-orange-700",
-      deleted: "ttw:border-red-100 ttw:bg-red-700"
-    },
-    // Outline tone palette, matching the native ReceivableStatusBadge.
-    outlineVariant: {
-      draft: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      issuing: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-      issued: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-      failed: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      accepted: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-      partially_paid: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-      paid: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-      expired: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      uncollectible: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      canceled: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      recurring: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50",
-      declined: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      overdue: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-      deleted: "ttw:border-zinc-200 ttw:bg-zinc-50 ttw:text-zinc-700 ttw:hover:bg-zinc-50"
-    }
-  }
-}), B = ({
-  status: t,
-  variant: l = "filled",
-  label: d,
-  icon: w,
-  className: b,
-  showBadgeBackground: e = !0,
-  dotSize: u,
-  ref: i
-}) => {
-  const {
-    i18n: n
-  } = s();
-  return l === "outline" ? /* @__PURE__ */ o(a, { ref: i, variant: "outline", className: c(r({
-    outlineVariant: t
-  }), b), children: [
-    w,
-    d ?? g(n, t)
-  ] }) : /* @__PURE__ */ o(a, { ref: i, className: c("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), !e && "ttw:text-zinc-950!", b), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: u, showDot: !1, children: [
-    w,
-    d ?? g(n, t)
-  ] });
-};
-export {
-  B as InvoiceStatusChip
-};
+import { cn as e } from "./index49.js";
+import "react";
+import "lucide-react";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import * as n from "@radix-ui/react-dropdown-menu";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index55.js
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function i({ ...e }) {
+	return /* @__PURE__ */ t(n.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function a({ className: r, sideOffset: i = 4, ...a }) {
+	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: i,
+		className: e("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:max-h-(--radix-dropdown-menu-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-dropdown-menu-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:p-1 ttw:shadow-md", r),
+		...a
+	}) });
+}
+function o({ className: r, inset: i, variant: a = "default", ...o }) {
+	return /* @__PURE__ */ t(n.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": i,
+		"data-variant": a,
+		className: e("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:data-[variant=destructive]:text-destructive ttw:data-[variant=destructive]:focus:bg-destructive/10 ttw:dark:data-[variant=destructive]:focus:bg-destructive/20 ttw:data-[variant=destructive]:focus:text-destructive ttw:data-[variant=destructive]:*:[svg]:!text-destructive ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:px-2 ttw:py-1.5 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:data-[inset]:pl-8 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", r),
+		...o
+	});
+}
+//#endregion
+export { r as DropdownMenu, a as DropdownMenuContent, o as DropdownMenuItem, i as DropdownMenuTrigger };