@tesouro/embedded-components-react 0.5.225 → 0.5.227

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

@@ -1,24 +1,24 @@
 import { Alert as e, AlertDescription as t, Button as n, Checkbox as r, Field as i, FieldContent as a, FieldError as o, FieldLabel as s, Input as c, InputGroup as l, InputGroupAddon as u, InputGroupInput as d, Label as f, RadioGroup as p, RadioGroupItem as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y, Separator as b, Sheet as x, SheetContent as S, SheetDescription as C, SheetFooter as w, SheetHeader as T, SheetTitle as ee, Spinner as te, Typography as E, cn as D } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { RECEIVABLE_FORM_SHEET_LABELS_EN as ne } from "./index4.js";
-import { ReceivableFormTotals as O } from "./index23.js";
-import { ReceivableNotesSection as k } from "./index24.js";
-import { useId as re } from "react";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { MinusIcon as M, PlusIcon as N, Trash2Icon as P } from "lucide-react";
+import { ReceivableFormTotals as re } from "./index23.js";
+import { ReceivableNotesSection as O } from "./index24.js";
+import { useId as ie } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { MinusIcon as j, PlusIcon as M, Trash2Icon as N } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index25.js
-var F = "__none__", I = "__manage__";
-function L({ message: e }) {
-	return e ? /* @__PURE__ */ A("p", {
+var P = "__none__", F = "__manage__";
+function I({ message: e }) {
+	return e ? /* @__PURE__ */ k("p", {
 		className: "ttw:text-sm ttw:text-destructive",
 		children: e
 	}) : null;
 }
-function ie({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, canRemove: s, unitOptions: c, currencySymbol: f, labels: p, renderProductSelector: m, onChange: b, onCommit: x, onQuantityStep: S, onManageUnits: C, onRemove: w }) {
+function L({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, canRemove: s, unitOptions: c, currencySymbol: f, labels: p, renderProductSelector: m, onChange: b, onCommit: x, onQuantityStep: S, onManageUnits: C, onRemove: w }) {
 	let T = `${e}-line-${t.id}`;
-	return /* @__PURE__ */ j("li", {
+	return /* @__PURE__ */ A("li", {
 		className: "ttw:flex ttw:h-9 ttw:items-center ttw:gap-2.5",
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				className: "ttw:min-w-30 ttw:flex-1",
 				children: m(t, {
 					inputId: `${T}-name`,
@@ -26,18 +26,18 @@ function ie({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, c
 					focusOnMount: o
 				})
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ A("div", {
 				className: D("ttw:flex ttw:h-9 ttw:w-26 ttw:min-w-26 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs", i?.quantity && "ttw:border-destructive"),
 				children: [
-					/* @__PURE__ */ A("button", {
+					/* @__PURE__ */ k("button", {
 						type: "button",
 						"aria-label": p.decreaseQuantityButton,
 						disabled: a ? !a.canDecreaseQuantity : !1,
 						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
 						onClick: () => S(-1),
-						children: /* @__PURE__ */ A(M, { className: "ttw:size-3.5" })
+						children: /* @__PURE__ */ k(j, { className: "ttw:size-3.5" })
 					}),
-					/* @__PURE__ */ A("input", {
+					/* @__PURE__ */ k("input", {
 						id: `${T}-quantity`,
 						"aria-label": p.quantityLabel,
 						"aria-invalid": !!i?.quantity || void 0,
@@ -48,56 +48,56 @@ function ie({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, c
 						onChange: (e) => b({ quantity: e.target.value }),
 						onBlur: () => x("quantity")
 					}),
-					/* @__PURE__ */ A("button", {
+					/* @__PURE__ */ k("button", {
 						type: "button",
 						"aria-label": p.increaseQuantityButton,
 						disabled: a ? !a.canIncreaseQuantity : !1,
 						className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:hover:bg-accent ttw:disabled:pointer-events-none ttw:disabled:opacity-50",
 						onClick: () => S(1),
-						children: /* @__PURE__ */ A(N, { className: "ttw:size-3.5" })
+						children: /* @__PURE__ */ k(M, { className: "ttw:size-3.5" })
 					})
 				]
 			}),
-			/* @__PURE__ */ j(h, {
-				value: t.unit || F,
+			/* @__PURE__ */ A(h, {
+				value: t.unit || P,
 				onValueChange: (e) => {
-					if (e === I) {
+					if (e === F) {
 						C?.();
 						return;
 					}
-					b({ unit: e === F ? "" : e });
+					b({ unit: e === P ? "" : e });
 				},
-				children: [/* @__PURE__ */ A(v, {
+				children: [/* @__PURE__ */ k(v, {
 					id: `${T}-unit`,
 					"aria-label": p.unitLabel,
 					"aria-invalid": !!i?.measureUnit || void 0,
 					className: "ttw:w-22",
-					children: /* @__PURE__ */ A(y, {
+					children: /* @__PURE__ */ k(y, {
 						className: "ttw:truncate",
 						placeholder: p.unitPlaceholder
 					})
-				}), /* @__PURE__ */ j(g, { children: [
-					C && /* @__PURE__ */ j(_, {
-						value: I,
+				}), /* @__PURE__ */ A(g, { children: [
+					C && /* @__PURE__ */ A(_, {
+						value: F,
 						className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
-						children: [/* @__PURE__ */ A(N, { className: "ttw:text-primary" }), p.manageUnitsOption]
+						children: [/* @__PURE__ */ k(M, { className: "ttw:text-primary" }), p.manageUnitsOption]
 					}),
-					/* @__PURE__ */ A(_, {
-						value: F,
+					/* @__PURE__ */ k(_, {
+						value: P,
 						children: p.unitNone
 					}),
-					c.map((e) => /* @__PURE__ */ A(_, {
+					c.map((e) => /* @__PURE__ */ k(_, {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				] })]
 			}),
-			/* @__PURE__ */ j(l, {
+			/* @__PURE__ */ A(l, {
 				className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
-				children: [/* @__PURE__ */ A(u, {
+				children: [/* @__PURE__ */ k(u, {
 					align: "inline-start",
 					children: f
-				}), /* @__PURE__ */ A(d, {
+				}), /* @__PURE__ */ k(d, {
 					id: `${T}-price`,
 					"aria-label": p.priceLabel,
 					"aria-invalid": !!i?.price || void 0,
@@ -110,23 +110,23 @@ function ie({ formId: e, lineItem: t, errors: i, controls: a, focusOnMount: o, c
 					onBlur: () => x("price")
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				className: "ttw:flex ttw:w-12 ttw:min-w-12 ttw:items-center ttw:justify-center",
-				children: /* @__PURE__ */ A(r, {
+				children: /* @__PURE__ */ k(r, {
 					id: `${T}-taxable`,
 					"aria-label": p.taxableLabel,
 					checked: t.taxable,
 					onCheckedChange: (e) => b({ taxable: e === !0 })
 				})
 			}),
-			s && /* @__PURE__ */ A(n, {
+			s && /* @__PURE__ */ k(n, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
 				"aria-label": p.removeLineItemButton,
 				className: "ttw:w-10 ttw:rounded-none ttw:border-l ttw:border-border ttw:pl-4 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:has-[>svg]:pr-0",
 				onClick: w,
-				children: /* @__PURE__ */ A(P, {})
+				children: /* @__PURE__ */ k(N, {})
 			})
 		]
 	});
@@ -141,20 +141,20 @@ function ae({ inputId: e, discountType: t, value: n, error: r, currencySymbol: c
 		label: p.discountPercentageOption,
 		ariaLabel: p.discountPercentageOptionAriaLabel
 	}];
-	return /* @__PURE__ */ j(i, {
+	return /* @__PURE__ */ A(i, {
 		className: "ttw:flex-col",
-		children: [/* @__PURE__ */ j(a, {
+		children: [/* @__PURE__ */ A(a, {
 			className: "ttw:flex-row ttw:items-center ttw:justify-end",
-			children: [/* @__PURE__ */ A(s, {
+			children: [/* @__PURE__ */ k(s, {
 				htmlFor: e,
 				className: D(r && "ttw:text-destructive"),
 				children: p.discountLabel
-			}), /* @__PURE__ */ j(l, {
+			}), /* @__PURE__ */ A(l, {
 				className: "ttw:w-40 ttw:overflow-hidden",
-				children: [/* @__PURE__ */ A(u, {
+				children: [/* @__PURE__ */ k(u, {
 					align: "inline-start",
 					className: "ttw:gap-0 ttw:self-stretch ttw:p-0 ttw:has-[>button]:ml-0",
-					children: y.map((e) => /* @__PURE__ */ A("button", {
+					children: y.map((e) => /* @__PURE__ */ k("button", {
 						type: "button",
 						"aria-label": e.ariaLabel,
 						"aria-pressed": t === e.type,
@@ -163,7 +163,7 @@ function ae({ inputId: e, discountType: t, value: n, error: r, currencySymbol: c
 						onClick: () => h(e.type),
 						children: e.label
 					}, e.type))
-				}), /* @__PURE__ */ A(d, {
+				}), /* @__PURE__ */ k(d, {
 					id: e,
 					type: "text",
 					inputMode: "decimal",
@@ -177,222 +177,223 @@ function ae({ inputId: e, discountType: t, value: n, error: r, currencySymbol: c
 					onBlur: _
 				})]
 			})]
-		}), r && /* @__PURE__ */ A(o, {
+		}), r && /* @__PURE__ */ k(o, {
 			id: v,
 			className: "ttw:text-right",
 			children: r
 		})]
 	});
 }
-function R({ open: r, onOpenChange: o, mode: M = "create", values: P, errors: F, currencyOptions: I, unitOptions: R, currencySymbol: z, lineItemControls: B, autoFocusLineItemId: V, lineItemsLoading: H, inProgress: U, customerSelector: W, renderProductSelector: G, onChange: K, onLineItemChange: q, onLineItemCommit: J, onLineItemQuantityStep: Y, onTaxRateCommit: oe, onDiscountFocus: se, onDiscountCommit: ce, totals: le, onManageUnits: ue, onAddLineItem: de, onRemoveLineItem: fe, showDueDateField: X, billingSection: pe, remindersSection: me, bankAccountSection: he, attachmentsSection: ge, cancelDisabled: _e, saveDisabled: ve, submitLabel: ye, onSubmit: be, onCancel: xe, labels: Se }) {
+function R({ open: r, onOpenChange: j, mode: N = "create", values: P, errors: F, currencyOptions: R, unitOptions: oe, currencySymbol: z, lineItemControls: B, autoFocusLineItemId: V, lineItemsLoading: H, inProgress: U, customerSelector: W, renderProductSelector: G, onChange: K, onLineItemChange: q, onLineItemCommit: se, onLineItemQuantityStep: ce, onTaxRateCommit: J, onDiscountFocus: le, onDiscountCommit: ue, totals: de, onManageUnits: fe, onAddLineItem: pe, onRemoveLineItem: me, showDueDateField: Y, billingSection: he, remindersSection: ge, bankAccountSection: _e, attachmentsSection: ve, cancelDisabled: ye, draftButtonLabel: X, draftDisabled: be, primaryButtonLabel: xe, primaryDisabled: Se, scrollContainerRef: Ce, onSubmit: we, onDraftClick: Te, onPrimaryClick: Ee, onCancel: De, labels: Oe }) {
 	let Z = {
 		...ne,
-		...Se
-	}, Q = re(), $ = M === "edit", Ce = D("ttw:grid ttw:gap-4", $ && X ? "ttw:grid-cols-3" : "ttw:grid-cols-2");
-	return /* @__PURE__ */ A(x, {
+		...Oe
+	}, Q = ie(), $ = N === "edit", ke = D("ttw:grid ttw:gap-4", $ && Y ? "ttw:grid-cols-3" : "ttw:grid-cols-2");
+	return /* @__PURE__ */ k(x, {
 		open: r,
-		onOpenChange: o,
-		children: /* @__PURE__ */ j(S, {
+		onOpenChange: j,
+		children: /* @__PURE__ */ A(S, {
+			ref: Ce,
 			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
 			children: [
-				/* @__PURE__ */ j(T, { children: [/* @__PURE__ */ A(ee, { children: M === "edit" ? Z.editTitle : Z.createTitle }), /* @__PURE__ */ A(C, {
+				/* @__PURE__ */ A(T, { children: [/* @__PURE__ */ k(ee, { children: N === "edit" ? Z.editTitle : Z.createTitle }), /* @__PURE__ */ k(C, {
 					className: "ttw:sr-only",
 					children: Z.hiddenDescription
 				})] }),
 				/* @__PURE__ */ A("form", {
 					id: Q,
 					onSubmit: (e) => {
-						e.preventDefault(), e.stopPropagation(), be();
+						e.preventDefault(), e.stopPropagation(), we();
 					},
-					children: /* @__PURE__ */ j("div", {
+					children: [/* @__PURE__ */ k("button", {
+						type: "submit",
+						className: "ttw:sr-only",
+						tabIndex: -1,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ A("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-6 ttw:pb-6",
 						children: [
-							F?.form && /* @__PURE__ */ A("p", {
-								role: "alert",
-								className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-								children: F.form
-							}),
-							/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ A("div", {
 								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 								children: [
-									/* @__PURE__ */ A(f, { children: Z.documentTypeLabel }),
-									/* @__PURE__ */ j(p, {
+									/* @__PURE__ */ k(f, { children: Z.documentTypeLabel }),
+									/* @__PURE__ */ A(p, {
 										className: "ttw:flex ttw:flex-row ttw:gap-6",
-										disabled: M === "edit",
+										disabled: N === "edit",
 										value: P.type,
 										onValueChange: (e) => K({ type: e }),
-										children: [/* @__PURE__ */ j("div", {
+										children: [/* @__PURE__ */ A("div", {
 											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [/* @__PURE__ */ A(m, {
+											children: [/* @__PURE__ */ k(m, {
 												value: "invoice",
 												id: `${Q}-invoice`
-											}), /* @__PURE__ */ A(f, {
+											}), /* @__PURE__ */ k(f, {
 												htmlFor: `${Q}-invoice`,
 												children: Z.typeInvoice
 											})]
-										}), /* @__PURE__ */ j("div", {
+										}), /* @__PURE__ */ A("div", {
 											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [/* @__PURE__ */ A(m, {
+											children: [/* @__PURE__ */ k(m, {
 												value: "quote",
 												id: `${Q}-quote`
-											}), /* @__PURE__ */ A(f, {
+											}), /* @__PURE__ */ k(f, {
 												htmlFor: `${Q}-quote`,
 												children: Z.typeQuote
 											})]
 										})]
 									}),
-									/* @__PURE__ */ A(L, { message: F?.type })
+									/* @__PURE__ */ k(I, { message: F?.type })
 								]
 							}),
-							/* @__PURE__ */ j("div", {
+							/* @__PURE__ */ A("div", {
 								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 								children: [
-									/* @__PURE__ */ A(f, { children: Z.customerLabel }),
+									/* @__PURE__ */ k(f, { children: Z.customerLabel }),
 									W,
-									/* @__PURE__ */ A("p", {
+									/* @__PURE__ */ k("p", {
 										className: "ttw:text-xs ttw:text-muted-foreground",
 										children: Z.customerHint
 									}),
-									/* @__PURE__ */ A(L, { message: F?.customerId })
+									/* @__PURE__ */ k(I, { message: F?.customerId })
 								]
 							}),
-							/* @__PURE__ */ j("div", {
-								className: Ce,
+							/* @__PURE__ */ A("div", {
+								className: ke,
 								children: [
-									/* @__PURE__ */ j("div", {
+									/* @__PURE__ */ A("div", {
 										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 										children: [
-											/* @__PURE__ */ A(f, {
+											/* @__PURE__ */ k(f, {
 												htmlFor: `${Q}-currency`,
 												children: Z.currencyLabel
 											}),
-											/* @__PURE__ */ j(h, {
+											/* @__PURE__ */ A(h, {
 												value: P.currency,
 												onValueChange: (e) => K({ currency: e }),
-												children: [/* @__PURE__ */ A(v, {
+												children: [/* @__PURE__ */ k(v, {
 													id: `${Q}-currency`,
-													children: /* @__PURE__ */ A(y, {})
-												}), /* @__PURE__ */ A(g, { children: I.map((e) => /* @__PURE__ */ A(_, {
+													children: /* @__PURE__ */ k(y, {})
+												}), /* @__PURE__ */ k(g, { children: R.map((e) => /* @__PURE__ */ k(_, {
 													value: e.value,
 													children: e.label
 												}, e.value)) })]
 											}),
-											/* @__PURE__ */ A(L, { message: F?.currency })
+											/* @__PURE__ */ k(I, { message: F?.currency })
 										]
 									}),
-									$ && /* @__PURE__ */ j("div", {
+									$ && /* @__PURE__ */ A("div", {
 										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 										children: [
-											/* @__PURE__ */ A(f, {
+											/* @__PURE__ */ k(f, {
 												htmlFor: `${Q}-issue-date`,
 												children: Z.issueDateLabel
 											}),
-											/* @__PURE__ */ A(c, {
+											/* @__PURE__ */ k(c, {
 												id: `${Q}-issue-date`,
 												type: "date",
 												value: P.issueDate,
 												onChange: (e) => K({ issueDate: e.target.value })
 											}),
-											/* @__PURE__ */ A(L, { message: F?.issueDate })
+											/* @__PURE__ */ k(I, { message: F?.issueDate })
 										]
 									}),
-									X && /* @__PURE__ */ j("div", {
+									Y && /* @__PURE__ */ A("div", {
 										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
 										children: [
-											/* @__PURE__ */ A(f, {
+											/* @__PURE__ */ k(f, {
 												htmlFor: `${Q}-due-date`,
 												children: Z.dueDateLabel
 											}),
-											/* @__PURE__ */ A(c, {
+											/* @__PURE__ */ k(c, {
 												id: `${Q}-due-date`,
 												type: "date",
 												value: P.dueDate,
 												onChange: (e) => K({ dueDate: e.target.value })
 											}),
-											/* @__PURE__ */ A(L, { message: F?.dueDate })
+											/* @__PURE__ */ k(I, { message: F?.dueDate })
 										]
 									})
 								]
 							}),
-							pe,
-							me,
-							/* @__PURE__ */ j("div", {
+							he,
+							ge,
+							/* @__PURE__ */ A("div", {
 								className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
 								children: [
-									/* @__PURE__ */ j("div", {
+									/* @__PURE__ */ A("div", {
 										className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-										children: [/* @__PURE__ */ A(E, {
+										children: [/* @__PURE__ */ k(E, {
 											variant: "h4",
 											children: Z.lineItemsHeading
-										}), /* @__PURE__ */ A(E, {
+										}), /* @__PURE__ */ k(E, {
 											variant: "body2",
 											color: "muted",
 											className: "ttw:font-medium",
 											children: Z.lineItemsDescription
 										})]
 									}),
-									F?.lineItemsSummary?.length ? /* @__PURE__ */ A(e, {
+									F?.lineItemsSummary?.length ? /* @__PURE__ */ k(e, {
 										variant: "destructive",
 										className: "ttw:mb-2",
-										children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A("ul", { children: F.lineItemsSummary.map((e) => /* @__PURE__ */ A("li", { children: e }, e)) }) })
+										children: /* @__PURE__ */ k(t, { children: /* @__PURE__ */ k("ul", { children: F.lineItemsSummary.map((e) => /* @__PURE__ */ k("li", { children: e }, e)) }) })
 									}) : null,
-									/* @__PURE__ */ j("ul", {
+									/* @__PURE__ */ A("ul", {
 										className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-										children: [/* @__PURE__ */ j("li", {
+										children: [/* @__PURE__ */ A("li", {
 											"aria-hidden": !0,
 											className: "ttw:flex ttw:h-5 ttw:items-center ttw:gap-2.5 ttw:text-sm ttw:leading-5 ttw:font-medium",
 											children: [
-												/* @__PURE__ */ A("span", {
+												/* @__PURE__ */ k("span", {
 													className: "ttw:inline-flex ttw:min-w-30 ttw:flex-1 ttw:whitespace-nowrap",
 													children: Z.productLabel
 												}),
-												/* @__PURE__ */ A("span", {
+												/* @__PURE__ */ k("span", {
 													className: "ttw:w-24 ttw:min-w-24",
 													children: Z.quantityLabel
 												}),
-												/* @__PURE__ */ A("span", {
+												/* @__PURE__ */ k("span", {
 													className: "ttw:w-20.5 ttw:min-w-20.5",
 													children: Z.unitLabel
 												}),
-												/* @__PURE__ */ A("span", {
+												/* @__PURE__ */ k("span", {
 													className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
 													children: Z.priceLabel
 												}),
-												/* @__PURE__ */ A("span", {
+												/* @__PURE__ */ k("span", {
 													className: "ttw:w-12 ttw:min-w-12",
 													children: Z.taxableLabel
 												}),
-												P.lineItems.length > 1 && /* @__PURE__ */ A("span", { className: "ttw:w-10 ttw:min-w-10" })
+												P.lineItems.length > 1 && /* @__PURE__ */ k("span", { className: "ttw:w-10 ttw:min-w-10" })
 											]
-										}), H ? /* @__PURE__ */ A("li", {
+										}), H ? /* @__PURE__ */ k("li", {
 											className: "ttw:flex ttw:h-9 ttw:items-center ttw:justify-center",
-											children: /* @__PURE__ */ A(te, { className: "ttw:size-5" })
-										}) : P.lineItems.map((e) => /* @__PURE__ */ A(ie, {
+											children: /* @__PURE__ */ k(te, { className: "ttw:size-5" })
+										}) : P.lineItems.map((e) => /* @__PURE__ */ k(L, {
 											formId: Q,
 											lineItem: e,
 											errors: F?.lineItems?.[e.id],
 											controls: B?.[e.id],
 											focusOnMount: e.id === V,
 											canRemove: P.lineItems.length > 1,
-											unitOptions: R,
+											unitOptions: oe,
 											currencySymbol: z,
 											labels: Z,
 											renderProductSelector: G,
 											onChange: (t) => q(e.id, t),
-											onCommit: (t) => J(e.id, t),
-											onQuantityStep: (t) => Y(e.id, t),
-											onManageUnits: ue,
-											onRemove: () => fe(e.id)
+											onCommit: (t) => se(e.id, t),
+											onQuantityStep: (t) => ce(e.id, t),
+											onManageUnits: fe,
+											onRemove: () => me(e.id)
 										}, e.id))]
 									}),
-									/* @__PURE__ */ j(n, {
+									/* @__PURE__ */ A(n, {
 										type: "button",
 										variant: "ghost",
 										className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
-										onClick: de,
-										children: [/* @__PURE__ */ A(N, { className: "ttw:size-5 ttw:text-primary" }), Z.addLineItemButton]
+										onClick: pe,
+										children: [/* @__PURE__ */ k(M, { className: "ttw:size-5 ttw:text-primary" }), Z.addLineItemButton]
 									}),
-									/* @__PURE__ */ A(ae, {
+									/* @__PURE__ */ k(ae, {
 										inputId: `${Q}-discount`,
 										discountType: P.discountType,
 										value: P.discount,
@@ -402,40 +403,50 @@ function R({ open: r, onOpenChange: o, mode: M = "create", values: P, errors: F,
 										labels: Z,
 										onChange: (e) => K({ discount: e }),
 										onTypeChange: (e) => K({ discountType: e }),
-										onFocus: se,
-										onBlur: ce
+										onFocus: le,
+										onBlur: ue
 									}),
-									/* @__PURE__ */ A(i, { children: /* @__PURE__ */ j(a, {
-										className: "ttw:flex-row ttw:justify-end",
-										children: [/* @__PURE__ */ A(s, {
-											htmlFor: `${Q}-tax-rate`,
-											children: Z.taxRateLabel
-										}), /* @__PURE__ */ j(l, {
-											className: "ttw:w-40 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
-											children: [/* @__PURE__ */ A(d, {
-												id: `${Q}-tax-rate`,
-												className: "ttw:text-right",
-												placeholder: Z.taxRatePlaceholder,
-												type: "text",
-												inputMode: "decimal",
-												value: P.taxRate,
-												onChange: (e) => K({ taxRate: e.target.value }),
-												onBlur: oe
-											}), /* @__PURE__ */ A(u, {
-												align: "inline-end",
-												children: Z.taxRateSuffix
+									/* @__PURE__ */ A(i, {
+										className: "ttw:flex-col",
+										children: [/* @__PURE__ */ A(a, {
+											className: "ttw:flex-row ttw:justify-end",
+											children: [/* @__PURE__ */ k(s, {
+												htmlFor: `${Q}-tax-rate`,
+												className: D(F?.taxRate && "ttw:text-destructive"),
+												children: Z.taxRateLabel
+											}), /* @__PURE__ */ A(l, {
+												className: "ttw:w-40 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0",
+												children: [/* @__PURE__ */ k(d, {
+													id: `${Q}-tax-rate`,
+													className: "ttw:text-right",
+													placeholder: Z.taxRatePlaceholder,
+													type: "text",
+													inputMode: "decimal",
+													"aria-invalid": !!F?.taxRate || void 0,
+													"aria-describedby": F?.taxRate ? `${Q}-tax-rate-error` : void 0,
+													value: P.taxRate,
+													onChange: (e) => K({ taxRate: e.target.value }),
+													onBlur: J
+												}), /* @__PURE__ */ k(u, {
+													align: "inline-end",
+													children: Z.taxRateSuffix
+												})]
 											})]
+										}), F?.taxRate && /* @__PURE__ */ k(o, {
+											id: `${Q}-tax-rate-error`,
+											className: "ttw:text-right",
+											children: F.taxRate
 										})]
-									}) }),
-									/* @__PURE__ */ A(b, {}),
-									/* @__PURE__ */ A(O, {
-										totals: le,
+									}),
+									/* @__PURE__ */ k(b, {}),
+									/* @__PURE__ */ k(re, {
+										totals: de,
 										labels: Z
 									})
 								]
 							}),
-							he,
-							/* @__PURE__ */ A(k, {
+							_e,
+							/* @__PURE__ */ k(O, {
 								idPrefix: Q,
 								openingNote: P.openingNote,
 								closingNote: P.closingNote,
@@ -446,25 +457,36 @@ function R({ open: r, onOpenChange: o, mode: M = "create", values: P, errors: F,
 								onClosingNoteChange: (e) => K({ closingNote: e }),
 								labels: Z
 							}),
-							ge
+							ve
 						]
-					})
+					})]
 				}),
-				/* @__PURE__ */ A(w, { children: /* @__PURE__ */ j("div", {
+				/* @__PURE__ */ k(w, { children: /* @__PURE__ */ A("div", {
 					className: "ttw:flex ttw:justify-end ttw:gap-2",
-					children: [/* @__PURE__ */ A(n, {
-						type: "button",
-						variant: "ghost",
-						disabled: _e,
-						onClick: xe,
-						children: Z.cancelButton
-					}), /* @__PURE__ */ A(n, {
-						type: "submit",
-						form: Q,
-						loading: U,
-						disabled: ve,
-						children: ye ?? (M === "edit" ? Z.updateButton : Z.createButton)
-					})]
+					children: [
+						/* @__PURE__ */ k(n, {
+							type: "button",
+							variant: "ghost",
+							disabled: ye,
+							onClick: De,
+							children: Z.cancelButton
+						}),
+						X && /* @__PURE__ */ k(n, {
+							type: "submit",
+							form: Q,
+							variant: "secondary",
+							disabled: be,
+							onClick: Te,
+							children: X
+						}),
+						/* @__PURE__ */ k(n, {
+							type: "submit",
+							form: Q,
+							disabled: Se,
+							onClick: Ee,
+							children: xe
+						})
+					]
 				}) })
 			]
 		})

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

@@ -22,7 +22,7 @@ var r = {
 	templateSettingsButton: "Template settings",
 	searchPlaceholder: "Search by number or customer",
 	statusFilterAll: "All statuses",
-	statusCardsAll: "All invoices",
+	statusCardsAll: i.all,
 	tabInvoices: "Invoices",
 	tabQuotes: "Quotes",
 	tabCreditNotes: "Credit notes",
@@ -104,8 +104,6 @@ var r = {
 	addLineItemButton: "Add item",
 	removeLineItemButton: "Remove line item",
 	cancelButton: "Cancel",
-	createButton: "Create",
-	updateButton: "Update",
 	notesHeading: "Notes",
 	notesDescription: "Provide additional information for your customer.",
 	optionalSuffix: "(optional)",