@tesouro/embedded-components-react 0.5.227 → 0.5.230

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index18.js

@@ -1 +1,24 @@
-import "react/jsx-runtime";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index9.js";
+import { jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index18.js
+var i = {
+	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
+};
+function a({ status: a, label: o, tone: s, labels: c, icon: l }) {
+	let u = {
+		...n,
+		...c
+	}, d = o ?? u[a] ?? u.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(l && "ttw:gap-1", i[s]),
+		children: [l, d]
+	});
+}
+//#endregion
+export { a as ReceivableStatusBadge, a as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index19.js

@@ -1,4 +1,42 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index14.js";
-import "react/jsx-runtime";
-import "lucide-react";
+import { Ban as e, Check as t, CircleCheck as n, CircleSlash as r, CircleX as i, ClipboardCheck as a, Clock as o, CopyPlus as s, Mail as c, PenTool as l, Pencil as u, Trash2 as d } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index19.js
+var f = {
+	edit: "editButton",
+	issue: "issueButton",
+	recordPayment: "recordPaymentButton",
+	send: "sendButton",
+	accept: "acceptButton",
+	decline: "declineButton",
+	markPaid: "markPaidButton",
+	markUncollectible: "markUncollectibleButton",
+	cancel: "cancelButton",
+	clone: "cloneButton",
+	delete: "deleteButton"
+}, p = {
+	edit: u,
+	issue: c,
+	recordPayment: a,
+	send: c,
+	accept: n,
+	decline: i,
+	markPaid: n,
+	markUncollectible: r,
+	cancel: e,
+	clone: s,
+	delete: d
+}, m = {
+	draft: l,
+	issuing: o,
+	issued: o,
+	partially_paid: o,
+	paid: t,
+	overdue: o,
+	canceled: e
+}, h = {
+	default: "ttw:text-foreground",
+	danger: "ttw:text-red-600",
+	success: "ttw:text-emerald-600",
+	muted: "ttw:text-muted-foreground"
+}, g = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent";
+//#endregion
+export { p as ACTION_ICON, f as ACTION_LABEL_KEY, m as STATUS_ICON, h as amountValueToneClass, g as headerIconButtonClass };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index2.js

@@ -1,11 +1,18 @@
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index2.js
 var e = {
-	billingHeading: "Billing details",
-	billingDescription: "What are the billing terms?",
-	paymentTermsLabel: "Payment terms",
-	paymentTermsPlaceholder: "Select payment terms",
-	paymentTermsReceiptDue: "Due on receipt",
-	paymentTermsCustomDate: "Custom date"
+	issueDescription: "The customer will be emailed a copy of the invoice with payment instructions.",
+	toLabel: "To",
+	subjectLabel: "Subject",
+	messageLabel: "Message",
+	messagePlaceholder: "e.g., Thank you for your business",
+	attachmentsLabel: "Attachments",
+	attachmentsCaption: "To change what files are attached to the email, you will need to update the invoice.",
+	skipButton: "Skip",
+	sendButton: "Send invoice",
+	productsQuestion: "Do you want to also save these items?",
+	productsCaption: "Saved items can be quickly added to future invoices.",
+	productsAllLabel: "Products and services",
+	saveItemsButton: "Save selected items"
 };
 //#endregion
-export { e as RECEIVABLE_BILLING_SECTION_LABELS_EN };
+export { e as RECEIVABLE_ACTIONS_MODAL_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js

@@ -1,12 +1,19 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import "./index4.js";
-import "./index13.js";
-import "./index14.js";
-import "./index15.js";
-import "./index16.js";
-import "./index17.js";
-import "./index18.js";
-import "./index19.js";
-import "react/jsx-runtime";
-import "lucide-react";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { amountValueToneClass as t } from "./index19.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js
+function i({ row: i, defaultTone: a }) {
+	let o = i.tone ?? (i.emphasis ? a : "default");
+	return /* @__PURE__ */ r("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+		children: [/* @__PURE__ */ n("span", {
+			className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
+			children: i.label
+		}), /* @__PURE__ */ n("span", {
+			className: e(i.emphasis ? "ttw:text-2xl ttw:font-semibold" : "ttw:text-base ttw:font-medium", t[o]),
+			children: i.value
+		})]
+	});
+}
+//#endregion
+export { i as AmountCell };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index21.js

@@ -1 +1,73 @@
-import "./index20.js";
+import { AccordionContent as e, AccordionItem as t, AccordionTrigger as n, Badge as r, Typography as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Check as s } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index21.js
+var c = "attachments";
+function l({ attachments: l, labels: u }) {
+	return /* @__PURE__ */ o(t, {
+		value: c,
+		children: [/* @__PURE__ */ a(n, { children: /* @__PURE__ */ o("span", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: [/* @__PURE__ */ a("span", {
+				className: "ttw:group-hover:underline",
+				children: u.attachmentsHeading
+			}), /* @__PURE__ */ a(r, {
+				variant: "secondary",
+				className: "ttw:rounded-full",
+				children: l.countLabel
+			})]
+		}) }), /* @__PURE__ */ a(e, { children: l.rows.length === 0 ? /* @__PURE__ */ a(i, {
+			variant: "body2",
+			color: "muted",
+			children: u.attachmentsEmpty
+		}) : /* @__PURE__ */ o("table", {
+			className: "ttw:w-full ttw:border-collapse",
+			children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", {
+				className: "ttw:border-b ttw:border-border",
+				children: [/* @__PURE__ */ a("th", {
+					scope: "col",
+					className: "ttw:py-2 ttw:text-left",
+					children: /* @__PURE__ */ a(i, {
+						component: "span",
+						variant: "caption",
+						color: "muted",
+						children: u.attachmentsFileColumn
+					})
+				}), /* @__PURE__ */ a("th", {
+					scope: "col",
+					className: "ttw:py-2 ttw:text-right",
+					children: /* @__PURE__ */ a(i, {
+						component: "span",
+						variant: "caption",
+						color: "muted",
+						children: u.attachmentsEmailedColumn
+					})
+				})]
+			}) }), /* @__PURE__ */ a("tbody", { children: l.rows.map((e) => /* @__PURE__ */ o("tr", {
+				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
+				children: [/* @__PURE__ */ a("td", {
+					className: "ttw:py-3",
+					children: /* @__PURE__ */ a("a", {
+						href: e.url,
+						target: "_blank",
+						rel: "noreferrer",
+						className: "ttw:text-primary ttw:hover:underline",
+						children: e.name
+					})
+				}), /* @__PURE__ */ a("td", {
+					className: "ttw:py-3 ttw:text-right ttw:align-middle",
+					children: e.includeInEmail ? /* @__PURE__ */ a(s, {
+						role: "img",
+						"aria-label": e.emailedLabel,
+						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
+					}) : /* @__PURE__ */ a("span", {
+						className: "ttw:sr-only",
+						children: e.emailedLabel
+					})
+				})]
+			}, e.id)) })]
+		}) })]
+	});
+}
+//#endregion
+export { c as ATTACHMENTS_ITEM_VALUE, l as AttachmentsItem };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index22.js

@@ -1,264 +1,20 @@
-import { Button as e, Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o, Typography as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { RECEIVABLE_DETAILS_SHEET_LABELS_EN as l } from "./index4.js";
-import { ReceivableStatusBadge as u } from "./index13.js";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { DownloadIcon as m } from "lucide-react";
+import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { XIcon as r } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index22.js
-function h({ title: e, children: t }) {
-	return /* @__PURE__ */ p("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ f(s, {
-			variant: "body2",
-			className: "ttw:font-semibold",
-			children: e
-		}), t]
+var i = t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
+	return /* @__PURE__ */ n(e, {
+		ref: l,
+		variant: a,
+		size: o,
+		...c,
+		"aria-label": t,
+		onClick: (e) => {
+			s?.(e), i();
+		},
+		children: /* @__PURE__ */ n(r, { className: "ttw:size-4" })
 	});
-}
-function g({ open: s, onOpenChange: g, details: _, isLoading: v, isError: y, onActionClick: b, onClose: x, labels: S }) {
-	let C = {
-		...l,
-		...S,
-		statusBadge: {
-			...l.statusBadge,
-			...S?.statusBadge
-		}
-	};
-	return /* @__PURE__ */ f(t, {
-		open: s,
-		onOpenChange: g,
-		children: /* @__PURE__ */ p(n, {
-			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
-			children: [
-				/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(o, { children: v ? C.loadingTitle : _?.title }), /* @__PURE__ */ f(r, {
-					className: "ttw:sr-only",
-					children: C.hiddenDescription
-				})] }),
-				/* @__PURE__ */ f("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-					children: y ? /* @__PURE__ */ f(c, {
-						title: C.errorTitle,
-						description: C.errorDescription
-					}) : _ ? /* @__PURE__ */ p(d, { children: [
-						/* @__PURE__ */ p("div", {
-							className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-							children: [/* @__PURE__ */ p("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1",
-								children: [/* @__PURE__ */ f("span", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: _.customerLabel
-								}), /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [/* @__PURE__ */ f(u, {
-										status: _.status,
-										tone: _.statusTone,
-										labels: C.statusBadge
-									}), /* @__PURE__ */ f("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: _.totalLabel
-									})]
-								})]
-							}), _.pdfUrl && /* @__PURE__ */ f(e, {
-								asChild: !0,
-								variant: "outline",
-								children: /* @__PURE__ */ p("a", {
-									href: _.pdfUrl,
-									target: "_blank",
-									rel: "noreferrer",
-									children: [/* @__PURE__ */ f(m, { className: "ttw:size-4" }), C.downloadPdfButton]
-								})
-							})]
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.summaryHeading,
-							children: /* @__PURE__ */ f("dl", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-3",
-								children: _.summaryItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ f("dt", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: e.label
-									}), /* @__PURE__ */ f("dd", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: e.value
-									})]
-								}, e.label))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.lineItemsHeading,
-							children: _.lineItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noLineItems
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:overflow-hidden ttw:rounded-md ttw:border",
-								children: /* @__PURE__ */ p("table", {
-									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ f("thead", {
-										className: "ttw:bg-muted/50",
-										children: /* @__PURE__ */ p("tr", { children: [
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-left",
-												children: C.lineItemsHeading
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.quantityColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.unitPriceColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.totalColumn
-											})
-										] })
-									}), /* @__PURE__ */ f("tbody", { children: _.lineItems.map((e) => /* @__PURE__ */ p("tr", {
-										className: "ttw:border-t",
-										children: [
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2",
-												children: e.name
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.unitPriceLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.totalLabel
-											})
-										]
-									}, e.id)) })]
-								})
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.activityHeading,
-							children: _.activityItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noActivity
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.activityItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.title
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.description
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.timestampLabel
-										})
-									]
-								}, e.id))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.mailsHeading,
-							children: _.mailItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noMails
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.mailItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.statusLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.recipientsLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.sentAtLabel
-										})
-									]
-								}, e.id))
-							})
-						})
-					] }) : null
-				}),
-				/* @__PURE__ */ f(i, { children: _ && /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-wrap ttw:justify-end ttw:gap-2",
-					children: [
-						_.actions.edit && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("edit", _),
-							children: C.editButton
-						}),
-						_.actions.issue && /* @__PURE__ */ f(e, {
-							onClick: () => b("issue", _),
-							children: C.issueButton
-						}),
-						_.actions.send && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("send", _),
-							children: C.sendButton
-						}),
-						_.actions.accept && /* @__PURE__ */ f(e, {
-							onClick: () => b("accept", _),
-							children: C.acceptButton
-						}),
-						_.actions.decline && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("decline", _),
-							children: C.declineButton
-						}),
-						_.actions.recordPayment && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("recordPayment", _),
-							children: C.recordPaymentButton
-						}),
-						_.actions.markPaid && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markPaid", _),
-							children: C.markPaidButton
-						}),
-						_.actions.markUncollectible && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markUncollectible", _),
-							children: C.markUncollectibleButton
-						}),
-						_.actions.cancel && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("cancel", _),
-							children: C.cancelButton
-						}),
-						_.actions.clone && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("clone", _),
-							children: C.cloneButton
-						}),
-						_.actions.delete && /* @__PURE__ */ f(e, {
-							variant: "destructive",
-							onClick: () => b("delete", _),
-							children: C.deleteButton
-						}),
-						/* @__PURE__ */ f(e, {
-							variant: "ghost",
-							onClick: x,
-							children: C.closeButton
-						})
-					]
-				}) })
-			]
-		})
-	});
-}
+});
 //#endregion
-export { g as ReceivableDetailsSheet, g as default };
+export { i as CloseButton };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index23.js

@@ -1,48 +1,16 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index23.js
-function r({ label: r, value: i, className: a }) {
-	return /* @__PURE__ */ n("li", {
-		className: e("ttw:flex ttw:items-center ttw:justify-between", a),
-		children: [/* @__PURE__ */ t("span", { children: r }), /* @__PURE__ */ t("span", { children: i })]
-	});
-}
-function i({ totals: e, labels: i }) {
-	return /* @__PURE__ */ n("ul", {
-		className: "ttw:flex ttw:w-full ttw:list-none ttw:flex-col ttw:gap-1.5",
-		children: [
-			/* @__PURE__ */ t(r, {
-				label: i.subtotalLabel,
-				value: e.subtotal,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.discountTotalLabel,
-				value: e.discount,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.nonTaxableSubtotalLabel,
-				value: e.nonTaxableSubtotal,
-				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.taxableSubtotalLabel,
-				value: e.taxableSubtotal,
-				className: "ttw:text-sm ttw:font-normal ttw:text-muted-foreground"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.taxTotalLabel,
-				value: e.tax,
-				className: "ttw:text-sm ttw:font-normal"
-			}),
-			/* @__PURE__ */ t(r, {
-				label: i.totalLabel,
-				value: e.total,
-				className: "ttw:text-lg ttw:font-medium"
-			})
-		]
+function n({ label: n, value: r }) {
+	return /* @__PURE__ */ t("div", {
+		className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:text-sm ttw:last:border-b-0",
+		children: [/* @__PURE__ */ e("span", {
+			className: "ttw:w-40 ttw:shrink-0 ttw:text-muted-foreground",
+			children: n
+		}), /* @__PURE__ */ e("span", {
+			className: "ttw:whitespace-pre-line ttw:text-foreground",
+			children: r
+		})]
 	});
 }
 //#endregion
-export { i as ReceivableFormTotals };
+export { n as InfoRow };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index24.js

@@ -1,72 +1,32 @@
-import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i, Textarea as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as e, DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i, Tooltip as a, TooltipContent as o, TooltipTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ACTION_ICON as c } from "./index19.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { MoreVerticalIcon as d } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index24.js
-function l({ id: l, value: u, error: d, disabled: f, label: p, optionalSuffix: m, placeholder: h, description: g, onChange: _ }) {
-	return /* @__PURE__ */ s(e, { children: /* @__PURE__ */ c(t, { children: [
-		/* @__PURE__ */ c(i, {
-			htmlFor: l,
-			className: "ttw:text-nowrap",
-			children: [p, /* @__PURE__ */ s(o, {
-				variant: "body2",
-				component: "span",
-				color: "muted",
-				className: "ttw:leading-snug",
-				children: m
-			})]
-		}),
-		/* @__PURE__ */ s(a, {
-			id: l,
-			value: u,
-			disabled: f,
-			placeholder: h,
-			className: "ttw:h-26 ttw:resize-none",
-			"aria-invalid": !!d,
-			onChange: (e) => _(e.target.value)
-		}),
-		/* @__PURE__ */ s(n, { children: g }),
-		/* @__PURE__ */ s(r, { errors: d ? [{ message: d }] : [] })
-	] }) });
-}
-function u({ idPrefix: e, openingNote: t, closingNote: n, openingNoteError: r, closingNoteError: i, disabled: a, onOpeningNoteChange: u, onClosingNoteChange: d, labels: f }) {
-	return /* @__PURE__ */ c("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-				children: [/* @__PURE__ */ s(o, {
-					variant: "h4",
-					children: f.notesHeading
-				}), /* @__PURE__ */ s(o, {
-					variant: "body2",
-					color: "muted",
-					className: "ttw:font-medium",
-					children: f.notesDescription
-				})]
-			}),
-			/* @__PURE__ */ s(l, {
-				id: `${e}-opening-note`,
-				value: t,
-				error: r,
-				disabled: a,
-				label: f.openingNoteLabel,
-				optionalSuffix: f.optionalSuffix,
-				placeholder: f.openingNotePlaceholder,
-				description: f.openingNoteDescription,
-				onChange: u
-			}),
-			/* @__PURE__ */ s(l, {
-				id: `${e}-closing-note`,
-				value: n,
-				error: i,
-				disabled: a,
-				label: f.closingNoteLabel,
-				optionalSuffix: f.optionalSuffix,
-				placeholder: f.closingNotePlaceholder,
-				description: f.closingNoteDescription,
-				onChange: d
+function f({ actions: f, triggerLabel: p, getActionLabel: m, onSelect: h, className: g }) {
+	return /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(s, {
+		asChild: !0,
+		children: /* @__PURE__ */ l(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ l(e, {
+				variant: "ghost",
+				size: "icon",
+				className: g,
+				"aria-label": p,
+				children: /* @__PURE__ */ l(d, { className: "ttw:size-4" })
 			})
-		]
-	});
+		})
+	}), /* @__PURE__ */ l(o, { children: p })] }), /* @__PURE__ */ l(n, {
+		align: "end",
+		children: f.map((e) => {
+			let t = c[e];
+			return /* @__PURE__ */ u(r, {
+				variant: e === "delete" ? "destructive" : "default",
+				onClick: () => h(e),
+				children: [/* @__PURE__ */ l(t, { className: "ttw:size-4" }), m(e)]
+			}, e);
+		})
+	})] });
 }
 //#endregion
-export { u as ReceivableNotesSection };
+export { f as OverflowMenu };