@tesouro/embedded-components-react 0.5.227 → 0.5.228

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

@@ -1,48 +1,72 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+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";
 //#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 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 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",
+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__ */ 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__ */ 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__ */ t(r, {
-				label: i.taxTotalLabel,
-				value: e.tax,
-				className: "ttw:text-sm ttw:font-normal"
+			/* @__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__ */ t(r, {
-				label: i.totalLabel,
-				value: e.total,
-				className: "ttw:text-lg ttw:font-medium"
+			/* @__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
 			})
 		]
 	});
 }
 //#endregion
-export { i as ReceivableFormTotals };
+export { u as ReceivableNotesSection };

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

@@ -1,72 +1,496 @@
-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 { 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 re } from "./index22.js";
+import { ReceivableNotesSection as O } from "./index23.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/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 }] : [] })
-	] }) });
+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 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",
+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__ */ A("li", {
+		className: "ttw:flex ttw:h-9 ttw:items-center ttw:gap-2.5",
 		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__ */ k("div", {
+				className: "ttw:min-w-30 ttw:flex-1",
+				children: m(t, {
+					inputId: `${T}-name`,
+					invalid: !!i?.name,
+					focusOnMount: o
+				})
+			}),
+			/* @__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__ */ 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__ */ k(j, { className: "ttw:size-3.5" })
+					}),
+					/* @__PURE__ */ k("input", {
+						id: `${T}-quantity`,
+						"aria-label": p.quantityLabel,
+						"aria-invalid": !!i?.quantity || void 0,
+						type: "text",
+						inputMode: "decimal",
+						className: "ttw:h-full ttw:w-full ttw:min-w-0 ttw:bg-transparent ttw:px-0 ttw:text-center ttw:text-sm ttw:outline-none",
+						value: t.quantity,
+						onChange: (e) => b({ quantity: e.target.value }),
+						onBlur: () => x("quantity")
+					}),
+					/* @__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__ */ k(M, { className: "ttw:size-3.5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ A(h, {
+				value: t.unit || P,
+				onValueChange: (e) => {
+					if (e === F) {
+						C?.();
+						return;
+					}
+					b({ unit: e === P ? "" : e });
+				},
+				children: [/* @__PURE__ */ k(v, {
+					id: `${T}-unit`,
+					"aria-label": p.unitLabel,
+					"aria-invalid": !!i?.measureUnit || void 0,
+					className: "ttw:w-22",
+					children: /* @__PURE__ */ k(y, {
+						className: "ttw:truncate",
+						placeholder: p.unitPlaceholder
+					})
+				}), /* @__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__ */ k(M, { className: "ttw:text-primary" }), p.manageUnitsOption]
+					}),
+					/* @__PURE__ */ k(_, {
+						value: P,
+						children: p.unitNone
+					}),
+					c.map((e) => /* @__PURE__ */ k(_, {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				] })]
+			}),
+			/* @__PURE__ */ A(l, {
+				className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
+				children: [/* @__PURE__ */ k(u, {
+					align: "inline-start",
+					children: f
+				}), /* @__PURE__ */ k(d, {
+					id: `${T}-price`,
+					"aria-label": p.priceLabel,
+					"aria-invalid": !!i?.price || void 0,
+					"data-has-start-addon": !0,
+					type: "text",
+					inputMode: "decimal",
+					className: "ttw:text-right",
+					value: t.price,
+					onChange: (e) => b({ price: e.target.value }),
+					onBlur: () => x("price")
 				})]
 			}),
-			/* @__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__ */ k("div", {
+				className: "ttw:flex ttw:w-12 ttw:min-w-12 ttw:items-center ttw:justify-center",
+				children: /* @__PURE__ */ k(r, {
+					id: `${T}-taxable`,
+					"aria-label": p.taxableLabel,
+					checked: t.taxable,
+					onCheckedChange: (e) => b({ taxable: e === !0 })
+				})
 			}),
-			/* @__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
+			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__ */ k(N, {})
 			})
 		]
 	});
 }
+function ae({ inputId: e, discountType: t, value: n, error: r, currencySymbol: c, disabled: f, labels: p, onChange: m, onTypeChange: h, onFocus: g, onBlur: _ }) {
+	let v = `${e}-error`, y = [{
+		type: "amount",
+		label: c,
+		ariaLabel: p.discountAmountOptionAriaLabel
+	}, {
+		type: "percentage",
+		label: p.discountPercentageOption,
+		ariaLabel: p.discountPercentageOptionAriaLabel
+	}];
+	return /* @__PURE__ */ A(i, {
+		className: "ttw:flex-col",
+		children: [/* @__PURE__ */ A(a, {
+			className: "ttw:flex-row ttw:items-center ttw:justify-end",
+			children: [/* @__PURE__ */ k(s, {
+				htmlFor: e,
+				className: D(r && "ttw:text-destructive"),
+				children: p.discountLabel
+			}), /* @__PURE__ */ A(l, {
+				className: "ttw:w-40 ttw:overflow-hidden",
+				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__ */ k("button", {
+						type: "button",
+						"aria-label": e.ariaLabel,
+						"aria-pressed": t === e.type,
+						disabled: f,
+						className: D("ttw:pointer-events-auto ttw:h-full ttw:w-9 ttw:cursor-pointer ttw:border-r ttw:border-input ttw:text-sm ttw:transition-colors ttw:disabled:pointer-events-none ttw:disabled:opacity-50", t === e.type ? "ttw:bg-primary ttw:text-primary-foreground" : "ttw:text-muted-foreground ttw:hover:bg-muted ttw:hover:text-foreground"),
+						onClick: () => h(e.type),
+						children: e.label
+					}, e.type))
+				}), /* @__PURE__ */ k(d, {
+					id: e,
+					type: "text",
+					inputMode: "decimal",
+					className: "ttw:text-right",
+					"aria-invalid": !!r || void 0,
+					"aria-describedby": r ? v : void 0,
+					disabled: f,
+					value: n,
+					onChange: (e) => m(e.target.value),
+					onFocus: g,
+					onBlur: _
+				})]
+			})]
+		}), r && /* @__PURE__ */ k(o, {
+			id: v,
+			className: "ttw:text-right",
+			children: r
+		})]
+	});
+}
+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,
+		...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: j,
+		children: /* @__PURE__ */ A(S, {
+			ref: Ce,
+			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
+			children: [
+				/* @__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(), we();
+					},
+					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: [
+							/* @__PURE__ */ A("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ k(f, { children: Z.documentTypeLabel }),
+									/* @__PURE__ */ A(p, {
+										className: "ttw:flex ttw:flex-row ttw:gap-6",
+										disabled: N === "edit",
+										value: P.type,
+										onValueChange: (e) => K({ type: e }),
+										children: [/* @__PURE__ */ A("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ k(m, {
+												value: "invoice",
+												id: `${Q}-invoice`
+											}), /* @__PURE__ */ k(f, {
+												htmlFor: `${Q}-invoice`,
+												children: Z.typeInvoice
+											})]
+										}), /* @__PURE__ */ A("div", {
+											className: "ttw:flex ttw:items-center ttw:gap-2",
+											children: [/* @__PURE__ */ k(m, {
+												value: "quote",
+												id: `${Q}-quote`
+											}), /* @__PURE__ */ k(f, {
+												htmlFor: `${Q}-quote`,
+												children: Z.typeQuote
+											})]
+										})]
+									}),
+									/* @__PURE__ */ k(I, { message: F?.type })
+								]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+								children: [
+									/* @__PURE__ */ k(f, { children: Z.customerLabel }),
+									W,
+									/* @__PURE__ */ k("p", {
+										className: "ttw:text-xs ttw:text-muted-foreground",
+										children: Z.customerHint
+									}),
+									/* @__PURE__ */ k(I, { message: F?.customerId })
+								]
+							}),
+							/* @__PURE__ */ A("div", {
+								className: ke,
+								children: [
+									/* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ k(f, {
+												htmlFor: `${Q}-currency`,
+												children: Z.currencyLabel
+											}),
+											/* @__PURE__ */ A(h, {
+												value: P.currency,
+												onValueChange: (e) => K({ currency: e }),
+												children: [/* @__PURE__ */ k(v, {
+													id: `${Q}-currency`,
+													children: /* @__PURE__ */ k(y, {})
+												}), /* @__PURE__ */ k(g, { children: R.map((e) => /* @__PURE__ */ k(_, {
+													value: e.value,
+													children: e.label
+												}, e.value)) })]
+											}),
+											/* @__PURE__ */ k(I, { message: F?.currency })
+										]
+									}),
+									$ && /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ k(f, {
+												htmlFor: `${Q}-issue-date`,
+												children: Z.issueDateLabel
+											}),
+											/* @__PURE__ */ k(c, {
+												id: `${Q}-issue-date`,
+												type: "date",
+												value: P.issueDate,
+												onChange: (e) => K({ issueDate: e.target.value })
+											}),
+											/* @__PURE__ */ k(I, { message: F?.issueDate })
+										]
+									}),
+									Y && /* @__PURE__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+										children: [
+											/* @__PURE__ */ k(f, {
+												htmlFor: `${Q}-due-date`,
+												children: Z.dueDateLabel
+											}),
+											/* @__PURE__ */ k(c, {
+												id: `${Q}-due-date`,
+												type: "date",
+												value: P.dueDate,
+												onChange: (e) => K({ dueDate: e.target.value })
+											}),
+											/* @__PURE__ */ k(I, { message: F?.dueDate })
+										]
+									})
+								]
+							}),
+							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__ */ A("div", {
+										className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+										children: [/* @__PURE__ */ k(E, {
+											variant: "h4",
+											children: Z.lineItemsHeading
+										}), /* @__PURE__ */ k(E, {
+											variant: "body2",
+											color: "muted",
+											className: "ttw:font-medium",
+											children: Z.lineItemsDescription
+										})]
+									}),
+									F?.lineItemsSummary?.length ? /* @__PURE__ */ k(e, {
+										variant: "destructive",
+										className: "ttw:mb-2",
+										children: /* @__PURE__ */ k(t, { children: /* @__PURE__ */ k("ul", { children: F.lineItemsSummary.map((e) => /* @__PURE__ */ k("li", { children: e }, e)) }) })
+									}) : null,
+									/* @__PURE__ */ A("ul", {
+										className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+										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__ */ k("span", {
+													className: "ttw:inline-flex ttw:min-w-30 ttw:flex-1 ttw:whitespace-nowrap",
+													children: Z.productLabel
+												}),
+												/* @__PURE__ */ k("span", {
+													className: "ttw:w-24 ttw:min-w-24",
+													children: Z.quantityLabel
+												}),
+												/* @__PURE__ */ k("span", {
+													className: "ttw:w-20.5 ttw:min-w-20.5",
+													children: Z.unitLabel
+												}),
+												/* @__PURE__ */ k("span", {
+													className: "ttw:w-full ttw:max-w-41 ttw:min-w-29",
+													children: Z.priceLabel
+												}),
+												/* @__PURE__ */ k("span", {
+													className: "ttw:w-12 ttw:min-w-12",
+													children: Z.taxableLabel
+												}),
+												P.lineItems.length > 1 && /* @__PURE__ */ k("span", { className: "ttw:w-10 ttw:min-w-10" })
+											]
+										}), H ? /* @__PURE__ */ k("li", {
+											className: "ttw:flex ttw:h-9 ttw:items-center ttw:justify-center",
+											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: oe,
+											currencySymbol: z,
+											labels: Z,
+											renderProductSelector: G,
+											onChange: (t) => q(e.id, t),
+											onCommit: (t) => se(e.id, t),
+											onQuantityStep: (t) => ce(e.id, t),
+											onManageUnits: fe,
+											onRemove: () => me(e.id)
+										}, e.id))]
+									}),
+									/* @__PURE__ */ A(n, {
+										type: "button",
+										variant: "ghost",
+										className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
+										onClick: pe,
+										children: [/* @__PURE__ */ k(M, { className: "ttw:size-5 ttw:text-primary" }), Z.addLineItemButton]
+									}),
+									/* @__PURE__ */ k(ae, {
+										inputId: `${Q}-discount`,
+										discountType: P.discountType,
+										value: P.discount,
+										error: F?.discount,
+										currencySymbol: z,
+										disabled: U,
+										labels: Z,
+										onChange: (e) => K({ discount: e }),
+										onTypeChange: (e) => K({ discountType: e }),
+										onFocus: le,
+										onBlur: ue
+									}),
+									/* @__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__ */ k(b, {}),
+									/* @__PURE__ */ k(re, {
+										totals: de,
+										labels: Z
+									})
+								]
+							}),
+							_e,
+							/* @__PURE__ */ k(O, {
+								idPrefix: Q,
+								openingNote: P.openingNote,
+								closingNote: P.closingNote,
+								openingNoteError: F?.openingNote,
+								closingNoteError: F?.closingNote,
+								disabled: U,
+								onOpeningNoteChange: (e) => K({ openingNote: e }),
+								onClosingNoteChange: (e) => K({ closingNote: e }),
+								labels: Z
+							}),
+							ve
+						]
+					})]
+				}),
+				/* @__PURE__ */ k(w, { children: /* @__PURE__ */ A("div", {
+					className: "ttw:flex ttw:justify-end ttw:gap-2",
+					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
+						})
+					]
+				}) })
+			]
+		})
+	});
+}
 //#endregion
-export { u as ReceivableNotesSection };
+export { R as ReceivableFormSheet, R as default };