@tesouro/embedded-components-react 0.5.235 → 0.5.243

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

@@ -1,406 +1,33 @@
-import { Accordion as e, AccordionContent as t, AccordionItem as n, AccordionTrigger as r, Badge as i, Button as a, Sheet as o, SheetContent as ee, SheetDescription as s, SheetHeader as c, SheetTitle as l, Spinner as te, Tooltip as u, TooltipContent as d, TooltipProvider as f, TooltipTrigger as p, cn as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ErrorState as h } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { RECEIVABLE_DETAILS_PANEL_LABELS_EN as g } from "./index9.js";
-import { ReceivableStatusBadge as _ } from "./index18.js";
-import { RECEIVABLE_DETAILS_SECTION as v } from "./index21.js";
-import { ACTION_ICON as y, ACTION_LABEL_KEY as b, STATUS_ICON as x, amountValueToneClass as S, headerIconButtonClass as C } from "./index19.js";
-import { AmountCell as w } from "./index20.js";
-import { AttachmentsItem as ne } from "./index22.js";
-import { AuditHistoryItem as re } from "./index23.js";
-import { CloseButton as T } from "./index24.js";
-import { InfoRow as E } from "./index25.js";
-import { OverflowMenu as ie } from "./index26.js";
-import { SeriesStatusChip as ae } from "./index28.js";
-import { ScheduledInvoicesTable as D } from "./index29.js";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { ChevronLeft as j, CircleAlert as M, EyeIcon as N, Repeat as P } from "lucide-react";
+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 "./index23.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/index30.js
-function F({ open: F, onOpenChange: I, details: L, unsupported: R, isLoading: z, isError: B, onActionClick: V, onClose: H, openSections: U, onOpenSectionsChange: W, disabledActions: G, labels: K }) {
-	let q = {
-		...g,
-		...K
-	}, J = L?.panel, Y = B ? {
-		title: q.errorTitle,
-		description: q.errorDescription
-	} : R, oe = J?.amountTone === "danger", X = (e) => q[b[e]], Z = L ? x[L.status] : void 0, Q = J?.recurringSeries, $ = L && J && J.primaryActions.length > 0 ? /* @__PURE__ */ k("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-t ttw:border-border ttw:pt-3",
-		children: J.primaryActions.map((e, t) => {
-			let n = y[e], r = t === J.primaryActions.length - 1;
-			return /* @__PURE__ */ A(a, {
-				size: "sm",
-				variant: r ? "default" : "outline",
-				onClick: () => V(e, L),
-				children: [/* @__PURE__ */ k(n, { className: "ttw:size-4" }), X(e)]
-			}, e);
+function f({ actions: f, triggerLabel: p, getActionLabel: m, onSelect: h, disabledActions: g, className: _ }) {
+	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: _,
+				"aria-label": p,
+				children: /* @__PURE__ */ l(d, { className: "ttw:size-4" })
+			})
 		})
-	}) : null;
-	return /* @__PURE__ */ k(o, {
-		open: F,
-		onOpenChange: I,
-		children: /* @__PURE__ */ A(ee, {
-			showCloseButton: !1,
-			className: "ttw:w-180 ttw:overflow-y-auto ttw:p-0 ttw:sm:max-w-180",
-			children: [Y || z || !L ? /* @__PURE__ */ k(T, {
-				label: q.closeButton,
-				onClose: H,
-				className: m(C, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10")
-			}) : null, Y ? /* @__PURE__ */ A("div", {
-				className: "ttw:p-6",
-				children: [/* @__PURE__ */ A(c, {
-					className: "ttw:sr-only",
-					children: [/* @__PURE__ */ k(l, { children: Y.title }), /* @__PURE__ */ k(s, { children: q.hiddenDescription })]
-				}), /* @__PURE__ */ k(h, {
-					title: Y.title,
-					description: Y.description
-				})]
-			}) : z || !L || !J ? /* @__PURE__ */ A(c, {
-				className: "ttw:p-6",
-				children: [/* @__PURE__ */ k(l, { children: q.loadingTitle }), /* @__PURE__ */ k(s, {
-					className: "ttw:sr-only",
-					children: q.hiddenDescription
-				})]
-			}) : /* @__PURE__ */ A(O, { children: [
-				J.seriesLink ? /* @__PURE__ */ k("div", {
-					className: "ttw:border-b ttw:border-border ttw:px-6 ttw:py-3",
-					children: /* @__PURE__ */ A("button", {
-						type: "button",
-						onClick: J.seriesLink.onOpen,
-						className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-primary ttw:hover:underline",
-						children: [/* @__PURE__ */ k(j, {
-							className: "ttw:size-4",
-							"aria-hidden": "true"
-						}), J.seriesLink.backLabel]
-					})
-				}) : null,
-				/* @__PURE__ */ A(c, {
-					className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-2 ttw:space-y-0 ttw:px-6 ttw:py-4",
-					children: [/* @__PURE__ */ A("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-						children: [
-							/* @__PURE__ */ k(l, {
-								className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
-								children: L.title
-							}),
-							J.subtitle ? /* @__PURE__ */ k("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: J.subtitle
-							}) : null,
-							/* @__PURE__ */ k(s, {
-								className: "ttw:sr-only",
-								children: q.hiddenDescription
-							})
-						]
-					}), /* @__PURE__ */ k(f, {
-						delayDuration: 500,
-						children: /* @__PURE__ */ A("div", {
-							className: "ttw:flex ttw:items-center ttw:gap-1.5",
-							children: [
-								L.pdfUrl ? /* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(p, {
-									asChild: !0,
-									children: /* @__PURE__ */ k(a, {
-										asChild: !0,
-										variant: "ghost",
-										size: "icon",
-										className: C,
-										children: /* @__PURE__ */ k("a", {
-											href: L.pdfUrl,
-											target: "_blank",
-											rel: "noreferrer",
-											"aria-label": q.viewPdfButton,
-											children: /* @__PURE__ */ k(N, { className: "ttw:size-4" })
-										})
-									})
-								}), /* @__PURE__ */ k(d, { children: q.viewPdfButton })] }) : null,
-								J.overflowActions.length > 0 ? /* @__PURE__ */ k(ie, {
-									actions: J.overflowActions,
-									triggerLabel: q.moreActionsLabel,
-									getActionLabel: X,
-									onSelect: (e) => V(e, L),
-									disabledActions: G,
-									className: C
-								}) : null,
-								/* @__PURE__ */ A(u, { children: [/* @__PURE__ */ k(p, {
-									asChild: !0,
-									children: /* @__PURE__ */ k(T, {
-										label: q.closeButton,
-										onClose: H,
-										className: C
-									})
-								}), /* @__PURE__ */ k(d, { children: q.closeButton })] })
-							]
-						})
-					})]
-				}),
-				/* @__PURE__ */ A("div", {
-					className: "ttw:flex ttw:flex-col",
-					children: [/* @__PURE__ */ k("div", {
-						className: "ttw:px-6",
-						children: Q ? /* @__PURE__ */ A("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-violet-50 ttw:p-4 ttw:dark:bg-violet-950",
-							children: [
-								/* @__PURE__ */ A("div", {
-									className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-									children: [/* @__PURE__ */ k("span", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: q.recurringAmountCaption
-									}), /* @__PURE__ */ A("div", {
-										className: "ttw:flex ttw:items-baseline ttw:gap-1.5",
-										children: [/* @__PURE__ */ k("span", {
-											className: m("ttw:text-2xl ttw:font-semibold", S[J.amountTone]),
-											children: Q.amountLabel
-										}), /* @__PURE__ */ k("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: Q.amountPeriodLabel
-										})]
-									})]
-								}),
-								/* @__PURE__ */ A("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [/* @__PURE__ */ A(i, {
-										variant: "outline",
-										className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
-										children: [/* @__PURE__ */ k(P, { className: "ttw:size-3" }), q.recurringBadge]
-									}), /* @__PURE__ */ k(ae, {
-										label: Q.statusLabel,
-										tone: Q.statusTone,
-										icon: Q.statusIcon
-									})]
-								}),
-								/* @__PURE__ */ A("div", {
-									className: "ttw:flex ttw:gap-12 ttw:text-sm",
-									children: [/* @__PURE__ */ A("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-										children: [/* @__PURE__ */ k("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: q.startsOnCaption
-										}), /* @__PURE__ */ k("span", {
-											className: "ttw:text-foreground",
-											children: Q.startsOnLabel
-										})]
-									}), /* @__PURE__ */ A("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-										children: [/* @__PURE__ */ k("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: q.endsOnCaption
-										}), /* @__PURE__ */ k("span", {
-											className: "ttw:text-foreground",
-											children: Q.endsOnLabel
-										})]
-									})]
-								}),
-								$
-							]
-						}) : /* @__PURE__ */ A("div", {
-							className: m("ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4", oe && "ttw:border ttw:border-red-200"),
-							children: [
-								/* @__PURE__ */ k("div", {
-									className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2",
-									children: J.amountRows.map((e) => /* @__PURE__ */ k(w, {
-										row: e,
-										defaultTone: J.amountTone
-									}, e.label))
-								}),
-								/* @__PURE__ */ A("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [J.overdueLabel ? /* @__PURE__ */ A("span", {
-										className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-red-100 ttw:px-2.5 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:text-red-700",
-										children: [/* @__PURE__ */ k(M, { className: "ttw:size-3" }), J.overdueLabel]
-									}) : /* @__PURE__ */ k(_, {
-										label: J.statusLabel,
-										tone: L.statusTone,
-										icon: Z ? /* @__PURE__ */ k(Z, { className: "ttw:size-3" }) : void 0
-									}), J.recurring ? /* @__PURE__ */ A(i, {
-										variant: "outline",
-										className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
-										children: [/* @__PURE__ */ k(P, { className: "ttw:size-3" }), q.recurringBadge]
-									}) : null]
-								}),
-								/* @__PURE__ */ A("div", {
-									className: "ttw:flex ttw:gap-12 ttw:text-sm",
-									children: [/* @__PURE__ */ A("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-										children: [/* @__PURE__ */ k("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: q.invoiceDateCaption
-										}), /* @__PURE__ */ k("span", {
-											className: "ttw:text-foreground",
-											children: J.issueDateLabel
-										})]
-									}), /* @__PURE__ */ A("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-										children: [/* @__PURE__ */ k("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: J.dueDateCaption
-										}), /* @__PURE__ */ k("span", {
-											className: "ttw:text-foreground",
-											children: J.dueDateLabel
-										})]
-									})]
-								}),
-								$
-							]
-						})
-					}), /* @__PURE__ */ A("div", {
-						className: "ttw:px-6",
-						children: [
-							J.paymentHistory ? /* @__PURE__ */ A("section", {
-								"aria-label": q.paymentHistoryHeading,
-								className: "ttw:border-b ttw:py-4",
-								children: [/* @__PURE__ */ k("h3", {
-									className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
-									children: q.paymentHistoryHeading
-								}), J.paymentHistory.isLoading ? /* @__PURE__ */ k("div", {
-									className: "ttw:flex ttw:py-2",
-									children: /* @__PURE__ */ k(te, {
-										className: "ttw:size-5",
-										"aria-label": q.paymentHistoryLoading
-									})
-								}) : J.paymentHistory.rows.length === 0 ? /* @__PURE__ */ k("p", {
-									className: m("ttw:text-sm", J.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground"),
-									children: q.paymentHistoryEmpty
-								}) : /* @__PURE__ */ A("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [J.paymentHistory.rows.map((e) => /* @__PURE__ */ A("div", {
-										className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2 ttw:text-sm",
-										children: [/* @__PURE__ */ k("span", { children: e.dateLabel }), /* @__PURE__ */ k("span", { children: e.amountLabel })]
-									}, e.id)), /* @__PURE__ */ A("div", {
-										className: "ttw:flex ttw:justify-between ttw:py-2 ttw:text-sm ttw:font-medium",
-										children: [/* @__PURE__ */ k("span", { children: q.paymentHistoryTotalLabel }), /* @__PURE__ */ k("span", { children: J.paymentHistory.totalLabel })]
-									})]
-								})]
-							}) : null,
-							J.customerContact.length > 0 ? /* @__PURE__ */ A("section", {
-								"aria-label": q.customerDetailsHeading,
-								className: "ttw:border-b ttw:py-4",
-								children: [/* @__PURE__ */ k("h3", {
-									className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
-									children: q.customerDetailsHeading
-								}), /* @__PURE__ */ k("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: J.customerContact.map((e) => /* @__PURE__ */ k(E, { ...e }, e.label))
-								})]
-							}) : null,
-							/* @__PURE__ */ A(e, {
-								type: "multiple",
-								value: U,
-								onValueChange: W,
-								className: "ttw:w-full",
-								children: [
-									/* @__PURE__ */ A(n, {
-										value: v.billing,
-										children: [/* @__PURE__ */ k(r, { children: q.billingHeading }), /* @__PURE__ */ k(t, { children: /* @__PURE__ */ A("div", {
-											className: "ttw:flex ttw:flex-col",
-											children: [J.billingItems.map((e) => /* @__PURE__ */ k(E, { ...e }, e.label)), J.seriesLink ? /* @__PURE__ */ A("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__ */ k("span", {
-													className: "ttw:w-40 ttw:shrink-0 ttw:text-muted-foreground",
-													children: q.recurringSeriesRowLabel
-												}), /* @__PURE__ */ k("button", {
-													type: "button",
-													onClick: J.seriesLink.onOpen,
-													className: "ttw:text-left ttw:text-primary ttw:hover:underline",
-													children: J.seriesLink.title
-												})]
-											}) : null]
-										}) })]
-									}),
-									J.lineItemsSection ? /* @__PURE__ */ A(n, {
-										value: v.lineItems,
-										children: [/* @__PURE__ */ k(r, { children: /* @__PURE__ */ A("span", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [q.lineItemsHeading, /* @__PURE__ */ k(i, {
-												variant: "secondary",
-												className: "ttw:rounded-full",
-												children: J.lineItemsSection.countLabel
-											})]
-										}) }), /* @__PURE__ */ k(t, { children: /* @__PURE__ */ A("div", {
-											className: "ttw:flex ttw:flex-col ttw:text-sm",
-											children: [L.lineItems.length === 0 ? /* @__PURE__ */ k("p", {
-												className: "ttw:py-3 ttw:text-muted-foreground",
-												children: q.noLineItems
-											}) : L.lineItems.map((e) => /* @__PURE__ */ A("div", {
-												className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3",
-												children: [/* @__PURE__ */ A("div", {
-													className: "ttw:flex ttw:flex-col",
-													children: [/* @__PURE__ */ k("span", {
-														className: "ttw:font-medium",
-														children: e.name
-													}), /* @__PURE__ */ A("span", {
-														className: "ttw:text-muted-foreground",
-														children: [
-															e.quantityLabel,
-															" ",
-															q.lineItemMultiplier,
-															" ",
-															e.unitPriceLabel,
-															" ",
-															q.lineItemEaLabel
-														]
-													})]
-												}), /* @__PURE__ */ k("span", { children: e.totalLabel })]
-											}, e.id)), J.lineItemsSection.totals.length > 0 ? /* @__PURE__ */ k("div", {
-												className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3",
-												children: J.lineItemsSection.totals.map((e) => /* @__PURE__ */ A("div", {
-													className: m("ttw:flex ttw:justify-between", e.emphasis && "ttw:font-medium"),
-													children: [/* @__PURE__ */ k("span", { children: e.label }), /* @__PURE__ */ k("span", { children: e.value })]
-												}, e.label))
-											}) : null]
-										}) })]
-									}) : null,
-									J.notes ? /* @__PURE__ */ A(n, {
-										value: v.notes,
-										children: [/* @__PURE__ */ k(r, { children: /* @__PURE__ */ A("span", {
-											className: "ttw:flex ttw:items-center ttw:gap-2",
-											children: [q.notesHeading, /* @__PURE__ */ k(i, {
-												variant: "secondary",
-												className: "ttw:rounded-full",
-												children: J.notes.countLabel
-											})]
-										}) }), /* @__PURE__ */ k(t, { children: /* @__PURE__ */ A("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:text-sm",
-											children: [J.notes.opening ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
-												className: "ttw:mb-1 ttw:font-medium",
-												children: q.notesOpeningLabel
-											}), /* @__PURE__ */ k("p", {
-												className: "ttw:text-muted-foreground",
-												children: J.notes.opening
-											})] }) : null, J.notes.closing ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
-												className: "ttw:mb-1 ttw:font-medium",
-												children: q.notesClosingLabel
-											}), /* @__PURE__ */ k("p", {
-												className: "ttw:text-muted-foreground",
-												children: J.notes.closing
-											})] }) : null]
-										}) })]
-									}) : null,
-									/* @__PURE__ */ k(ne, {
-										attachments: J.attachments,
-										labels: q
-									}),
-									/* @__PURE__ */ k(re, {
-										auditHistory: J.auditHistory,
-										labels: q
-									})
-								]
-							}),
-							Q ? /* @__PURE__ */ A("section", {
-								"aria-label": Q.scheduleTitle,
-								className: "ttw:border-t ttw:border-border ttw:py-4",
-								children: [/* @__PURE__ */ k("h3", {
-									className: "ttw:mb-3 ttw:text-sm ttw:font-medium",
-									children: Q.scheduleTitle
-								}), /* @__PURE__ */ k(D, {
-									rows: Q.schedule,
-									labels: q
-								})]
-							}) : null
-						]
-					})]
-				})
-			] })]
+	}), /* @__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",
+				disabled: g?.includes(e),
+				onClick: () => h(e),
+				children: [/* @__PURE__ */ l(t, { className: "ttw:size-4" }), m(e)]
+			}, e);
 		})
-	});
+	})] });
 }
 //#endregion
-export { F as ReceivableDetailsPanel, F as default };
+export { f as OverflowMenu };

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

@@ -1,2 +1,16 @@
-import "./index21.js";
-import "./index30.js";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js
+var e = {
+	neutral: "ttw:bg-muted ttw:text-muted-foreground",
+	info: "ttw:bg-indigo-100 ttw:text-indigo-700",
+	warning: "ttw:bg-yellow-100 ttw:text-yellow-700",
+	danger: "ttw:bg-destructive/10 ttw:text-destructive",
+	success: "ttw:bg-green-100 ttw:text-green-700"
+}, t = {
+	neutral: "ttw:bg-muted-foreground",
+	info: "ttw:bg-indigo-700",
+	warning: "ttw:bg-yellow-700",
+	danger: "ttw:bg-destructive",
+	success: "ttw:bg-green-700"
+};
+//#endregion
+export { e as RECURRENCE_CHIP_CLASS, t as RECURRENCE_DOT_CLASS };

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

@@ -1,48 +1,28 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { SERIES_STATUS_ICON as n } from "./index23.js";
+import { RECURRENCE_CHIP_CLASS as r, RECURRENCE_DOT_CLASS as i } from "./index31.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.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 s({ label: i, tone: s, icon: c }) {
+	let l = c ? n[c] : void 0;
+	return /* @__PURE__ */ o(e, {
+		variant: "outline",
+		className: t("ttw:inline-flex ttw:items-center ttw:gap-1 ttw:border-transparent", r[s]),
+		children: [l ? /* @__PURE__ */ a(l, {
+			className: "ttw:size-3",
+			"aria-hidden": !0
+		}) : null, 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 c({ label: n, tone: s }) {
+	return /* @__PURE__ */ o(e, {
+		variant: "outline",
+		className: t("ttw:inline-flex ttw:items-center ttw:gap-1 ttw:border-transparent", r[s]),
+		children: [/* @__PURE__ */ a("span", {
+			"aria-hidden": !0,
+			className: t("ttw:inline-block ttw:size-2 ttw:rounded-full", i[s])
+		}), n]
 	});
 }
 //#endregion
-export { i as ReceivableFormTotals };
+export { c as IterationStatusChip, s as SeriesStatusChip };