@tesouro/embedded-components-react 0.5.278 → 0.5.280

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

@@ -1,28 +1,12 @@
-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 "./index34.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index35.js
-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 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]
+function n({ className: n, label: r }) {
+	return /* @__PURE__ */ t("div", {
+		role: r ? "status" : void 0,
+		"aria-label": r,
+		className: e("ttw:size-8 ttw:animate-spin ttw:rounded-full ttw:border-3 ttw:border-primary ttw:border-t-transparent", n)
 	});
 }
 //#endregion
-export { c as IterationStatusChip, s as SeriesStatusChip };
+export { n as LoadingSpinner };

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

@@ -1,88 +1,38 @@
-import { Button as e, Typography as t, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ReceivableStatusBadge as r } from "./index22.js";
-import { IterationStatusChip as i } from "./index35.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { ChevronRight as s } 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, headerTooltipArrowClass as l, headerTooltipClass as u, preventTooltipFocusOpen as d } from "./index26.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { MoreVerticalIcon as m } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index36.js
-var c = "ttw:h-10 ttw:px-2 ttw:text-left ttw:text-sm ttw:font-medium ttw:leading-5", l = "ttw:h-9 ttw:px-2 ttw:py-2 ttw:text-left ttw:text-sm ttw:font-normal ttw:leading-5";
-function u({ rows: u, labels: d }) {
-	return u.length === 0 ? /* @__PURE__ */ a(t, {
-		variant: "body2",
-		color: "muted",
-		children: d.scheduleEmpty
-	}) : /* @__PURE__ */ o("table", {
-		className: "ttw:w-full",
-		children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: n(c, "ttw:pl-0"),
-				children: d.scheduleIssueDateColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: c,
-				children: d.scheduleAmountColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: c,
-				children: d.scheduleStatusColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				scope: "col",
-				className: c,
-				children: d.scheduleNumberColumn
-			}),
-			/* @__PURE__ */ a("th", {
-				className: "ttw:h-10 ttw:w-6 ttw:pl-2",
-				"aria-hidden": "true"
+function h({ actions: h, triggerLabel: g, getActionLabel: _, onSelect: v, disabledActions: y, className: b }) {
+	return /* @__PURE__ */ p(t, { children: [/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(s, {
+		asChild: !0,
+		onFocus: d,
+		children: /* @__PURE__ */ f(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(e, {
+				variant: "ghost",
+				size: "icon",
+				className: b,
+				"aria-label": g,
+				children: /* @__PURE__ */ f(m, { className: "ttw:size-4" })
 			})
-		] }) }), /* @__PURE__ */ a("tbody", { children: u.map((t) => {
-			let { onOpen: c } = t;
-			return /* @__PURE__ */ o("tr", {
-				className: "ttw:border-t ttw:border-border",
-				children: [
-					/* @__PURE__ */ a("td", {
-						className: n(l, "ttw:pl-0"),
-						children: t.issueDateLabel
-					}),
-					/* @__PURE__ */ a("td", {
-						className: l,
-						children: t.amountLabel
-					}),
-					/* @__PURE__ */ a("td", {
-						className: "ttw:h-9 ttw:px-2 ttw:py-2 ttw:text-left",
-						children: t.chip.kind === "invoice" ? /* @__PURE__ */ a(r, {
-							label: t.chip.label,
-							status: t.chip.status,
-							variant: "filled"
-						}) : /* @__PURE__ */ a(i, {
-							label: t.chip.label,
-							tone: t.chip.tone
-						})
-					}),
-					/* @__PURE__ */ a("td", {
-						className: l,
-						children: t.numberLabel
-					}),
-					/* @__PURE__ */ a("td", {
-						className: "ttw:h-9 ttw:w-6 ttw:py-2 ttw:pl-2 ttw:text-right ttw:text-muted-foreground",
-						children: c ? /* @__PURE__ */ a(e, {
-							variant: "ghost",
-							size: "icon",
-							className: "ttw:size-6",
-							"aria-label": t.openLabel,
-							onClick: c,
-							children: /* @__PURE__ */ a(s, {
-								className: "ttw:size-4",
-								"aria-hidden": "true"
-							})
-						}) : null
-					})
-				]
-			}, t.id);
-		}) })]
-	});
+		})
+	}), /* @__PURE__ */ f(o, {
+		className: u,
+		arrowClassName: l,
+		children: g
+	})] }), /* @__PURE__ */ f(n, {
+		align: "end",
+		children: h.map((e) => {
+			let t = c[e];
+			return /* @__PURE__ */ p(r, {
+				variant: e === "delete" ? "destructive" : "default",
+				disabled: y?.includes(e),
+				onClick: () => v(e),
+				children: [/* @__PURE__ */ f(t, { className: "ttw:size-4" }), _(e)]
+			}, e);
+		})
+	})] });
 }
 //#endregion
-export { u as ScheduledInvoicesTable };
+export { h as OverflowMenu };

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

@@ -1,494 +1,16 @@
-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 te, SheetTitle as c, Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f, Typography as p, cn as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_DETAILS_PANEL_LABELS_EN as ne } from "./index13.js";
-import { ReceivableStatusBadge as re } from "./index22.js";
-import { RECEIVABLE_DETAILS_SECTION as h } from "./index25.js";
-import { ACTION_ICON as ie, ACTION_LABEL_KEY as g, STATUS_ICON as _, amountValueToneClass as ae, headerIconButtonClass as v, headerTooltipArrowClass as y, headerTooltipClass as b, preventTooltipFocusOpen as x, sectionChevronClass as S, sectionCountBadgeClass as C, sectionItemClass as w, sectionTriggerClass as T } from "./index23.js";
-import { AmountCell as E } from "./index24.js";
-import { AttachmentsItem as D } from "./index26.js";
-import { AuditHistoryItem as O } from "./index27.js";
-import { CloseButton as k } from "./index28.js";
-import { CustomerNameRow as oe } from "./index29.js";
-import { DetailsMessage as se } from "./index30.js";
-import { InfoRow as A } from "./index31.js";
-import { LoadingSpinner as j } from "./index32.js";
-import { OverflowMenu as ce } from "./index33.js";
-import { SeriesStatusChip as le } from "./index35.js";
-import { ScheduledInvoicesTable as ue } from "./index36.js";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { ChevronLeft as F, CircleAlert as I, EyeIcon as L, Repeat as R } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index37.js
-function z({ open: z, onOpenChange: B, details: V, message: H, isLoading: U, onActionClick: W, onClose: G, openSections: de, onOpenSectionsChange: fe, disabledActions: K, labels: pe }) {
-	let q = {
-		...ne,
-		...pe
-	}, J = V?.panel, Y = !U && !H && !!(V && J), me = J?.amountTone === "danger", X = (e) => q[g[e]], Z = V ? _[V.status] : void 0, Q = J?.recurringSeries, $ = V && J && J.primaryActions.length > 0 ? /* @__PURE__ */ N("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 = ie[e], r = t === J.primaryActions.length - 1;
-			return /* @__PURE__ */ P(a, {
-				size: "sm",
-				variant: r ? "default" : "outline",
-				disabled: K?.includes(e),
-				onClick: () => W(e, V),
-				children: [/* @__PURE__ */ N(n, { className: "ttw:size-4" }), X(e)]
-			}, e);
-		})
-	}) : null;
-	return /* @__PURE__ */ N(o, {
-		open: z,
-		modal: !1,
-		onOpenChange: B,
-		children: /* @__PURE__ */ P(ee, {
-			showCloseButton: !1,
-			onFocusOutside: (e) => e.preventDefault(),
-			className: "ttw:overflow-y-auto ttw:border-l-0 ttw:p-0 ttw:sm:max-w-150",
-			children: [
-				/* @__PURE__ */ N(s, {
-					className: "ttw:sr-only",
-					children: q.hiddenDescription
-				}),
-				Y ? null : /* @__PURE__ */ N(k, {
-					label: q.closeButton,
-					onClose: G,
-					className: m(v, "ttw:absolute ttw:right-4 ttw:top-4 ttw:z-10")
-				}),
-				H && !U ? /* @__PURE__ */ N(se, { ...H }) : !Y || !V || !J ? /* @__PURE__ */ P("div", {
-					className: "ttw:flex ttw:h-full ttw:w-full ttw:items-center ttw:justify-center",
-					children: [/* @__PURE__ */ N(c, {
-						className: "ttw:sr-only",
-						children: q.loadingTitle
-					}), /* @__PURE__ */ N(j, {})]
-				}) : /* @__PURE__ */ P(M, { children: [
-					J.seriesLink ? /* @__PURE__ */ N("div", {
-						className: "ttw:border-b ttw:border-border ttw:px-6 ttw:py-3",
-						children: /* @__PURE__ */ P("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__ */ N(F, {
-								className: "ttw:size-4",
-								"aria-hidden": "true"
-							}), J.seriesLink.backLabel]
-						})
-					}) : null,
-					/* @__PURE__ */ P(te, {
-						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__ */ P("div", {
-							className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-							children: [/* @__PURE__ */ N(c, {
-								className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
-								children: V.title
-							}), J.subtitle ? /* @__PURE__ */ N(p, {
-								variant: "body2",
-								color: "muted",
-								children: J.subtitle
-							}) : null]
-						}), /* @__PURE__ */ N(d, {
-							delayDuration: 500,
-							children: /* @__PURE__ */ P("div", {
-								className: "ttw:flex ttw:items-center ttw:gap-1.5",
-								children: [
-									V.pdfUrl ? /* @__PURE__ */ P(l, { children: [/* @__PURE__ */ N(f, {
-										asChild: !0,
-										onFocus: x,
-										children: /* @__PURE__ */ N(a, {
-											asChild: !0,
-											variant: "ghost",
-											size: "icon",
-											className: v,
-											children: /* @__PURE__ */ N("a", {
-												href: V.pdfUrl,
-												target: "_blank",
-												rel: "noreferrer",
-												"aria-label": q.viewPdfButton,
-												children: /* @__PURE__ */ N(L, { className: "ttw:size-4" })
-											})
-										})
-									}), /* @__PURE__ */ N(u, {
-										className: b,
-										arrowClassName: y,
-										children: q.viewPdfButton
-									})] }) : null,
-									J.overflowActions.length > 0 ? /* @__PURE__ */ N(ce, {
-										actions: J.overflowActions,
-										triggerLabel: q.moreActionsLabel,
-										getActionLabel: X,
-										onSelect: (e) => W(e, V),
-										disabledActions: K,
-										className: v
-									}) : null,
-									/* @__PURE__ */ P(l, { children: [/* @__PURE__ */ N(f, {
-										asChild: !0,
-										onFocus: x,
-										children: /* @__PURE__ */ N(k, {
-											label: q.closeButton,
-											onClose: G,
-											className: v
-										})
-									}), /* @__PURE__ */ N(u, {
-										className: b,
-										arrowClassName: y,
-										children: q.closeButton
-									})] })
-								]
-							})
-						})]
-					}),
-					/* @__PURE__ */ P("div", {
-						className: "ttw:flex ttw:flex-col",
-						children: [/* @__PURE__ */ N("div", {
-							className: "ttw:px-6",
-							children: Q ? /* @__PURE__ */ P("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-violet-50 ttw:p-4",
-								children: [
-									/* @__PURE__ */ P("div", {
-										className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-										children: [/* @__PURE__ */ N(p, {
-											variant: "caption",
-											color: "muted",
-											children: q.recurringAmountCaption
-										}), /* @__PURE__ */ P("div", {
-											className: "ttw:flex ttw:items-baseline ttw:gap-1.5",
-											children: [/* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "h3",
-												className: ae[J.amountTone],
-												children: Q.amountLabel
-											}), /* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												color: "muted",
-												children: Q.amountPeriodLabel
-											})]
-										})]
-									}),
-									/* @__PURE__ */ P("div", {
-										className: "ttw:flex ttw:items-center ttw:gap-2",
-										children: [/* @__PURE__ */ P(i, {
-											variant: "outline",
-											className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
-											children: [/* @__PURE__ */ N(R, { className: "ttw:size-3" }), q.recurringBadge]
-										}), /* @__PURE__ */ N(le, {
-											label: Q.statusLabel,
-											tone: Q.statusTone,
-											icon: Q.statusIcon
-										})]
-									}),
-									/* @__PURE__ */ P("div", {
-										className: "ttw:flex ttw:gap-12",
-										children: [/* @__PURE__ */ P("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-											children: [/* @__PURE__ */ N(p, {
-												variant: "caption",
-												color: "muted",
-												children: q.startsOnCaption
-											}), /* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: Q.startsOnLabel
-											})]
-										}), /* @__PURE__ */ P("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-											children: [/* @__PURE__ */ N(p, {
-												variant: "caption",
-												color: "muted",
-												children: q.endsOnCaption
-											}), /* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: Q.endsOnLabel
-											})]
-										})]
-									}),
-									$
-								]
-							}) : /* @__PURE__ */ P("div", {
-								className: m("ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:p-4", me && "ttw:border ttw:border-red-200"),
-								children: [
-									/* @__PURE__ */ N("div", {
-										className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-x-12 ttw:gap-y-2",
-										children: J.amountRows.map((e) => /* @__PURE__ */ N(E, {
-											row: e,
-											defaultTone: J.amountTone
-										}, e.label))
-									}),
-									/* @__PURE__ */ P("div", {
-										className: "ttw:flex ttw:items-center ttw:gap-2",
-										children: [J.overdueLabel ? /* @__PURE__ */ P("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__ */ N(I, { className: "ttw:size-3" }), J.overdueLabel]
-										}) : /* @__PURE__ */ N(re, {
-											label: J.statusLabel,
-											tone: V.statusTone,
-											icon: Z ? /* @__PURE__ */ N(Z, { className: "ttw:size-3" }) : void 0
-										}), J.recurring ? /* @__PURE__ */ P(i, {
-											variant: "outline",
-											className: "ttw:gap-1 ttw:border-violet-200 ttw:bg-violet-50 ttw:text-violet-700",
-											children: [/* @__PURE__ */ N(R, { className: "ttw:size-3" }), q.recurringBadge]
-										}) : null]
-									}),
-									/* @__PURE__ */ P("div", {
-										className: "ttw:flex ttw:gap-12",
-										children: [/* @__PURE__ */ P("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-											children: [/* @__PURE__ */ N(p, {
-												variant: "caption",
-												color: "muted",
-												children: q.invoiceDateCaption
-											}), /* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: J.issueDateLabel
-											})]
-										}), /* @__PURE__ */ P("div", {
-											className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-											children: [/* @__PURE__ */ N(p, {
-												variant: "caption",
-												color: "muted",
-												children: J.dueDateCaption
-											}), /* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: J.dueDateLabel
-											})]
-										})]
-									}),
-									$
-								]
-							})
-						}), /* @__PURE__ */ P("div", {
-							className: "ttw:px-6",
-							children: [
-								J.paymentHistory ? /* @__PURE__ */ P("section", {
-									"aria-label": q.paymentHistoryHeading,
-									className: "ttw:border-b ttw:border-border ttw:py-4",
-									children: [/* @__PURE__ */ N(p, {
-										component: "h3",
-										variant: "body2",
-										className: "ttw:mb-3 ttw:font-medium",
-										children: q.paymentHistoryHeading
-									}), J.paymentHistory.isLoading ? /* @__PURE__ */ N("div", {
-										className: "ttw:flex ttw:py-2",
-										children: /* @__PURE__ */ N(j, {
-											className: "ttw:size-5 ttw:border-2",
-											label: q.paymentHistoryLoading
-										})
-									}) : J.paymentHistory.rows.length === 0 ? /* @__PURE__ */ N(p, {
-										variant: "body2",
-										className: J.paymentHistory.emptyTone === "danger" ? "ttw:text-red-600" : "ttw:text-muted-foreground",
-										children: q.paymentHistoryEmpty
-									}) : /* @__PURE__ */ P("div", {
-										className: "ttw:flex ttw:flex-col",
-										children: [J.paymentHistory.rows.map((e) => /* @__PURE__ */ P("div", {
-											className: "ttw:flex ttw:justify-between ttw:border-b ttw:border-border ttw:py-2",
-											children: [/* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: e.dateLabel
-											}), /* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: e.amountLabel
-											})]
-										}, e.id)), /* @__PURE__ */ P("div", {
-											className: "ttw:flex ttw:justify-between ttw:py-2 ttw:font-medium",
-											children: [/* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: q.paymentHistoryTotalLabel
-											}), /* @__PURE__ */ N(p, {
-												component: "span",
-												variant: "body2",
-												children: J.paymentHistory.totalLabel
-											})]
-										})]
-									})]
-								}) : null,
-								J.customerName || J.customerContact.length > 0 ? /* @__PURE__ */ P("section", {
-									"aria-label": q.customerDetailsHeading,
-									className: "ttw:border-b ttw:border-border ttw:py-4",
-									children: [/* @__PURE__ */ N(p, {
-										component: "h3",
-										variant: "body2",
-										className: "ttw:mb-3 ttw:font-medium",
-										children: q.customerDetailsHeading
-									}), /* @__PURE__ */ P("div", {
-										className: "ttw:flex ttw:flex-col",
-										children: [J.customerName ? /* @__PURE__ */ N(oe, { ...J.customerName }) : null, J.customerContact.map((e) => /* @__PURE__ */ N(A, { ...e }, e.label))]
-									})]
-								}) : null,
-								/* @__PURE__ */ P(e, {
-									type: "multiple",
-									value: de,
-									onValueChange: fe,
-									className: "ttw:w-full",
-									children: [
-										/* @__PURE__ */ P(n, {
-											value: h.billing,
-											className: w,
-											children: [/* @__PURE__ */ N(r, {
-												className: T,
-												iconClassName: S,
-												children: /* @__PURE__ */ N("span", {
-													className: "ttw:group-hover:underline",
-													children: q.billingHeading
-												})
-											}), /* @__PURE__ */ N(t, { children: /* @__PURE__ */ P("div", {
-												className: "ttw:flex ttw:flex-col",
-												children: [J.billingItems.map((e) => /* @__PURE__ */ N(A, { ...e }, e.label)), J.seriesLink ? /* @__PURE__ */ P("div", {
-													className: "ttw:flex ttw:gap-4 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
-													children: [/* @__PURE__ */ N(p, {
-														component: "span",
-														variant: "body2",
-														color: "muted",
-														className: "ttw:w-40 ttw:shrink-0",
-														children: q.recurringSeriesRowLabel
-													}), /* @__PURE__ */ N("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__ */ P(n, {
-											value: h.lineItems,
-											className: w,
-											children: [/* @__PURE__ */ N(r, {
-												className: T,
-												iconClassName: S,
-												children: /* @__PURE__ */ P("span", {
-													className: "ttw:flex ttw:items-center ttw:gap-2",
-													children: [/* @__PURE__ */ N("span", {
-														className: "ttw:group-hover:underline",
-														children: q.lineItemsHeading
-													}), /* @__PURE__ */ N(i, {
-														variant: "secondary",
-														className: C,
-														children: J.lineItemsSection.countLabel
-													})]
-												})
-											}), /* @__PURE__ */ N(t, { children: /* @__PURE__ */ P("div", {
-												className: "ttw:flex ttw:flex-col",
-												children: [V.lineItems.length === 0 ? /* @__PURE__ */ N(p, {
-													variant: "body2",
-													color: "muted",
-													className: "ttw:py-3",
-													children: q.noLineItems
-												}) : V.lineItems.map((e) => /* @__PURE__ */ P("div", {
-													className: "ttw:flex ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:py-3",
-													children: [/* @__PURE__ */ P("div", {
-														className: "ttw:flex ttw:flex-col",
-														children: [/* @__PURE__ */ N(p, {
-															component: "span",
-															variant: "body2",
-															className: "ttw:font-medium",
-															children: e.name
-														}), /* @__PURE__ */ P(p, {
-															component: "span",
-															variant: "body2",
-															color: "muted",
-															children: [
-																e.quantityLabel,
-																" ",
-																q.lineItemMultiplier,
-																" ",
-																e.unitPriceLabel,
-																" ",
-																q.lineItemEaLabel
-															]
-														})]
-													}), /* @__PURE__ */ N(p, {
-														component: "span",
-														variant: "body2",
-														children: e.totalLabel
-													})]
-												}, e.id)), J.lineItemsSection.totals.length > 0 ? /* @__PURE__ */ N("div", {
-													className: "ttw:flex ttw:flex-col ttw:gap-1 ttw:py-3",
-													children: J.lineItemsSection.totals.map((e) => /* @__PURE__ */ P("div", {
-														className: m("ttw:flex ttw:justify-between", e.emphasis && "ttw:font-medium"),
-														children: [/* @__PURE__ */ N(p, {
-															component: "span",
-															variant: "body2",
-															children: e.label
-														}), /* @__PURE__ */ N(p, {
-															component: "span",
-															variant: "body2",
-															children: e.value
-														})]
-													}, e.label))
-												}) : null]
-											}) })]
-										}) : null,
-										J.notes ? /* @__PURE__ */ P(n, {
-											value: h.notes,
-											className: w,
-											children: [/* @__PURE__ */ N(r, {
-												className: T,
-												iconClassName: S,
-												children: /* @__PURE__ */ P("span", {
-													className: "ttw:flex ttw:items-center ttw:gap-2",
-													children: [/* @__PURE__ */ N("span", {
-														className: "ttw:group-hover:underline",
-														children: q.notesHeading
-													}), /* @__PURE__ */ N(i, {
-														variant: "secondary",
-														className: C,
-														children: J.notes.countLabel
-													})]
-												})
-											}), /* @__PURE__ */ N(t, { children: /* @__PURE__ */ P("div", {
-												className: "ttw:flex ttw:flex-col ttw:gap-3",
-												children: [J.notes.opening ? /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N(p, {
-													variant: "body2",
-													className: "ttw:mb-1 ttw:font-medium",
-													children: q.notesOpeningLabel
-												}), /* @__PURE__ */ N(p, {
-													variant: "body2",
-													color: "muted",
-													children: J.notes.opening
-												})] }) : null, J.notes.closing ? /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N(p, {
-													variant: "body2",
-													className: "ttw:mb-1 ttw:font-medium",
-													children: q.notesClosingLabel
-												}), /* @__PURE__ */ N(p, {
-													variant: "body2",
-													color: "muted",
-													children: J.notes.closing
-												})] }) : null]
-											}) })]
-										}) : null,
-										/* @__PURE__ */ N(D, {
-											attachments: J.attachments,
-											labels: q
-										}),
-										/* @__PURE__ */ N(O, {
-											auditHistory: J.auditHistory,
-											labels: q
-										})
-									]
-								}),
-								Q ? /* @__PURE__ */ P("section", {
-									"aria-label": Q.scheduleTitle,
-									className: "ttw:border-t ttw:border-border ttw:py-4",
-									children: [/* @__PURE__ */ N(p, {
-										component: "h3",
-										variant: "body2",
-										className: "ttw:mb-3 ttw:font-medium",
-										children: Q.scheduleTitle
-									}), /* @__PURE__ */ N(ue, {
-										rows: Q.schedule,
-										labels: q
-									})]
-								}) : null
-							]
-						})]
-					})
-				] })
-			]
-		})
-	});
-}
+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 { z as ReceivableDetailsPanel, z as default };
+export { e as RECURRENCE_CHIP_CLASS, t as RECURRENCE_DOT_CLASS };