@tesouro/embedded-components-react 0.9.24 → 0.9.26

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/bills-list/ui/dist/index20.js

@@ -1,300 +1,291 @@
-import { Alert as e, AlertTitle as t, Badge as n, Button as r, ContextMenuItem as i, DataTable as a, DataTableSortableHeader as ee, Input as te, Skeleton as ne, Tabs as o, TabsContent as re, TabsList as ie, TabsTrigger as ae, Tooltip as s, TooltipContent as c, TooltipProvider as l, TooltipTrigger as oe, cn as se } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as u } from "../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as ce } from "../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { Button as e, ContextMenuItem as t, DataTable as n, DataTableSortableHeader as r, Input as i, Separator as a, Skeleton as ee, Tabs as o, TabsContent as s, TabsList as c, TabsTrigger as te, Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f, cn as p } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as m } from "../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as ne } from "../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
 import "../../../../shared/ui/dist/index.js";
-import { BillStatusBadge as le } from "../../../../shared/document-status/ui/dist/index4.js";
+import { BillStatusBadge as re } from "../../../../shared/document-status/ui/dist/index4.js";
 import "../../../../shared/document-status/ui/dist/index.js";
-import { BillOverflowMenu as ue } from "../../../ui/dist/index7.js";
-import { getAcceptedBillUploadFiles as de } from "../../../ui/dist/index13.js";
-import { DateDisclosure as fe } from "../../../ui/dist/index16.js";
-import { DueDateValue as pe } from "../../../ui/dist/index18.js";
+import { BillDuplicateWarning as ie } from "../../../ui/dist/index6.js";
+import { BillOverflowMenu as ae } from "../../../ui/dist/index9.js";
+import { getAcceptedBillUploadFiles as oe } from "../../../ui/dist/index15.js";
+import { DateDisclosure as se } from "../../../ui/dist/index18.js";
+import { DueDateValue as ce } from "../../../ui/dist/index20.js";
 import "../../../ui/dist/index.js";
-import { AddBillPanel as d } from "./index3.js";
+import { AddBillPanel as h } from "./index3.js";
 import "./index4.js";
-import { BillsFilterBar as me } from "./index10.js";
+import { BillsFilterBar as le } from "./index10.js";
 import "./index11.js";
-import { MissingValue as f } from "./index13.js";
+import { MissingValue as g } from "./index13.js";
 import "./index14.js";
-import { NoValue as p } from "./index16.js";
+import { NoValue as ue } from "./index16.js";
 import "./index17.js";
-import { BILLS_SCREEN_LABELS_EN as m, BILLS_SCREEN_UPLOAD_ACCEPT as h } from "./index18.js";
-import { BillColumn as g } from "./index19.js";
-import { useMemo as _, useState as he } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { FileQuestionIcon as ge, PaperclipIcon as _e, PlusIcon as ve, SearchIcon as ye, SettingsIcon as be, UploadIcon as xe, XIcon as Se } from "lucide-react";
+import { BILLS_SCREEN_LABELS_EN as _, BILLS_SCREEN_UPLOAD_ACCEPT as v } from "./index18.js";
+import { BillColumn as y } from "./index19.js";
+import { Fragment as de, useMemo as b, useState as fe } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { PaperclipIcon as pe, PlusIcon as me, SearchIcon as he, SettingsIcon as ge, UploadIcon as _e } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/bills-list/ui/dist/index20.js
-var Ce = [
+var ve = [
 	10,
 	25,
 	50,
 	100
-], we = 240, Te = {
+], ye = 240, be = {
 	default: "",
-	warning: "ttw:bg-amber-50 ttw:hover:bg-amber-100 ttw:border-l-4! ttw:border-l-amber-600!"
-}, x = {
+	warning: "ttw:bg-warning-subtle ttw:hover:bg-warning/20 ttw:border-l-4! ttw:border-l-warning!"
+}, w = {
 	default: "",
-	warning: "ttw:-ml-1 ttw:font-semibold ttw:text-amber-800"
-}, Ee = {
-	success: "ttw:text-emerald-700",
-	warning: "ttw:text-amber-800"
+	warning: "ttw:-ml-1 ttw:font-semibold ttw:text-warning-foreground"
 };
-function De(e, t) {
+function xe(e, t) {
 	return e === "resolving" ? t.vendorResolving : e === "unavailable" ? t.vendorUnavailable : t.missingValue.missing;
 }
-var S = 40, Oe = [
-	g.Vendor,
-	g.InvoiceNumber,
-	g.Attachment,
-	g.IssueDate,
-	g.DueDate,
-	g.ScheduledDate,
-	g.PaidDate,
-	g.Status,
-	g.AmountDue,
-	g.AmountScheduled,
-	g.AmountPaid,
-	g.TotalAmount,
-	g.AddedOn
-], ke = [
-	g.Vendor,
-	g.Attachment,
-	g.DueDate,
-	g.Status,
-	g.AmountDue,
-	g.AddedOn
+var T = 40, Se = [
+	y.Vendor,
+	y.InvoiceNumber,
+	y.Attachment,
+	y.IssueDate,
+	y.DueDate,
+	y.ScheduledDate,
+	y.PaidDate,
+	y.Status,
+	y.AmountDue,
+	y.AmountScheduled,
+	y.AmountPaid,
+	y.TotalAmount,
+	y.AddedOn
+], E = [
+	y.Vendor,
+	y.Attachment,
+	y.DueDate,
+	y.Status,
+	y.AmountDue,
+	y.AddedOn
 ];
-function C({ rows: C, isLoading: w, isError: T, sorting: Ae, onSortingChange: je, pageSize: Me, onPageSizeChange: Ne, pageSizeOptions: E = Ce, pageInfo: Pe, hasNextPage: D, hasPrevPage: O, onNextPage: Fe, onPrevPage: Ie, filterTabs: k, selectedFilterTabId: A, onFilterTabChange: Le, searchValue: Re, onSearchChange: ze, filters: j, visibleColumns: M = ke, cellTestIds: N, isSearchActive: P, showAddPanelWhenEmpty: Be, emptyState: F, onCreateClick: I, onSettingsClick: L, onRetry: R, onFilesSelected: z, maxFiles: B, onEnterManually: V, uploadStatus: H, uploadErrorMessage: U, emailAddress: W, onCopyEmail: G, labels: K, duplicateWarning: q, duplicateReviewControl: J }) {
-	let Y = _(() => ({
-		...m,
-		...K,
+function D({ rows: D, isLoading: O, isError: k, sorting: Ce, onSortingChange: we, pageSize: Te, onPageSizeChange: Ee, pageSizeOptions: A = ve, pageInfo: De, hasNextPage: j, hasPrevPage: M, onNextPage: Oe, onPrevPage: ke, filterTabs: Ae, selectedFilterTabId: N, onFilterTabChange: je, searchValue: Me, onSearchChange: Ne, filters: P, visibleColumns: F = E, cellTestIds: I, isSearchActive: L, showAddPanelWhenEmpty: Pe, emptyState: R, onCreateClick: z, onSettingsClick: B, onRetry: V, onFilesSelected: H, maxFiles: U, onEnterManually: W, uploadStatus: G, uploadErrorMessage: K, emailAddress: q, onCopyEmail: J, labels: Y, duplicateWarning: Fe, duplicateReviewControl: X }) {
+	let Z = b(() => ({
+		..._,
+		...Y,
 		statusBadge: {
-			...m.statusBadge,
-			...K?.statusBadge
+			..._.statusBadge,
+			...Y?.statusBadge
 		},
 		addBill: {
-			...m.addBill,
-			...K?.addBill,
+			..._.addBill,
+			...Y?.addBill,
 			dropzone: {
-				...m.addBill.dropzone,
-				...K?.addBill?.dropzone
+				..._.addBill.dropzone,
+				...Y?.addBill?.dropzone
 			}
 		},
 		sortableHeader: {
-			...m.sortableHeader,
-			...K?.sortableHeader
+			..._.sortableHeader,
+			...Y?.sortableHeader
 		},
 		missingValue: {
-			...m.missingValue,
-			...K?.missingValue
+			..._.missingValue,
+			...Y?.missingValue
 		},
 		noValue: {
-			...m.noValue,
-			...K?.noValue
+			..._.noValue,
+			...Y?.noValue
 		},
 		dueDate: {
-			...m.dueDate,
-			...K?.dueDate
+			..._.dueDate,
+			...Y?.dueDate
 		}
-	}), [K]), Ve = C.some((e) => e.group), X = C.some((e) => e.menu?.items.length), Z = J?.isActive === !0, [He, Q] = he(!1), $ = !!z, Ue = (e) => Array.from(e.dataTransfer.types).includes("Files"), We = (e) => {
-		$ && Ue(e) && (e.preventDefault(), Q(!0));
-	}, Ge = (e) => {
-		$ && Ue(e) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", Q(!0));
-	}, Ke = (e) => {
+	}), [Y]), Ie = D.some((e) => e.menu?.items.length), [Le, Q] = fe(!1), $ = !!H, Re = (e) => Array.from(e.dataTransfer.types).includes("Files"), ze = (e) => {
+		$ && Re(e) && (e.preventDefault(), Q(!0));
+	}, Be = (e) => {
+		$ && Re(e) && (e.preventDefault(), e.dataTransfer.dropEffect = "copy", Q(!0));
+	}, Ve = (e) => {
 		!e.currentTarget.contains(e.relatedTarget) && $ && Q(!1);
-	}, qe = (e) => {
+	}, He = (e) => {
 		if (!$) return;
 		e.preventDefault(), Q(!1);
-		let t = e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], n = de(t, h, B !== 1);
-		n.length && z?.(n);
-	}, Je = _(() => {
+		let t = e.dataTransfer.files ? Array.from(e.dataTransfer.files) : [], n = oe(t, v, U !== 1);
+		n.length && H?.(n);
+	}, Ue = b(() => {
 		let e = (e) => function({ column: t }) {
-			return /* @__PURE__ */ y(ee, {
+			return /* @__PURE__ */ S(r, {
 				column: t,
 				title: e,
-				labels: Y.sortableHeader
+				labels: Z.sortableHeader
 			});
-		}, t = (e, t, n = /* @__PURE__ */ y(f, { labels: Y.missingValue }), r) => function({ row: i }) {
-			let a = r && i.original[r] ? /* @__PURE__ */ y(f, { labels: Y.missingValue }) : n;
-			return /* @__PURE__ */ y("span", {
+		}, t = (e, t, n = /* @__PURE__ */ S(g, { labels: Z.missingValue }), r) => function({ row: i }) {
+			let a = r && i.original[r] ? /* @__PURE__ */ S(g, { labels: Z.missingValue }) : n;
+			return /* @__PURE__ */ S("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": N?.[t],
+				"data-testid": I?.[t],
 				children: i.original[e] || a
 			});
-		}, r = function({ row: e }) {
-			return /* @__PURE__ */ y("span", {
+		}, n = t("invoiceNumberLabel", y.InvoiceNumber), i = function({ row: e }) {
+			return /* @__PURE__ */ S("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": N?.[g.DueDate],
-				children: /* @__PURE__ */ y(pe, {
-					value: e.original.dueDateLabel || /* @__PURE__ */ y(f, { labels: Y.missingValue }),
+				"data-testid": I?.[y.DueDate],
+				children: /* @__PURE__ */ S(ce, {
+					value: e.original.dueDateLabel || /* @__PURE__ */ S(g, { labels: Z.missingValue }),
 					tone: e.original.dueDateTone,
-					labels: Y.dueDate
+					labels: Z.dueDate
 				})
 			});
-		}, i = (e, t, n = /* @__PURE__ */ y(f, { labels: Y.missingValue }), r) => function({ row: i }) {
-			let a = r && i.original[r] ? /* @__PURE__ */ y(f, { labels: Y.missingValue }) : n;
-			return /* @__PURE__ */ y("div", {
+		}, a = (e, t, n = /* @__PURE__ */ S(g, { labels: Z.missingValue }), r) => function({ row: i }) {
+			let a = r && i.original[r] ? /* @__PURE__ */ S(g, { labels: Z.missingValue }) : n;
+			return /* @__PURE__ */ S("div", {
 				className: "ttw:text-right ttw:whitespace-nowrap",
-				"data-testid": N?.[t],
+				"data-testid": I?.[t],
 				children: i.original[e] || a
 			});
-		}, a = /* @__PURE__ */ y(p, { labels: Y.noValue });
-		function te({ row: e }) {
-			let t = e.original.scheduledDateIsGap ? /* @__PURE__ */ y(f, { labels: Y.missingValue }) : a, n = e.original.scheduledDateLabel, r = e.original.scheduledDateExact;
-			return /* @__PURE__ */ y("span", {
+		}, o = /* @__PURE__ */ S(ue, { labels: Z.noValue });
+		function s({ row: e }) {
+			let t = e.original.scheduledDateIsGap ? /* @__PURE__ */ S(g, { labels: Z.missingValue }) : o, n = e.original.scheduledDateLabel, r = e.original.scheduledDateExact;
+			return /* @__PURE__ */ S("span", {
 				className: "ttw:whitespace-nowrap",
-				"data-testid": N?.[g.ScheduledDate],
-				children: n && r ? /* @__PURE__ */ y(fe, {
+				"data-testid": I?.[y.ScheduledDate],
+				children: n && r ? /* @__PURE__ */ S(se, {
 					date: r,
 					children: n
 				}) : n || t
 			});
 		}
-		let o = (e) => function() {
-			return /* @__PURE__ */ y("div", {
+		let c = (e) => function() {
+			return /* @__PURE__ */ S("div", {
 				className: "ttw:text-right",
 				children: e
 			});
 		};
 		return {
-			[g.Vendor]: {
+			[y.Vendor]: {
 				accessorKey: "vendorLabel",
 				enableSorting: !0,
-				minSize: we,
-				header: e(Y.columnVendor),
+				minSize: ye,
+				header: e(Z.columnVendor),
 				cell: ({ row: e }) => {
-					let t = e.original.rowNote ? /* @__PURE__ */ y("span", {
+					let t = e.original.rowNote ? /* @__PURE__ */ S("span", {
 						className: "ttw:sr-only",
 						children: ` ${e.original.rowNote}`
 					}) : null;
-					if (!e.original.vendorLabel && e.original.vendorLookup === "resolving") return /* @__PURE__ */ b("div", {
-						className: x[e.original.rowTone ?? "default"],
-						"data-testid": N?.[g.Vendor],
-						children: [/* @__PURE__ */ y(ne, {
+					if (!e.original.vendorLabel && e.original.vendorLookup === "resolving") return /* @__PURE__ */ C("div", {
+						className: w[e.original.rowTone ?? "default"],
+						"data-testid": I?.[y.Vendor],
+						children: [/* @__PURE__ */ S(ee, {
 							className: "ttw:h-4 ttw:w-32",
 							"aria-hidden": !0
 						}), t]
 					});
-					let r = e.original.groupedRowLabel ?? e.original.vendorLabel;
-					return /* @__PURE__ */ b("span", {
-						className: se("ttw:inline-flex", e.original.group ? "ttw:flex-col ttw:items-start ttw:gap-1" : "ttw:items-center ttw:gap-2", e.original.group && "ttw:pl-6", e.original.groupedRowLabelTone ? Ee[e.original.groupedRowLabelTone] : x[e.original.rowTone ?? "default"]),
-						"data-testid": N?.[g.Vendor],
-						children: [
-							r || (e.original.vendorLookup === "unavailable" ? /* @__PURE__ */ y(p, { labels: { none: Y.vendorUnavailable } }) : /* @__PURE__ */ y(f, { labels: Y.missingValue })),
-							e.original.groupedRowBadge ? /* @__PURE__ */ y(n, {
-								variant: "secondary",
-								children: e.original.groupedRowBadge
-							}) : null,
-							t
-						]
+					let n = e.original.isNested ? e.original.groupedRowLabel : e.original.vendorLabel;
+					return /* @__PURE__ */ C("span", {
+						className: p("ttw:inline-flex ttw:items-center ttw:gap-2", e.original.isNested ? "ttw:pl-6 ttw:text-muted-foreground" : w[e.original.rowTone ?? "default"]),
+						"data-testid": I?.[y.Vendor],
+						children: [n || (e.original.vendorLookup === "unavailable" ? /* @__PURE__ */ S(ue, { labels: { none: Z.vendorUnavailable } }) : /* @__PURE__ */ S(g, { labels: Z.missingValue })), t]
 					});
 				}
 			},
-			[g.InvoiceNumber]: {
+			[y.InvoiceNumber]: {
 				accessorKey: "invoiceNumberLabel",
 				enableSorting: !1,
-				header: () => Y.columnInvoiceNumber,
-				cell: t("invoiceNumberLabel", g.InvoiceNumber)
+				header: () => Z.columnInvoiceNumber,
+				cell: (e) => e.row.original.isNested ? null : n(e)
 			},
-			[g.Attachment]: {
+			[y.Attachment]: {
 				accessorKey: "attachment",
 				enableSorting: !1,
-				size: S,
-				minSize: S,
-				header: () => /* @__PURE__ */ y("span", {
+				size: T,
+				minSize: T,
+				header: () => /* @__PURE__ */ S("span", {
 					className: "ttw:sr-only",
-					children: Y.columnAttachment
+					children: Z.columnAttachment
 				}),
-				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ y("div", {
+				cell: ({ row: e }) => e.original.attachment ? /* @__PURE__ */ S("div", {
 					className: "ttw:flex ttw:justify-center",
-					"data-testid": N?.[g.Attachment],
-					children: /* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(oe, {
+					"data-testid": I?.[y.Attachment],
+					children: /* @__PURE__ */ S(d, { children: /* @__PURE__ */ C(l, { children: [/* @__PURE__ */ S(f, {
 						type: "button",
 						className: "ttw:inline-flex ttw:cursor-default",
 						"aria-label": e.original.attachment.label,
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ y(_e, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
-					}), /* @__PURE__ */ y(c, { children: e.original.attachment.label })] }) })
+						children: /* @__PURE__ */ S(pe, { className: "ttw:size-3.5 ttw:shrink-0 ttw:text-muted-foreground" })
+					}), /* @__PURE__ */ S(u, { children: e.original.attachment.label })] }) })
 				}) : null
 			},
-			[g.IssueDate]: {
+			[y.IssueDate]: {
 				accessorKey: "issueDateLabel",
 				enableSorting: !0,
-				header: e(Y.columnIssueDate),
-				cell: t("issueDateLabel", g.IssueDate)
+				header: e(Z.columnIssueDate),
+				cell: t("issueDateLabel", y.IssueDate)
 			},
-			[g.DueDate]: {
+			[y.DueDate]: {
 				accessorKey: "dueDateLabel",
 				enableSorting: !0,
-				header: e(Y.columnDueDate),
-				cell: r
+				header: e(Z.columnDueDate),
+				cell: i
 			},
-			[g.ScheduledDate]: {
+			[y.ScheduledDate]: {
 				accessorKey: "scheduledDateLabel",
 				enableSorting: !0,
-				header: e(Y.columnScheduledDate),
-				cell: te
+				header: e(Z.columnScheduledDate),
+				cell: s
 			},
-			[g.PaidDate]: {
+			[y.PaidDate]: {
 				accessorKey: "paidDateLabel",
 				enableSorting: !1,
-				header: Y.columnPaidDate,
-				cell: t("paidDateLabel", g.PaidDate)
+				header: Z.columnPaidDate,
+				cell: t("paidDateLabel", y.PaidDate)
 			},
-			[g.Status]: {
+			[y.Status]: {
 				accessorKey: "status",
 				enableSorting: !1,
-				header: Y.columnStatus,
-				cell: ({ row: e }) => /* @__PURE__ */ y("div", {
+				header: Z.columnStatus,
+				cell: ({ row: e }) => /* @__PURE__ */ S("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-1",
-					"data-testid": N?.[g.Status],
-					children: /* @__PURE__ */ y(le, {
+					"data-testid": I?.[y.Status],
+					children: /* @__PURE__ */ S(re, {
 						status: e.original.status,
 						tone: e.original.statusTone,
-						labels: Y.statusBadge
+						labels: Z.statusBadge
 					})
 				})
 			},
-			[g.AmountDue]: {
+			[y.AmountDue]: {
 				accessorKey: "amountDueLabel",
 				enableSorting: !1,
-				header: o(Y.columnAmountDue),
-				cell: i("amountDueLabel", g.AmountDue)
+				header: c(Z.columnAmountDue),
+				cell: a("amountDueLabel", y.AmountDue)
 			},
-			[g.AmountScheduled]: {
+			[y.AmountScheduled]: {
 				accessorKey: "amountScheduledLabel",
 				enableSorting: !1,
-				header: o(Y.columnAmountScheduled),
-				cell: i("amountScheduledLabel", g.AmountScheduled)
+				header: c(Z.columnAmountScheduled),
+				cell: a("amountScheduledLabel", y.AmountScheduled)
 			},
-			[g.AmountPaid]: {
+			[y.AmountPaid]: {
 				accessorKey: "amountPaidLabel",
 				enableSorting: !1,
-				header: o(Y.columnAmountPaid),
-				cell: i("amountPaidLabel", g.AmountPaid, a, "amountPaidIsGap")
+				header: c(Z.columnAmountPaid),
+				cell: a("amountPaidLabel", y.AmountPaid, o, "amountPaidIsGap")
 			},
-			[g.TotalAmount]: {
+			[y.TotalAmount]: {
 				accessorKey: "totalAmountLabel",
 				enableSorting: !1,
-				header: o(Y.columnTotalAmount),
-				cell: i("totalAmountLabel", g.TotalAmount)
+				header: c(Z.columnTotalAmount),
+				cell: a("totalAmountLabel", y.TotalAmount)
 			},
-			[g.AddedOn]: {
+			[y.AddedOn]: {
 				accessorKey: "addedOnLabel",
 				enableSorting: !0,
-				header: e(Y.columnAddedOn),
-				cell: t("addedOnLabel", g.AddedOn)
+				header: e(Z.columnAddedOn),
+				cell: t("addedOnLabel", y.AddedOn)
 			}
 		};
-	}, [Y, N]), Ye = _(() => [...Oe.filter((e) => M.includes(e)).map((e) => Je[e]), ...X ? [{
+	}, [Z, I]), We = b(() => [...Se.filter((e) => F.includes(e)).map((e) => Ue[e]), ...Ie ? [{
 		id: "actions",
 		enableSorting: !1,
-		header: () => /* @__PURE__ */ y("span", {
+		header: () => /* @__PURE__ */ S("span", {
 			className: "ttw:sr-only",
-			children: Y.columnActions
+			children: Z.columnActions
 		}),
-		cell: ({ row: e }) => e.original.menu?.items.length ? /* @__PURE__ */ y("div", {
+		cell: ({ row: e }) => e.original.menu?.items.length ? /* @__PURE__ */ S("div", {
 			className: "ttw:flex ttw:justify-end",
-			children: /* @__PURE__ */ y(ue, {
+			children: /* @__PURE__ */ S(ae, {
 				actions: e.original.menu.items.map((e) => ({
 					...e,
 					variant: "ghost"
@@ -304,204 +295,169 @@ function C({ rows: C, isLoading: w, isError: T, sorting: Ae, onSortingChange: je
 			})
 		}) : null
 	}] : []], [
-		Je,
-		X,
-		Y,
-		M
-	]), Xe = !!(I && z) && !w && !T && !P && C.length === 0 && Be === !0, Ze = /* @__PURE__ */ b("div", {
+		Ue,
+		Ie,
+		Z,
+		F
+	]), Ge = !!(z && H) && !O && !k && !L && D.length === 0 && Pe === !0, Ke = /* @__PURE__ */ C("div", {
 		className: "ttw:relative ttw:w-80",
-		children: [/* @__PURE__ */ y(ye, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ y(te, {
+		children: [/* @__PURE__ */ S(he, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ S(i, {
 			className: "ttw:pl-9",
 			type: "search",
-			"aria-label": Y.searchLabel,
-			placeholder: Y.searchPlaceholder,
-			value: Re,
-			onChange: (e) => ze(e.target.value)
+			"aria-label": Z.searchLabel,
+			placeholder: Z.searchPlaceholder,
+			value: Me,
+			onChange: (e) => Ne(e.target.value)
 		})]
-	}), Qe = J?.isActive ? /* @__PURE__ */ b(r, {
-		type: "button",
-		variant: "outline",
-		size: "sm",
-		className: "ttw:h-8 ttw:gap-1.5 ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-100",
-		onClick: J.onClear,
-		children: [
-			J.activeFilterLabel,
-			/* @__PURE__ */ y(Se, {
-				className: "ttw:size-3.5",
-				"aria-hidden": !0
-			}),
-			" ",
-			/* @__PURE__ */ y("span", {
-				className: "ttw:sr-only",
-				children: J.clearLabel
-			})
-		]
-	}) : null, $e = j ? /* @__PURE__ */ y(me, {
-		...j,
+	}), qe = P ? /* @__PURE__ */ S(le, {
+		...P,
 		className: "ttw:px-4",
-		searchSlot: /* @__PURE__ */ b("div", {
-			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
-			children: [Ze, Qe]
-		})
-	}) : /* @__PURE__ */ b("div", {
+		searchSlot: Ke
+	}) : /* @__PURE__ */ S("div", {
 		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: [Ze, Qe]
+		children: Ke
 	});
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [q ? /* @__PURE__ */ b(e, {
-			className: "ttw:flex ttw:min-h-12 ttw:flex-wrap ttw:items-center ttw:gap-3 ttw:rounded-none ttw:border-0 ttw:border-l-4 ttw:border-l-amber-600 ttw:bg-amber-50 ttw:py-2 ttw:text-amber-700",
-			children: [
-				/* @__PURE__ */ y(ge, {
-					className: "ttw:size-5 ttw:shrink-0",
-					"aria-hidden": !0
-				}),
-				/* @__PURE__ */ y(t, {
-					className: "ttw:flex-1 ttw:font-semibold",
-					children: q
-				}),
-				J ? Z ? null : /* @__PURE__ */ y(r, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					className: "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted",
-					onClick: J.onReview,
-					children: J.reviewLabel
-				}) : null
-			]
-		}) : null, /* @__PURE__ */ b(o, {
-			value: A,
-			onValueChange: Le,
+		children: [Fe ? /* @__PURE__ */ S(ie, {
+			message: Fe,
+			children: X ? /* @__PURE__ */ S(e, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				className: "ttw:bg-background ttw:text-foreground ttw:hover:bg-muted",
+				onClick: X.onReview,
+				children: X.reviewLabel
+			}) : null
+		}) : null, /* @__PURE__ */ C(o, {
+			value: N,
+			onValueChange: je,
 			className: "ttw:flex ttw:flex-col ttw:gap-4",
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ C("div", {
 				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [Z ? /* @__PURE__ */ y("div", {}) : /* @__PURE__ */ y(ie, {
-					"aria-label": Y.filterTabsLabel,
-					children: k.map((e) => /* @__PURE__ */ b(ae, {
+				children: [/* @__PURE__ */ S(c, {
+					"aria-label": Z.filterTabsLabel,
+					children: Ae.map((e) => /* @__PURE__ */ C(de, { children: [e.startsGroup ? /* @__PURE__ */ S(a, {
+						orientation: "vertical",
+						className: "ttw:mx-1 ttw:data-[orientation=vertical]:h-4"
+					}) : null, /* @__PURE__ */ C(te, {
 						value: e.id,
 						className: "ttw:group/tab ttw:min-w-28 ttw:gap-2",
-						children: [e.label, e.badge ? /* @__PURE__ */ b(v, { children: [" ", /* @__PURE__ */ y("span", {
-							className: "ttw:inline-flex ttw:h-5 ttw:min-w-5 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-background ttw:px-1 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:group-data-[state=active]/tab:bg-muted",
+						children: [/* @__PURE__ */ S("span", {
+							className: e.tone === "warning" ? "ttw:text-warning-foreground" : void 0,
+							children: e.label
+						}), e.badge ? /* @__PURE__ */ C(x, { children: [" ", /* @__PURE__ */ S("span", {
+							className: p("ttw:inline-flex ttw:h-5 ttw:min-w-5 ttw:items-center ttw:justify-center ttw:rounded-full ttw:px-1 ttw:py-0.5 ttw:text-xs ttw:font-medium", e.tone === "warning" ? "ttw:bg-warning-subtle ttw:text-warning-foreground" : "ttw:bg-background ttw:group-data-[state=active]/tab:bg-muted"),
 							children: e.badge
 						})] }) : null]
-					}, e.id))
-				}), /* @__PURE__ */ b("div", {
+					})] }, e.id))
+				}), /* @__PURE__ */ C("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [L ? /* @__PURE__ */ y(l, { children: /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(oe, {
+					children: [B ? /* @__PURE__ */ S(d, { children: /* @__PURE__ */ C(l, { children: [/* @__PURE__ */ S(f, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(r, {
+						children: /* @__PURE__ */ S(e, {
 							variant: "outline",
 							size: "icon",
-							"aria-label": Y.settingsButton,
-							onClick: L,
-							children: /* @__PURE__ */ y(be, { className: "ttw:size-4" })
+							"aria-label": Z.settingsButton,
+							onClick: B,
+							children: /* @__PURE__ */ S(ge, { className: "ttw:size-4" })
 						})
-					}), /* @__PURE__ */ y(c, { children: Y.settingsButton })] }) }) : null, I ? /* @__PURE__ */ b(r, {
-						onClick: I,
-						children: [/* @__PURE__ */ y(ve, { className: "ttw:size-4" }), Y.createButton]
+					}), /* @__PURE__ */ S(u, { children: Z.settingsButton })] }) }) : null, z ? /* @__PURE__ */ C(e, {
+						onClick: z,
+						children: [/* @__PURE__ */ S(me, { className: "ttw:size-4" }), Z.createButton]
 					}) : null]
 				})]
 			}), (() => {
-				let e = T ? /* @__PURE__ */ y(ce, {
-					title: Y.errorTitle,
-					description: Y.errorDescription,
-					retryLabel: R ? Y.errorRetry : void 0,
-					onRetry: R
-				}) : Xe && I && z ? /* @__PURE__ */ y("div", {
+				let e = k ? /* @__PURE__ */ S(ne, {
+					title: Z.errorTitle,
+					description: Z.errorDescription,
+					retryLabel: V ? Z.errorRetry : void 0,
+					onRetry: V
+				}) : Ge && z && H ? /* @__PURE__ */ S("div", {
 					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-					children: W && G ? /* @__PURE__ */ y(d, {
-						emailAddress: W,
-						onCopyEmail: G,
-						onFilesSelected: z,
-						accept: h,
-						maxFiles: B,
-						uploadStatus: H,
-						uploadErrorMessage: U,
-						onEnterManually: V ?? I,
-						labels: Y.addBill
-					}) : /* @__PURE__ */ y(d, {
-						onFilesSelected: z,
-						accept: h,
-						maxFiles: B,
-						uploadStatus: H,
-						uploadErrorMessage: U,
-						onEnterManually: V ?? I,
-						labels: Y.addBill
+					children: q && J ? /* @__PURE__ */ S(h, {
+						emailAddress: q,
+						onCopyEmail: J,
+						onFilesSelected: H,
+						accept: v,
+						maxFiles: U,
+						uploadStatus: G,
+						uploadErrorMessage: K,
+						onEnterManually: W ?? z,
+						labels: Z.addBill
+					}) : /* @__PURE__ */ S(h, {
+						onFilesSelected: H,
+						accept: v,
+						maxFiles: U,
+						uploadStatus: G,
+						uploadErrorMessage: K,
+						onEnterManually: W ?? z,
+						labels: Z.addBill
 					})
-				}) : /* @__PURE__ */ b("div", {
+				}) : /* @__PURE__ */ C("div", {
 					className: "ttw:relative",
-					onDragEnter: We,
-					onDragOver: Ge,
-					onDragLeave: Ke,
-					onDrop: qe,
-					children: [/* @__PURE__ */ y(a, {
-						columns: Ye,
-						data: C,
+					onDragEnter: ze,
+					onDragOver: Be,
+					onDragLeave: Ve,
+					onDrop: He,
+					children: [/* @__PURE__ */ S(n, {
+						columns: We,
+						data: D,
 						getRowId: (e) => e.rowKey,
 						animatesNewRows: !0,
-						isLoading: w,
-						sorting: Ae,
-						onSortingChange: je,
-						pageSize: Me,
-						onPageSizeChange: Ne,
-						pageSizeOptions: E,
-						showPagination: E.length > 1 || D || O,
-						pageInfo: Pe,
-						hasNextPage: D,
-						hasPrevPage: O,
-						onNextPage: Fe,
-						onPrevPage: Ie,
+						isLoading: O,
+						sorting: Ce,
+						onSortingChange: we,
+						pageSize: Te,
+						onPageSizeChange: Ee,
+						pageSizeOptions: A,
+						showPagination: A.length > 1 || j || M,
+						pageInfo: De,
+						hasNextPage: j,
+						hasPrevPage: M,
+						onNextPage: Oe,
+						onPrevPage: ke,
 						onRowClick: (e) => e.onOpen(),
-						rowAriaLabel: (e) => Y.openRow(e.vendorLabel || De(e.vendorLookup, Y)),
-						rowClassName: (e) => Te[e.rowTone ?? "default"],
-						rowGroup: Ve ? (e) => e.group ? {
-							key: e.group.key,
-							nested: {
-								toggleLabel: Y.duplicateGroupToggle(e.group.headerLabel),
-								countLabel: Y.duplicateGroupBillCount(e.group.memberCount)
-							},
-							header: /* @__PURE__ */ y("span", {
-								className: "ttw:text-sm ttw:text-foreground",
-								children: e.group.headerLabel
-							})
-						} : void 0 : void 0,
-						rowContextMenu: (e) => e.menu?.items.length ? /* @__PURE__ */ y(v, { children: e.menu.items.map((e) => {
-							let t = e.icon;
-							return /* @__PURE__ */ b(i, {
+						rowAriaLabel: (e) => Z.openRow(e.vendorLabel || xe(e.vendorLookup, Z)),
+						rowClassName: (e) => be[e.rowTone ?? "default"],
+						rowGroup: (e) => e.group,
+						rowContextMenu: (e) => e.menu?.items.length ? /* @__PURE__ */ S(x, { children: e.menu.items.map((e) => {
+							let n = e.icon;
+							return /* @__PURE__ */ C(t, {
 								disabled: e.disabled,
 								onClick: e.onSelect,
-								children: [t ? /* @__PURE__ */ y(t, { className: "ttw:size-4" }) : null, e.label]
+								children: [n ? /* @__PURE__ */ S(n, { className: "ttw:size-4" }) : null, e.label]
 							}, e.id);
 						}) }) : void 0,
-						filterComponent: $e,
-						children: P ? /* @__PURE__ */ y(u, {
-							title: Y.filteredEmptyTitle,
-							description: Y.filteredEmptyDescription
-						}) : F ? /* @__PURE__ */ y(u, {
-							title: F.title,
-							description: F.description
+						filterComponent: qe,
+						children: L ? /* @__PURE__ */ S(m, {
+							title: Z.filteredEmptyTitle,
+							description: Z.filteredEmptyDescription
+						}) : R ? /* @__PURE__ */ S(m, {
+							title: R.title,
+							description: R.description
 						}) : void 0
-					}), He ? /* @__PURE__ */ y("div", {
+					}), Le ? /* @__PURE__ */ S("div", {
 						className: "ttw:pointer-events-none ttw:absolute ttw:inset-0 ttw:z-20 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-xl ttw:border-2 ttw:border-dashed ttw:border-primary ttw:bg-background/85 ttw:backdrop-blur-[1px]",
-						children: /* @__PURE__ */ b("div", {
+						children: /* @__PURE__ */ C("div", {
 							className: "ttw:flex ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:border ttw:bg-card ttw:px-4 ttw:py-3 ttw:shadow-sm",
-							children: [/* @__PURE__ */ y(xe, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ S(_e, { className: "ttw:size-5 ttw:text-muted-foreground" }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 								className: "ttw:text-sm ttw:font-medium",
-								children: Y.tableDropzoneTitle
-							}), /* @__PURE__ */ y("p", {
+								children: Z.tableDropzoneTitle
+							}), /* @__PURE__ */ S("p", {
 								className: "ttw:text-xs ttw:text-muted-foreground",
-								children: B === void 0 ? Y.addBill.dropzone.fileTypesHint : `${Y.addBill.dropzone.fileTypesHint} · ${Y.addBill.dropzone.fileCountHint(B)}`
+								children: U === void 0 ? Z.addBill.dropzone.fileTypesHint : `${Z.addBill.dropzone.fileTypesHint} · ${Z.addBill.dropzone.fileCountHint(U)}`
 							})] })]
 						})
 					}) : null]
 				});
-				return k.map((t) => /* @__PURE__ */ y(re, {
+				return Ae.map((t) => /* @__PURE__ */ S(s, {
 					value: t.id,
-					children: t.id === A ? e : null
+					children: t.id === N ? e : null
 				}, t.id));
 			})()]
 		})]
 	});
 }
 //#endregion
-export { C as BillsScreen, C as default, ke as DEFAULT_BILL_COLUMNS };
+export { D as BillsScreen, D as default, E as DEFAULT_BILL_COLUMNS };