@tesouro/embedded-components-react 0.3.19 → 0.3.20

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js

@@ -1,285 +1,12 @@
-import { Alert as e, AlertTitle as t, Button as n, DataTable as r, DataTableSortableHeader as i, Input as a, Tabs as ee, TabsContent as te, TabsList as ne, TabsTrigger as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as s } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { AddBillPanel as l } from "./index7.js";
-import "./index8.js";
-import { BillStatusBadge as re } from "./index20.js";
-import "./index21.js";
-import { MissingValue as u } from "./index50.js";
-import "./index51.js";
-import { BILLS_SCREEN_LABELS_EN as d, BILLS_SCREEN_UPLOAD_ACCEPT as f } from "./index52.js";
-import { BillDuplicateBadge as ie } from "./index54.js";
-import "./index55.js";
-import { BillColumn as p } from "./index59.js";
-import { useMemo as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ChevronRightIcon as _, CopyX as v, PlusIcon as y, SearchIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index60.js
-var ae = [
-	10,
-	25,
-	50,
-	100
-], oe = [
-	p.Vendor,
-	p.DueDate,
-	p.ScheduledDate,
-	p.PaidDate,
-	p.Status,
-	p.AmountDue,
-	p.AmountScheduled,
-	p.AmountPaid,
-	p.AddedOn
-], x = [
-	p.Vendor,
-	p.DueDate,
-	p.Status,
-	p.AmountDue,
-	p.AddedOn
-];
-function S({ rows: S, isLoading: C, isError: w, sorting: se, onSortingChange: ce, pageSize: le, onPageSizeChange: ue, pageSizeOptions: T = ae, pageInfo: de, hasNextPage: E, hasPrevPage: D, onNextPage: O, onPrevPage: k, filterTabs: A, selectedFilterTabId: j, onFilterTabChange: M, searchValue: N, onSearchChange: P, visibleColumns: F = x, cellTestIds: I, isSearchActive: L, showAddPanelWhenEmpty: R, emptyState: z, onCreateClick: B, onRetry: V, onFilesSelected: H, maxFiles: U, onEnterManually: W, uploadStatus: G, uploadErrorMessage: K, emailAddress: q, onCopyEmail: J, labels: Y, duplicateWarning: X, onReviewDuplicates: Z }) {
-	let Q = m(() => ({
-		...d,
-		...Y,
-		statusBadge: {
-			...d.statusBadge,
-			...Y?.statusBadge
-		},
-		addBill: {
-			...d.addBill,
-			...Y?.addBill,
-			dropzone: {
-				...d.addBill.dropzone,
-				...Y?.addBill?.dropzone
-			}
-		},
-		sortableHeader: {
-			...d.sortableHeader,
-			...Y?.sortableHeader
-		},
-		missingValue: {
-			...d.missingValue,
-			...Y?.missingValue
-		}
-	}), [Y]), $ = m(() => {
-		let e = (e) => function({ column: t }) {
-			return /* @__PURE__ */ h(i, {
-				column: t,
-				title: e,
-				labels: Q.sortableHeader
-			});
-		}, t = (e, t) => function({ row: n }) {
-			return /* @__PURE__ */ h("span", {
-				"data-testid": I?.[t],
-				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue })
-			});
-		}, n = (e, t) => function({ row: n }) {
-			return /* @__PURE__ */ h("div", {
-				className: "ttw:text-right",
-				"data-testid": I?.[t],
-				children: n.original[e] || /* @__PURE__ */ h(u, { labels: Q.missingValue })
-			});
-		}, r = (e) => function() {
-			return /* @__PURE__ */ h("div", {
-				className: "ttw:text-right",
-				children: e
-			});
-		};
-		return {
-			[p.Vendor]: {
-				accessorKey: "vendorLabel",
-				enableSorting: !0,
-				header: e(Q.columnVendor),
-				cell: t("vendorLabel", p.Vendor)
-			},
-			[p.DueDate]: {
-				accessorKey: "dueDateLabel",
-				enableSorting: !0,
-				header: e(Q.columnDueDate),
-				cell: t("dueDateLabel", p.DueDate)
-			},
-			[p.ScheduledDate]: {
-				accessorKey: "scheduledDateLabel",
-				enableSorting: !0,
-				header: e(Q.columnScheduledDate),
-				cell: t("scheduledDateLabel", p.ScheduledDate)
-			},
-			[p.PaidDate]: {
-				accessorKey: "paidDateLabel",
-				enableSorting: !1,
-				header: Q.columnPaidDate,
-				cell: t("paidDateLabel", p.PaidDate)
-			},
-			[p.Status]: {
-				accessorKey: "status",
-				enableSorting: !1,
-				header: Q.columnStatus,
-				cell: ({ row: e }) => /* @__PURE__ */ g("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1",
-					"data-testid": I?.[p.Status],
-					children: [/* @__PURE__ */ h(re, {
-						status: e.original.status,
-						tone: e.original.statusTone,
-						labels: Q.statusBadge
-					}), e.original.duplicateBadge ? /* @__PURE__ */ h(ie, { ...e.original.duplicateBadge }) : null]
-				})
-			},
-			[p.AmountDue]: {
-				accessorKey: "amountDueLabel",
-				enableSorting: !1,
-				header: r(Q.columnAmountDue),
-				cell: n("amountDueLabel", p.AmountDue)
-			},
-			[p.AmountScheduled]: {
-				accessorKey: "amountScheduledLabel",
-				enableSorting: !1,
-				header: r(Q.columnAmountScheduled),
-				cell: n("amountScheduledLabel", p.AmountScheduled)
-			},
-			[p.AmountPaid]: {
-				accessorKey: "amountPaidLabel",
-				enableSorting: !1,
-				header: r(Q.columnAmountPaid),
-				cell: n("amountPaidLabel", p.AmountPaid)
-			},
-			[p.AddedOn]: {
-				accessorKey: "addedOnLabel",
-				enableSorting: !0,
-				header: e(Q.columnAddedOn),
-				cell: t("addedOnLabel", p.AddedOn)
-			}
-		};
-	}, [Q, I]), fe = m(() => [...oe.filter((e) => F.includes(e)).map((e) => $[e]), {
-		id: "actions",
-		enableSorting: !1,
-		header: () => /* @__PURE__ */ h("span", {
-			className: "ttw:sr-only",
-			children: Q.columnActions
-		}),
-		cell: ({ row: e }) => /* @__PURE__ */ h("div", {
-			className: "ttw:flex ttw:justify-end",
-			children: /* @__PURE__ */ h(n, {
-				variant: "ghost",
-				size: "icon",
-				"aria-label": Q.openRow(e.original.vendorLabel || Q.missingValue.missing),
-				onClick: (t) => {
-					t.stopPropagation(), e.original.onOpen();
-				},
-				children: /* @__PURE__ */ h(_, { className: "ttw:size-4" })
-			})
-		})
-	}], [
-		$,
-		Q,
-		F
-	]), pe = !!(B && H) && !C && !w && !L && S.length === 0 && R === !0, me = /* @__PURE__ */ h("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: /* @__PURE__ */ g("div", {
-			className: "ttw:relative ttw:w-80",
-			children: [/* @__PURE__ */ h(b, { 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__ */ h(a, {
-				className: "ttw:pl-9",
-				type: "search",
-				"aria-label": Q.searchLabel,
-				placeholder: Q.searchPlaceholder,
-				value: N,
-				onChange: (e) => P(e.target.value)
-			})]
-		})
-	});
-	return /* @__PURE__ */ g("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [X ? /* @__PURE__ */ g(e, {
-			className: "ttw:[&>svg]:size-6 ttw:flex ttw:items-center ttw:bg-amber-50 ttw:text-amber-700 ttw:border-amber-300",
-			children: [
-				/* @__PURE__ */ h(v, {}),
-				/* @__PURE__ */ h(t, {
-					className: "ttw:flex-1",
-					children: X
-				}),
-				Z ? /* @__PURE__ */ h(n, {
-					type: "button",
-					variant: "outline",
-					className: "ttw:text-foreground",
-					onClick: Z,
-					children: Q.duplicateBillsReviewButton
-				}) : null
-			]
-		}) : null, /* @__PURE__ */ g(ee, {
-			value: j,
-			onValueChange: M,
-			className: "ttw:flex ttw:flex-col ttw:gap-4",
-			children: [/* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-				children: [/* @__PURE__ */ h(ne, {
-					"aria-label": Q.filterTabsLabel,
-					children: A.map((e) => /* @__PURE__ */ g(o, {
-						value: e.id,
-						className: "ttw:min-w-28",
-						children: [e.icon, e.label]
-					}, e.id))
-				}), B ? /* @__PURE__ */ g(n, {
-					onClick: B,
-					children: [/* @__PURE__ */ h(y, { className: "ttw:size-4" }), Q.createButton]
-				}) : null]
-			}), (() => {
-				let e = w ? /* @__PURE__ */ h(c, {
-					title: Q.errorTitle,
-					description: Q.errorDescription,
-					retryLabel: V ? Q.errorRetry : void 0,
-					onRetry: V
-				}) : pe && B && H ? /* @__PURE__ */ h("div", {
-					className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-					children: q && J ? /* @__PURE__ */ h(l, {
-						emailAddress: q,
-						onCopyEmail: J,
-						onFilesSelected: H,
-						accept: f,
-						maxFiles: U,
-						uploadStatus: G,
-						uploadErrorMessage: K,
-						onEnterManually: W ?? B,
-						labels: Q.addBill
-					}) : /* @__PURE__ */ h(l, {
-						onFilesSelected: H,
-						accept: f,
-						maxFiles: U,
-						uploadStatus: G,
-						uploadErrorMessage: K,
-						onEnterManually: W ?? B,
-						labels: Q.addBill
-					})
-				}) : /* @__PURE__ */ h(r, {
-					columns: fe,
-					data: S,
-					isLoading: C,
-					sorting: se,
-					onSortingChange: ce,
-					pageSize: le,
-					onPageSizeChange: ue,
-					pageSizeOptions: T,
-					pageInfo: de,
-					hasNextPage: E,
-					hasPrevPage: D,
-					onNextPage: O,
-					onPrevPage: k,
-					onRowClick: (e) => e.onOpen(),
-					filterComponent: me,
-					children: L ? /* @__PURE__ */ h(s, {
-						title: Q.filteredEmptyTitle,
-						description: Q.filteredEmptyDescription
-					}) : z ? /* @__PURE__ */ h(s, {
-						title: z.title,
-						description: z.description
-					}) : void 0
-				});
-				return A.map((t) => /* @__PURE__ */ h(te, {
-					value: t.id,
-					children: t.id === j ? e : null
-				}, t.id));
-			})()]
-		})]
-	});
-}
+var e = {
+	Vendor: "vendor",
+	IssueDate: "issueDate",
+	DueDate: "dueDate",
+	Status: "status",
+	TotalAmount: "totalAmount",
+	AddedOn: "addedOn",
+	Attachment: "attachment"
+};
 //#endregion
-export { S as BillsScreen, S as default, x as DEFAULT_BILL_COLUMNS };
+export { e as BillsFilterField };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js

@@ -1,10 +1,201 @@
+import { AmountFilter as e, DateRangePicker as t, FilterBar as n, FilterMenuButton as r, FilterTag as ee, Input as te, MultiSelectFilter as i, Popover as a, PopoverContent as o, PopoverTrigger as s, RadioGroup as c, RadioGroupItem as l, useFilterPanel as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BILLS_FILTER_BAR_LABELS_EN as d } from "./index59.js";
+import { BillsFilterField as f } from "./index60.js";
+import { useMemo as ne } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ListFilterIcon as h } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index61.js
-var e = {
-	collapse: "Collapse upload status",
-	expand: "Expand upload status",
-	close: "Close upload status",
-	statusLabel: (e) => e === "uploading" ? "Uploading" : e === "ready" ? "Ready" : "Failed",
-	openItem: (e) => `Open ${e}`
-};
+var g = {
+	date: "ttw:w-auto",
+	status: "ttw:w-56",
+	amount: "ttw:w-64",
+	vendor: "ttw:w-64",
+	attachment: "ttw:w-56"
+}, _ = {
+	[f.Vendor]: "vendor",
+	[f.IssueDate]: "date",
+	[f.DueDate]: "date",
+	[f.Status]: "status",
+	[f.TotalAmount]: "amount",
+	[f.AddedOn]: "date",
+	[f.Attachment]: "attachment"
+}, v = [
+	f.IssueDate,
+	f.DueDate,
+	f.AddedOn
+];
+function y({ fields: f, activeFilterCount: y, chips: b, onRemoveChip: x, onClearAll: S, dateField: C, onDateFieldChange: w, datePresets: T, selectedDatePreset: E, dateFrom: D, dateTo: O, onDateRangeChange: k, onDatePresetChange: A, statusOptions: j, selectedStatuses: M, onStatusChange: N, amountMode: P, onAmountModeChange: F, amountMin: I, amountMax: L, onAmountMinChange: re, onAmountMaxChange: R, vendorOptions: z, selectedVendors: B, onVendorChange: V, vendorSearchValue: H, onVendorSearchChange: U, isVendorLoading: W, isVendorError: G, hasAttachment: K, onHasAttachmentChange: q, searchSlot: J, testIds: Y, labels: X, className: ie }) {
+	let Z = ne(() => ({
+		...d,
+		...X,
+		fields: {
+			...d.fields,
+			...X?.fields
+		},
+		filterMenuButton: {
+			...d.filterMenuButton,
+			...X?.filterMenuButton
+		},
+		filterTag: {
+			...d.filterTag,
+			...X?.filterTag
+		},
+		amountFilter: {
+			...d.amountFilter,
+			...X?.amountFilter
+		},
+		dateRangePicker: {
+			...d.dateRangePicker,
+			...X?.dateRangePicker
+		}
+	}), [X]), Q = u(), $ = Q.activePanelId, ae = Q.isMenuOpen || !!$, oe = ($ && g[$]) ?? "ttw:w-52", se = (e) => {
+		$ && e.preventDefault(), Q.toggleMenu();
+	}, ce = (e) => {
+		e || (Q.closeMenu(), Q.closePanel());
+	}, le = (e) => {
+		v.includes(e) && w(e), Q.openPanel(_[e]);
+	}, ue = K === void 0 ? "any" : K ? "has" : "none", de = (e) => {
+		q(e === "any" ? void 0 : e === "has");
+	};
+	return /* @__PURE__ */ p(n, {
+		className: ie,
+		searchSlot: J,
+		menuSlot: /* @__PURE__ */ m(a, {
+			open: ae,
+			onOpenChange: ce,
+			children: [/* @__PURE__ */ p(s, {
+				asChild: !0,
+				children: /* @__PURE__ */ p(r, {
+					size: "md",
+					activeCount: y,
+					onClick: se,
+					labels: Z.filterMenuButton,
+					"data-testid": Y?.menuButton
+				})
+			}), /* @__PURE__ */ m(o, {
+				align: "start",
+				className: `ttw:p-0 ${oe}`,
+				children: [
+					Q.isMenuOpen ? /* @__PURE__ */ p("div", {
+						className: "ttw:p-1",
+						role: "menu",
+						"aria-label": Z.fieldMenuLabel,
+						children: f.map((e) => /* @__PURE__ */ m("button", {
+							type: "button",
+							role: "menuitem",
+							className: "ttw:flex ttw:w-full ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-md ttw:px-2 ttw:py-1.5 ttw:text-xs ttw:font-medium ttw:transition-colors ttw:hover:bg-accent",
+							onClick: () => le(e),
+							children: [/* @__PURE__ */ p(h, {
+								className: "ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground",
+								"aria-hidden": !0
+							}), Z.fields[e]]
+						}, e))
+					}) : null,
+					$ === "date" ? /* @__PURE__ */ p(t, {
+						from: D,
+						to: O,
+						onRangeChange: k,
+						selectedPreset: E,
+						onPresetChange: A,
+						presets: [...T],
+						labels: {
+							...Z.dateRangePicker,
+							fieldLabel: Z.fields[C]
+						}
+					}) : null,
+					$ === "status" ? /* @__PURE__ */ p(i, {
+						options: [...j],
+						selectedValues: [...M],
+						onSelectionChange: N
+					}) : null,
+					$ === "amount" ? /* @__PURE__ */ p(e, {
+						mode: P,
+						onModeChange: F,
+						min: I,
+						max: L,
+						onMinChange: re,
+						onMaxChange: R,
+						showFlowDirection: !1,
+						labels: {
+							...Z.amountFilter,
+							min: Z.amountMin,
+							max: Z.amountMax
+						}
+					}) : null,
+					$ === "vendor" ? /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:p-3",
+						children: [/* @__PURE__ */ p(te, {
+							type: "search",
+							className: "ttw:h-8 ttw:text-xs",
+							"aria-label": Z.vendorSearchLabel,
+							placeholder: Z.vendorSearchPlaceholder,
+							value: H,
+							onChange: (e) => U(e.target.value)
+						}), W ? /* @__PURE__ */ p("p", {
+							className: "ttw:px-1 ttw:text-xs ttw:text-muted-foreground",
+							children: Z.vendorLoading
+						}) : G ? /* @__PURE__ */ p("p", {
+							className: "ttw:px-1 ttw:text-xs ttw:text-destructive",
+							children: Z.vendorError
+						}) : z.length === 0 ? /* @__PURE__ */ p("p", {
+							className: "ttw:px-1 ttw:text-xs ttw:text-muted-foreground",
+							children: Z.vendorEmpty
+						}) : /* @__PURE__ */ p(i, {
+							options: [...z],
+							selectedValues: [...B],
+							onSelectionChange: V
+						})]
+					}) : null,
+					$ === "attachment" ? /* @__PURE__ */ p("div", {
+						className: "ttw:p-3",
+						children: /* @__PURE__ */ p(c, {
+							value: ue,
+							onValueChange: de,
+							"aria-label": Z.attachmentLabel,
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [
+								{
+									value: "any",
+									label: Z.attachmentAny
+								},
+								{
+									value: "has",
+									label: Z.attachmentHas
+								},
+								{
+									value: "none",
+									label: Z.attachmentNone
+								}
+							].map(({ value: e, label: t }) => /* @__PURE__ */ m("label", {
+								className: "ttw:flex ttw:cursor-pointer ttw:items-center ttw:gap-2",
+								children: [/* @__PURE__ */ p(l, { value: e }), /* @__PURE__ */ p("span", {
+									className: "ttw:text-xs ttw:font-medium",
+									children: t
+								})]
+							}, e))
+						})
+					}) : null
+				]
+			})]
+		}),
+		activeChipsSlot: /* @__PURE__ */ m("span", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2",
+			"data-testid": Y?.chips,
+			children: [b.map((e) => /* @__PURE__ */ p(ee, {
+				label: e.label,
+				labels: Z.filterTag,
+				onDismiss: () => x(e.key)
+			}, e.key)), b.length > 0 ? /* @__PURE__ */ p("button", {
+				type: "button",
+				className: "ttw:cursor-pointer ttw:whitespace-nowrap ttw:text-xs ttw:text-muted-foreground ttw:transition-colors ttw:hover:text-foreground",
+				onClick: S,
+				children: Z.clearAll
+			}) : null]
+		})
+	});
+}
+function b(e) {
+	return /* @__PURE__ */ p(y, { ...e }, e.fields.join("|"));
+}
 //#endregion
-export { e as BILL_UPLOAD_STATUS_TRAY_LABELS_EN };
+export { b as BillsFilterBar, b as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js

@@ -1,8 +1,3 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index62.js
-var e = {
-	uploading: "ttw:text-muted-foreground",
-	ready: "ttw:text-emerald-600",
-	failed: "ttw:text-destructive"
-};
-//#endregion
-export { e as UPLOAD_ITEM_ICON_TONE };
+import "./index59.js";
+import "./index60.js";
+import "./index61.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js

@@ -1,93 +1,16 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { BILL_UPLOAD_STATUS_TRAY_LABELS_EN as t } from "./index61.js";
-import { UPLOAD_ITEM_ICON_TONE as n } from "./index62.js";
-import { useId as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CheckCircle2 as s, ChevronDown as c, ChevronRight as l, ChevronUp as u, Loader2 as d, X as f, XCircle as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index63.js
-function m({ status: t }) {
-	let r = e("ttw:size-4", n[t]);
-	return t === "uploading" ? /* @__PURE__ */ a(d, {
-		"aria-hidden": !0,
-		className: e(r, "ttw:animate-spin")
-	}) : a(t === "ready" ? s : p, {
-		"aria-hidden": !0,
-		className: r
-	});
-}
-function h({ item: t, labels: n }) {
-	let s = r(), c = /* @__PURE__ */ o(i, { children: [
-		/* @__PURE__ */ a(m, { status: t.status }),
-		/* @__PURE__ */ a("span", {
-			id: s,
-			className: "ttw:sr-only",
-			children: n.statusLabel(t.status)
-		}),
-		/* @__PURE__ */ a("span", {
-			className: "ttw:flex-1 ttw:truncate ttw:text-left ttw:text-sm ttw:text-foreground",
-			children: t.fileName
-		}),
-		t.onOpen ? /* @__PURE__ */ a(l, {
-			"aria-hidden": !0,
-			className: "ttw:size-4"
-		}) : null
-	] }), u = "ttw:flex ttw:items-center ttw:gap-3 ttw:px-4 ttw:py-2.5";
-	return t.onOpen ? /* @__PURE__ */ a("button", {
-		type: "button",
-		onClick: t.onOpen,
-		"aria-describedby": s,
-		"aria-label": n.openItem(t.fileName),
-		className: e(u, "ttw:w-full ttw:text-muted-foreground ttw:transition-colors ttw:hover:bg-muted/50 ttw:hover:text-foreground"),
-		children: c
-	}) : /* @__PURE__ */ a("div", {
-		"aria-describedby": s,
-		className: u,
-		children: c
-	});
-}
-function g({ sections: e, summaryLabel: n, collapsed: r, onToggleCollapsed: i, onClose: s, testId: l, labels: d }) {
-	let p = {
-		...t,
-		...d
-	};
-	return /* @__PURE__ */ o("div", {
-		className: "ttw:fixed ttw:right-4 ttw:bottom-4 ttw:z-50 ttw:w-96 ttw:max-w-[calc(100vw-2rem)] ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-		"data-testid": l,
-		children: [/* @__PURE__ */ o("div", {
-			className: "ttw:flex ttw:items-center ttw:gap-2 ttw:border-b ttw:border-border ttw:bg-muted/40 ttw:px-4 ttw:py-3",
-			children: [
-				/* @__PURE__ */ a("span", {
-					"aria-live": "polite",
-					className: "ttw:flex-1 ttw:text-base ttw:font-semibold ttw:text-foreground",
-					children: n
-				}),
-				/* @__PURE__ */ a("button", {
-					type: "button",
-					onClick: i,
-					"aria-label": r ? p.expand : p.collapse,
-					"aria-expanded": !r,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: a(r ? u : c, { className: "ttw:size-4" })
-				}),
-				/* @__PURE__ */ a("button", {
-					type: "button",
-					onClick: s,
-					"aria-label": p.close,
-					className: "ttw:text-muted-foreground ttw:hover:text-foreground",
-					children: /* @__PURE__ */ a(f, { className: "ttw:size-4" })
-				})
-			]
-		}), r ? null : /* @__PURE__ */ a("div", {
-			className: "ttw:max-h-96 ttw:overflow-y-auto",
-			children: e.map((e) => /* @__PURE__ */ o("div", { children: [e.caption ? /* @__PURE__ */ a("p", {
-				className: "ttw:px-4 ttw:pt-3 ttw:pb-1 ttw:text-xs ttw:text-muted-foreground",
-				children: e.caption
-			}) : null, e.items.map((e) => /* @__PURE__ */ a(h, {
-				item: e,
-				labels: p
-			}, e.id))] }, e.id))
-		})]
-	});
-}
+var e = {
+	Vendor: "vendor",
+	IssueDate: "issueDate",
+	DueDate: "dueDate",
+	ScheduledDate: "scheduledDate",
+	PaidDate: "paidDate",
+	Status: "status",
+	AmountDue: "amountDue",
+	AmountScheduled: "amountScheduled",
+	AmountPaid: "amountPaid",
+	TotalAmount: "totalAmount",
+	AddedOn: "addedOn"
+};
 //#endregion
-export { g as BillUploadStatusTray, g as default };
+export { e as BillColumn };