admin-ui-starter-kit 0.4.5 → 0.6.1

package/dist/components/composed/data-display/index.js

@@ -1,1095 +1,2 @@
-import { mergeStrings as e, useStrings as t } from "../../../lib/strings.js";
-import { u as n } from "../../../_shared/ui-provider-C8Ot88lS.js";
-import { cn as r } from "../../../lib/utils.js";
-import { n as i, t as a } from "../../../_shared/heading-HeP06nXG.js";
-import { t as o } from "../../../_shared/icon-badge-zTBVtgt9.js";
-import { t as s } from "../../../_shared/badge-6WYAMJwA.js";
-import { t as c } from "../../../_shared/smart-card-thLb85Ih.js";
-import { t as l } from "../../../_shared/separator-B8FBp-7E.js";
-import { i as u } from "../../../_shared/display-NBtWdAMl.js";
-import { c as d, l as f, n as p, o as m, r as h, t as g, u as _ } from "../../../_shared/item-DAjqQhhj.js";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { BarChart3 as x, Calendar as S, FolderOpen as C, Package as w } from "lucide-react";
-//#region src/components/composed/data-display/invoice-items/invoice-items.tsx
-function T({ items: e, subtotal: t, tax: n, discount: a, total: o, className: c }) {
-	return /* @__PURE__ */ b("div", {
-		className: r("invoice-items--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm", c),
-		children: [
-			/* @__PURE__ */ b("div", {
-				className: "grid grid-cols-[1fr_72px_96px_96px] gap-3 bg-muted/40 px-4 py-3",
-				children: [
-					/* @__PURE__ */ y(i, {
-						size: "xs",
-						type: "secondary",
-						weight: "medium",
-						children: "Item"
-					}),
-					/* @__PURE__ */ y(i, {
-						size: "xs",
-						type: "secondary",
-						weight: "medium",
-						align: "center",
-						children: "Qty"
-					}),
-					/* @__PURE__ */ y(i, {
-						size: "xs",
-						type: "secondary",
-						weight: "medium",
-						align: "right",
-						children: "Price"
-					}),
-					/* @__PURE__ */ y(i, {
-						size: "xs",
-						type: "secondary",
-						weight: "medium",
-						align: "right",
-						children: "Total"
-					})
-				]
-			}),
-			e.map((t, n) => /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
-				className: "grid grid-cols-[1fr_72px_96px_96px] items-center gap-3 px-4 py-3",
-				children: [
-					/* @__PURE__ */ b("div", {
-						className: "flex flex-col gap-0.5",
-						children: [/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(i, {
-								weight: "medium",
-								children: t.title
-							}), !!t.badge && /* @__PURE__ */ y(s, {
-								variant: t.badgeVariant ?? "secondary",
-								children: t.badge
-							})]
-						}), !!t.description && /* @__PURE__ */ y(i, {
-							size: "xs",
-							type: "secondary",
-							className: "line-clamp-1",
-							children: t.description
-						})]
-					}),
-					/* @__PURE__ */ y(i, {
-						align: "center",
-						type: "secondary",
-						className: "tabular-nums",
-						children: t.quantity ?? 1
-					}),
-					/* @__PURE__ */ y(i, {
-						align: "right",
-						className: "tabular-nums",
-						children: t.unitPrice ?? t.total
-					}),
-					/* @__PURE__ */ y(i, {
-						align: "right",
-						weight: "semibold",
-						className: "tabular-nums",
-						children: t.total
-					})
-				]
-			}), n < e.length - 1 && /* @__PURE__ */ y(l, { className: "mx-4 !w-auto" })] }, t.id)),
-			!!(t || n || a || o) && /* @__PURE__ */ b("div", {
-				className: "space-y-2 border-t border-border bg-muted/30 px-4 py-3",
-				children: [
-					!!t && /* @__PURE__ */ y(u, {
-						label: "Subtotal",
-						value: t,
-						mono: !0,
-						labelClassName: "text-sm",
-						valueClassName: "text-sm"
-					}),
-					!!a && /* @__PURE__ */ y(u, {
-						label: "Discount",
-						value: `-${a}`,
-						mono: !0,
-						labelClassName: "text-sm",
-						valueClassName: "text-sm text-success"
-					}),
-					!!n && /* @__PURE__ */ y(u, {
-						label: "Tax",
-						value: n,
-						mono: !0,
-						labelClassName: "text-sm",
-						valueClassName: "text-sm"
-					}),
-					!!o && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y(u, {
-						className: "pt-1",
-						label: "Total",
-						value: /* @__PURE__ */ y(i, {
-							weight: "semibold",
-							className: "tabular-nums",
-							children: o
-						}),
-						labelClassName: "text-sm font-semibold"
-					})] })
-				]
-			})
-		]
-	});
-}
-function E({ items: e, total: t, className: n }) {
-	return /* @__PURE__ */ b("div", {
-		className: r("invoice-items--component", "w-full min-w-0 max-w-full space-y-2", n),
-		children: [/* @__PURE__ */ y(m, {
-			className: "min-w-0 max-w-full",
-			children: e.map((e) => /* @__PURE__ */ b(g, {
-				className: "min-w-0 bg-card shadow-sm",
-				children: [
-					/* @__PURE__ */ y(d, { children: /* @__PURE__ */ y(o, {
-						tone: "muted",
-						size: "sm",
-						shape: "square",
-						children: e.icon ?? /* @__PURE__ */ y(w, {})
-					}) }),
-					/* @__PURE__ */ b(h, {
-						className: "min-w-0 basis-0",
-						children: [/* @__PURE__ */ y(_, {
-							className: "w-full min-w-0 max-w-full",
-							children: /* @__PURE__ */ y("span", {
-								className: "block min-w-0 truncate",
-								children: e.title
-							})
-						}), !!(e.description || e.badge) && /* @__PURE__ */ b("div", {
-							className: "flex min-w-0 items-center gap-1.5",
-							children: [!!e.badge && /* @__PURE__ */ y(s, {
-								variant: e.badgeVariant ?? "secondary",
-								className: "shrink-0",
-								children: e.badge
-							}), !!e.description && /* @__PURE__ */ y(i, {
-								size: "xs",
-								type: "secondary",
-								className: "min-w-0 truncate",
-								children: e.description
-							})]
-						})]
-					}),
-					/* @__PURE__ */ b(p, {
-						className: "ml-auto min-w-0 shrink-0 justify-end",
-						children: [!!e.quantity && e.quantity > 1 && /* @__PURE__ */ b(i, {
-							size: "xs",
-							type: "secondary",
-							className: "shrink-0 tabular-nums",
-							children: ["x", e.quantity]
-						}), /* @__PURE__ */ y(i, {
-							weight: "semibold",
-							align: "right",
-							className: "shrink-0 tabular-nums",
-							children: e.total
-						})]
-					})
-				]
-			}, e.id))
-		}), !!t && /* @__PURE__ */ y(u, {
-			className: "rounded-lg border border-border bg-muted/30 px-4 py-2.5",
-			label: "Total",
-			value: /* @__PURE__ */ y(i, {
-				weight: "semibold",
-				className: "tabular-nums",
-				children: t
-			}),
-			labelClassName: "text-sm font-semibold"
-		})]
-	});
-}
-function D({ items: e, subtotal: t, tax: n, discount: a, total: o, className: c }) {
-	return /* @__PURE__ */ b("div", {
-		className: r("invoice-items--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm", c),
-		children: [/* @__PURE__ */ y("div", {
-			className: "divide-y divide-border",
-			children: e.map((e) => /* @__PURE__ */ y("div", {
-				className: "px-4 py-3",
-				children: /* @__PURE__ */ b("div", {
-					className: "flex items-start justify-between gap-4",
-					children: [/* @__PURE__ */ b("div", {
-						className: "flex items-start gap-3 flex-1 min-w-0",
-						children: [/* @__PURE__ */ y("div", {
-							className: "mt-0.5 flex size-9 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary",
-							children: e.icon ?? /* @__PURE__ */ y(w, { className: "size-4" })
-						}), /* @__PURE__ */ b("div", {
-							className: "flex-1 min-w-0 space-y-1",
-							children: [
-								/* @__PURE__ */ b("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ y(i, {
-										weight: "semibold",
-										children: e.title
-									}), !!e.badge && /* @__PURE__ */ y(s, {
-										variant: e.badgeVariant ?? "secondary",
-										children: e.badge
-									})]
-								}),
-								!!e.description && /* @__PURE__ */ y(i, {
-									size: "xs",
-									type: "secondary",
-									className: "line-clamp-2",
-									children: e.description
-								}),
-								/* @__PURE__ */ b("div", {
-									className: "flex items-center gap-3 pt-0.5",
-									children: [!!e.quantity && /* @__PURE__ */ b(i, {
-										size: "xs",
-										type: "discrete",
-										children: ["Qty: ", e.quantity]
-									}), !!e.unitPrice && /* @__PURE__ */ b(i, {
-										size: "xs",
-										type: "discrete",
-										className: "tabular-nums",
-										children: ["@ ", e.unitPrice]
-									})]
-								})
-							]
-						})]
-					}), /* @__PURE__ */ y("div", {
-						className: "flex flex-col items-end gap-1 shrink-0",
-						children: /* @__PURE__ */ y(i, {
-							weight: "semibold",
-							className: "tabular-nums",
-							children: e.total
-						})
-					})]
-				})
-			}, e.id))
-		}), !!o && /* @__PURE__ */ y("div", {
-			className: "border-t border-border bg-muted/30 px-4 py-3",
-			children: /* @__PURE__ */ b("div", {
-				className: "space-y-2",
-				children: [
-					!!t && /* @__PURE__ */ y(u, {
-						label: "Subtotal",
-						value: t,
-						mono: !0,
-						labelClassName: "text-sm",
-						valueClassName: "text-sm"
-					}),
-					!!a && /* @__PURE__ */ y(u, {
-						label: "Discount",
-						value: `-${a}`,
-						mono: !0,
-						labelClassName: "text-sm",
-						valueClassName: "text-sm text-success"
-					}),
-					!!n && /* @__PURE__ */ y(u, {
-						label: "Tax (20%)",
-						value: n,
-						mono: !0,
-						labelClassName: "text-sm",
-						valueClassName: "text-sm"
-					}),
-					/* @__PURE__ */ y(l, {}),
-					/* @__PURE__ */ y(u, {
-						className: "pt-1",
-						label: "Total Due",
-						value: /* @__PURE__ */ y(i, {
-							weight: "semibold",
-							className: "tabular-nums",
-							children: o
-						}),
-						labelClassName: "text-sm font-semibold"
-					})
-				]
-			})
-		})]
-	});
-}
-T.displayName = "InvoiceItemsTable", E.displayName = "InvoiceItemsCompact", D.displayName = "InvoiceItemsDetailed";
-//#endregion
-//#region src/components/composed/data-display/invoice-mini/types.ts
-var O = {
-	paid: "Paid",
-	pending: "Pending",
-	overdue: "Overdue",
-	items: (e) => e === 1 ? "1 line item" : `${e} line items`,
-	due: "Due"
-}, k = {
-	paid: "success",
-	pending: "warning",
-	overdue: "error"
-}, A = {
-	paid: {
-		label: O.paid,
-		variant: "success"
-	},
-	pending: {
-		label: O.pending,
-		variant: "warning"
-	},
-	overdue: {
-		label: O.overdue,
-		variant: "error"
-	}
-};
-//#endregion
-//#region src/components/composed/data-display/invoice-mini/invoice-mini.tsx
-function j({ invoice: t, className: n, strings: a }) {
-	let o = e(O, a), l = {
-		paid: o.paid,
-		pending: o.pending,
-		overdue: o.overdue
-	};
-	return /* @__PURE__ */ y(c, {
-		padding: "sm",
-		className: r("invoice-mini--component min-w-0", n),
-		children: /* @__PURE__ */ b("div", {
-			className: "space-y-2",
-			children: [
-				/* @__PURE__ */ b("div", {
-					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ y(i, {
-						weight: "semibold",
-						className: "min-w-0 flex-1 truncate font-mono tracking-wide",
-						children: t.invoiceNumber
-					}), /* @__PURE__ */ y(s, {
-						variant: k[t.status],
-						size: "xs",
-						dot: !0,
-						className: "shrink-0",
-						children: l[t.status]
-					})]
-				}),
-				/* @__PURE__ */ y(i, {
-					type: "secondary",
-					className: "truncate",
-					children: t.customerName
-				}),
-				/* @__PURE__ */ b("div", {
-					className: "flex flex-wrap items-end justify-between gap-x-3 gap-y-1 pt-1",
-					children: [/* @__PURE__ */ b("div", {
-						className: "min-w-0 space-y-0.5",
-						children: [/* @__PURE__ */ y(i, {
-							size: "xs",
-							type: "secondary",
-							children: o.items(t.lineItemsCount)
-						}), /* @__PURE__ */ b(i, {
-							size: "xxs",
-							type: "discrete",
-							className: "whitespace-nowrap tabular-nums",
-							children: [
-								o.due,
-								" ",
-								t.dueDate
-							]
-						})]
-					}), /* @__PURE__ */ y(i, {
-						size: "base",
-						weight: "bold",
-						className: r("ml-auto shrink-0 tabular-nums leading-none"),
-						children: t.totalAmount
-					})]
-				})
-			]
-		})
-	});
-}
-j.displayName = "InvoiceMiniCard";
-//#endregion
-//#region src/components/composed/data-display/invoice-header/types.ts
-var M = {
-	title: "Invoice",
-	billFrom: "Bill From",
-	billTo: "Bill To",
-	issued: "Issued",
-	due: "Due",
-	amountDue: "Amount Due"
-};
-//#endregion
-//#region src/components/composed/data-display/invoice-header/invoice-header.tsx
-function N({ eyebrow: e, name: t, location: n }) {
-	return /* @__PURE__ */ b("div", {
-		className: r("invoice-header--component", "space-y-1"),
-		children: [
-			/* @__PURE__ */ y(i, {
-				size: "xxs",
-				type: "secondary",
-				weight: "medium",
-				className: "uppercase tracking-wider",
-				children: e
-			}),
-			/* @__PURE__ */ y(i, {
-				weight: "semibold",
-				className: "leading-snug",
-				children: t
-			}),
-			!!n && /* @__PURE__ */ y(i, {
-				size: "xs",
-				type: "secondary",
-				className: "leading-snug",
-				children: n
-			})
-		]
-	});
-}
-function P({ invoiceNumber: e, status: n, statusVariant: o = "success", from: d, to: f, issuedDate: p, dueDate: m, amount: h, className: g, strings: _ }) {
-	let v = t(M, _);
-	return /* @__PURE__ */ b(c, {
-		title: v.title,
-		className: g,
-		children: [
-			/* @__PURE__ */ b("div", {
-				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ y(i, {
-					weight: "bold",
-					className: "font-mono tracking-wide",
-					children: e
-				}), /* @__PURE__ */ y(s, {
-					variant: o,
-					children: n
-				})]
-			}),
-			/* @__PURE__ */ b("div", {
-				className: "mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6",
-				children: [/* @__PURE__ */ y(N, {
-					eyebrow: v.billFrom,
-					name: d.name,
-					location: d.location
-				}), /* @__PURE__ */ y(N, {
-					eyebrow: v.billTo,
-					name: f.name,
-					location: f.location
-				})]
-			}),
-			/* @__PURE__ */ y(l, { className: "my-5" }),
-			/* @__PURE__ */ b("div", {
-				className: "flex flex-wrap items-end justify-between gap-4",
-				children: [/* @__PURE__ */ b("div", {
-					className: "space-y-1",
-					children: [!!p && /* @__PURE__ */ y(u, {
-						layout: "inline",
-						label: v.issued,
-						value: p,
-						mono: !0,
-						labelClassName: "text-xxs uppercase tracking-wider font-medium",
-						valueClassName: "text-xs font-medium"
-					}), !!m && /* @__PURE__ */ y(u, {
-						layout: "inline",
-						label: v.due,
-						value: m,
-						mono: !0,
-						labelClassName: "text-xxs uppercase tracking-wider font-medium",
-						valueClassName: "text-xs font-medium"
-					})]
-				}), /* @__PURE__ */ b("div", {
-					className: "text-right",
-					children: [/* @__PURE__ */ y(i, {
-						size: "xxs",
-						type: "secondary",
-						weight: "medium",
-						className: "uppercase tracking-wider",
-						children: v.amountDue
-					}), /* @__PURE__ */ y(a, {
-						tag: "h3",
-						className: r("mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0"),
-						children: h
-					})]
-				})]
-			})
-		]
-	});
-}
-P.displayName = "InvoiceHeaderCard";
-//#endregion
-//#region src/components/composed/data-display/invoice-table/types.ts
-var F = {
-	subtotal: "Subtotal",
-	tax: "Tax",
-	total: "Total"
-}, I = "border border-border shadow-sm", L = {
-	left: "text-left justify-start",
-	right: "text-right justify-end",
-	center: "text-center justify-center"
-};
-function R(e) {
-	return [
-		{
-			id: "description",
-			header: "Item",
-			width: "minmax(0,1fr)",
-			cell: (e) => /* @__PURE__ */ y(i, {
-				className: "truncate",
-				children: e.description
-			})
-		},
-		{
-			id: "qty",
-			header: "Qty",
-			width: "36px",
-			align: "center",
-			cell: (e) => /* @__PURE__ */ y(i, {
-				align: "center",
-				className: "tabular-nums",
-				children: e.qty
-			})
-		},
-		{
-			id: "price",
-			header: "Price",
-			width: "82px",
-			align: "right",
-			cell: (t) => /* @__PURE__ */ b(i, {
-				className: "tabular-nums font-mono",
-				children: [e, t.price.toFixed(2)]
-			})
-		},
-		{
-			id: "total",
-			header: "Total",
-			width: "82px",
-			align: "right",
-			cell: (t) => /* @__PURE__ */ b(i, {
-				weight: "medium",
-				className: "tabular-nums font-mono",
-				children: [e, t.total.toFixed(2)]
-			})
-		}
-	];
-}
-function z(e, t, n, r) {
-	let i = e.reduce((e, t) => e + t.total, 0), a = Math.round(i * t * 100) / 100, o = Math.round(t * 100), s = i + a, c = (e) => `${n}${e.toFixed(2)}`;
-	return [
-		{
-			label: r.subtotal,
-			value: c(i)
-		},
-		{
-			label: `${r.tax} (${o}%)`,
-			value: c(a)
-		},
-		{
-			label: r.total,
-			value: c(s),
-			emphasis: "total"
-		}
-	];
-}
-function B({ items: e, columns: a, footerRows: o, taxRate: s = .2, currency: c, className: u, strings: d }) {
-	let f = t(F, d), { defaultCurrency: p } = n(), m = c ?? p ?? "€", h = a ?? R(m), g = o ?? (a ? [] : z(e, s, m, f)), _ = h.map((e) => e.width ?? "1fr").join(" ");
-	return /* @__PURE__ */ b("div", {
-		className: r("invoice-table--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg bg-card", I, u),
-		children: [
-			/* @__PURE__ */ y("div", {
-				className: "grid min-w-0 gap-2 bg-muted/40 px-4 py-3",
-				style: { gridTemplateColumns: _ },
-				children: h.map((e) => /* @__PURE__ */ y("div", {
-					className: r("flex min-w-0", L[e.align ?? "left"], e.headerClassName),
-					children: /* @__PURE__ */ y(i, {
-						size: "xs",
-						weight: "medium",
-						type: "secondary",
-						className: "min-w-0 truncate uppercase tracking-wider",
-						children: e.header
-					})
-				}, e.id))
-			}),
-			e.map((e, t) => /* @__PURE__ */ y("div", {
-				className: r("grid min-w-0 gap-2 px-4 py-3", t % 2 == 1 && "bg-muted/20"),
-				style: { gridTemplateColumns: _ },
-				children: h.map((n) => /* @__PURE__ */ y("div", {
-					className: r("flex min-w-0 items-center", L[n.align ?? "left"], n.cellClassName),
-					children: n.cell(e, t)
-				}, n.id))
-			}, t)),
-			g.length > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y("div", {
-				className: "space-y-2 px-4 py-3",
-				children: g.map((e, t) => /* @__PURE__ */ b("div", {
-					className: r("flex justify-between", e.emphasis === "total" && "pt-2"),
-					children: [/* @__PURE__ */ y(i, {
-						type: e.emphasis === "total" ? void 0 : "secondary",
-						weight: e.emphasis === "total" ? "bold" : "regular",
-						children: e.label
-					}), /* @__PURE__ */ y(i, {
-						weight: e.emphasis === "total" ? "bold" : "regular",
-						className: "tabular-nums font-mono",
-						children: e.value
-					})]
-				}, t))
-			})] })
-		]
-	});
-}
-B.displayName = "InvoiceTable";
-//#endregion
-//#region src/components/composed/data-display/dense-info-card/helpers.tsx
-function V({ value: e, max: t = 5, label: n }) {
-	return /* @__PURE__ */ b("div", {
-		className: r("helpers--component", "flex items-center gap-1"),
-		children: [Array.from({ length: t }, (t, n) => /* @__PURE__ */ y("div", { className: r("h-1.5 w-3 rounded-full", n < e ? "bg-foreground/60" : "bg-muted") }, n)), !!n && /* @__PURE__ */ y(i, {
-			size: "xs",
-			type: "secondary",
-			className: "ml-1",
-			children: n
-		})]
-	});
-}
-function H({ label: e, value: t, badge: n, badgeVariant: r }) {
-	return /* @__PURE__ */ b("div", {
-		className: "flex items-center justify-between gap-2",
-		children: [
-			/* @__PURE__ */ y(i, {
-				size: "xs",
-				className: "shrink-0 text-muted-foreground",
-				children: e
-			}),
-			!!n && /* @__PURE__ */ y(s, {
-				variant: r ?? "secondary",
-				children: n
-			}),
-			!!t && !n && /* @__PURE__ */ y(i, {
-				weight: "semibold",
-				className: "text-right tabular-nums",
-				children: t
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/composed/data-display/dense-info-card/partials/dense-info-dashboard.tsx
-function U({ title: e, description: t, statusBadges: n, rows: r, secondaryRows: a, scale: o, footerBadges: u, footerText: d, actions: f, className: p }) {
-	return /* @__PURE__ */ y(c, {
-		title: e,
-		description: t,
-		actions: f,
-		className: p,
-		children: /* @__PURE__ */ b("div", {
-			className: "space-y-3",
-			children: [
-				/* @__PURE__ */ y("div", {
-					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ y(s, {
-						variant: e.variant,
-						children: e.label
-					}, e.label))
-				}),
-				/* @__PURE__ */ y("div", {
-					className: "space-y-2",
-					children: r.map((e) => /* @__PURE__ */ y(H, { ...e }, e.label))
-				}),
-				!!o && /* @__PURE__ */ b("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ y(i, {
-						size: "xs",
-						className: "text-muted-foreground",
-						children: o.label
-					}), /* @__PURE__ */ y(V, {
-						value: o.value,
-						max: o.max,
-						label: `${String(o.value)}/${String(o.max ?? 5)}`
-					})]
-				}),
-				!!a && a.length > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y("div", {
-					className: "space-y-2",
-					children: a.map((e) => /* @__PURE__ */ y(H, { ...e }, e.label))
-				})] }),
-				(!!u || !!d) && /* @__PURE__ */ b("div", {
-					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!u && u.map((e) => /* @__PURE__ */ y(s, {
-						variant: e.variant,
-						className: "text-xxs",
-						children: e.label
-					}, e.label)), !!d && /* @__PURE__ */ y(i, {
-						size: "xs",
-						className: "text-muted-foreground",
-						children: d
-					})]
-				})
-			]
-		})
-	});
-}
-U.displayName = "DenseInfoDashboard";
-//#endregion
-//#region src/components/composed/data-display/dense-info-card/partials/dense-info-classification.tsx
-function W({ title: e, description: t, stats: n, items: o, totalLabel: f, totalValue: x, footerBadges: S, footerText: C, actions: w, className: T }) {
-	return /* @__PURE__ */ y(c, {
-		title: e,
-		description: t,
-		actions: w,
-		className: T,
-		children: /* @__PURE__ */ b("div", {
-			className: "space-y-3",
-			children: [
-				/* @__PURE__ */ y("div", {
-					className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
-					children: n.map((e) => /* @__PURE__ */ b("div", {
-						className: "rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5 text-center",
-						children: [
-							/* @__PURE__ */ y(a, {
-								tag: "h4",
-								className: "border-none pb-0 text-base font-semibold tabular-nums",
-								children: e.value
-							}),
-							/* @__PURE__ */ y(i, {
-								size: "xxs",
-								type: "secondary",
-								weight: "medium",
-								className: "mt-0.5",
-								children: e.label
-							}),
-							!!e.trendBadge && /* @__PURE__ */ y("div", {
-								className: "mt-1 flex justify-center",
-								children: /* @__PURE__ */ y(s, {
-									variant: e.trendVariant ?? "secondary",
-									children: e.trendBadge
-								})
-							})
-						]
-					}, e.label))
-				}),
-				/* @__PURE__ */ y(l, {}),
-				/* @__PURE__ */ y(m, { children: o.map((e) => /* @__PURE__ */ b(g, {
-					size: "xs",
-					className: "px-0",
-					children: [
-						/* @__PURE__ */ y(d, { children: /* @__PURE__ */ y("span", { className: r("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
-						/* @__PURE__ */ y(h, { children: /* @__PURE__ */ b(_, {
-							bold: !1,
-							className: "gap-2",
-							children: [e.label, !!e.badge && /* @__PURE__ */ y(s, {
-								variant: e.badgeVariant ?? "secondary",
-								children: e.badge
-							})]
-						}) }),
-						/* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(i, {
-							size: "xs",
-							weight: "semibold",
-							className: "tabular-nums",
-							children: e.value
-						}) })
-					]
-				}, e.label)) }),
-				!!x && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y(u, {
-					label: f ?? "Total",
-					value: x,
-					mono: !0,
-					labelClassName: "text-sm font-bold",
-					valueClassName: "text-sm font-bold"
-				})] }),
-				(!!S || !!C) && /* @__PURE__ */ b("div", {
-					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!S && S.map((e) => /* @__PURE__ */ y(s, {
-						variant: e.variant,
-						className: "text-xxs",
-						children: e.label
-					}, e.label)), !!C && /* @__PURE__ */ y(i, {
-						size: "xs",
-						className: "text-muted-foreground",
-						children: C
-					})]
-				})
-			]
-		})
-	});
-}
-W.displayName = "DenseInfoClassification";
-//#endregion
-//#region src/components/composed/data-display/dense-info-card/partials/dense-info-financial.tsx
-function G({ title: e, description: t, headerBadges: n, lineItems: r, totalLabel: a = "Total", totalAmount: o, footerBadges: l, footerText: d, actions: v, className: x }) {
-	return /* @__PURE__ */ y(c, {
-		title: e,
-		description: t,
-		actions: v,
-		className: x,
-		children: /* @__PURE__ */ b("div", {
-			className: "space-y-3",
-			children: [
-				/* @__PURE__ */ y("div", {
-					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ y(s, {
-						variant: e.variant,
-						children: e.label
-					}, e.label))
-				}),
-				/* @__PURE__ */ y(m, { children: r.map((e, t) => /* @__PURE__ */ b("div", { children: [t > 0 && /* @__PURE__ */ y(f, { className: "my-0" }), /* @__PURE__ */ b(g, {
-					size: "xs",
-					className: "px-0",
-					children: [/* @__PURE__ */ y(h, { children: /* @__PURE__ */ b(_, {
-						className: "gap-2",
-						children: [e.label, !!e.badge && /* @__PURE__ */ y(s, {
-							variant: e.badgeVariant ?? "secondary",
-							children: e.badge
-						})]
-					}) }), /* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(i, {
-						size: "xs",
-						weight: "semibold",
-						className: "tabular-nums",
-						children: e.amount
-					}) })]
-				})] }, e.label)) }),
-				!!o && /* @__PURE__ */ y(u, {
-					className: "rounded-lg bg-muted/50 px-3 py-2.5",
-					label: a,
-					value: o,
-					mono: !0,
-					labelClassName: "text-sm font-semibold",
-					valueClassName: "text-sm font-semibold"
-				}),
-				(!!l || !!d) && /* @__PURE__ */ b("div", {
-					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!l && l.map((e) => /* @__PURE__ */ y(s, {
-						variant: e.variant,
-						className: "text-xxs",
-						children: e.label
-					}, e.label)), !!d && /* @__PURE__ */ y(i, {
-						size: "xs",
-						className: "text-muted-foreground",
-						children: d
-					})]
-				})
-			]
-		})
-	});
-}
-G.displayName = "DenseInfoFinancial";
-//#endregion
-//#region src/components/composed/data-display/dense-info-card/partials/dense-info-project.tsx
-function K({ title: e, description: t, statusLabel: n, statusVariant: r, metaPairs: o, date: u, priority: d, completedTasks: f, totalTasks: p, actions: m, className: h }) {
-	let g = p > 0 ? Math.round(f / p * 100) : 0, _ = 2 * Math.PI * 7, v = _ - g / 100 * _;
-	return /* @__PURE__ */ y(c, {
-		padding: "sm",
-		actions: m,
-		className: h,
-		children: /* @__PURE__ */ b("div", {
-			className: "space-y-3",
-			children: [
-				/* @__PURE__ */ b("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ y(C, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y(s, {
-						variant: r,
-						dot: !0,
-						children: n
-					})]
-				}),
-				/* @__PURE__ */ y(a, {
-					tag: "h5",
-					className: "font-bold border-none pb-0",
-					children: e
-				}),
-				!!t && /* @__PURE__ */ y(i, {
-					type: "secondary",
-					className: "line-clamp-2",
-					children: t
-				}),
-				!!o && o.length > 0 && /* @__PURE__ */ y("div", {
-					className: "flex flex-wrap items-center gap-1.5",
-					children: o.map((e, t) => /* @__PURE__ */ b("span", {
-						className: "flex items-center gap-1",
-						children: [
-							t > 0 && /* @__PURE__ */ y(i, {
-								tag: "span",
-								type: "discrete",
-								className: "mx-0.5",
-								children: "•"
-							}),
-							!!e.icon && /* @__PURE__ */ y("span", {
-								className: "text-muted-foreground",
-								children: e.icon
-							}),
-							/* @__PURE__ */ y(i, {
-								size: "xs",
-								type: "secondary",
-								children: e.label
-							})
-						]
-					}, e.label))
-				}),
-				(!!u || !!d) && /* @__PURE__ */ b("div", {
-					className: "flex items-center justify-between",
-					children: [!!u && /* @__PURE__ */ b("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ y(S, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y(i, {
-							size: "xs",
-							type: "secondary",
-							children: u
-						})]
-					}), !!d && /* @__PURE__ */ b("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ y(x, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y(i, {
-							size: "xs",
-							type: "secondary",
-							children: d
-						})]
-					})]
-				}),
-				/* @__PURE__ */ y(l, {}),
-				/* @__PURE__ */ b("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ b("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ b("svg", {
-							width: "20",
-							height: "20",
-							viewBox: "0 0 20 20",
-							className: "shrink-0",
-							children: [/* @__PURE__ */ y("circle", {
-								cx: "10",
-								cy: "10",
-								r: "7",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "2",
-								className: "text-muted/50"
-							}), /* @__PURE__ */ y("circle", {
-								cx: "10",
-								cy: "10",
-								r: "7",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "2",
-								strokeDasharray: _,
-								strokeDashoffset: v,
-								strokeLinecap: "round",
-								className: "text-primary",
-								transform: "rotate(-90 10 10)"
-							})]
-						}), /* @__PURE__ */ b(i, {
-							size: "xs",
-							weight: "medium",
-							children: [
-								f,
-								"/",
-								p,
-								" Tasks"
-							]
-						})]
-					}), /* @__PURE__ */ y("div", { className: "h-6 w-6 rounded-full bg-muted" })]
-				})
-			]
-		})
-	});
-}
-K.displayName = "DenseInfoProjectCard";
-//#endregion
-//#region src/components/composed/data-display/dense-info-card/partials/dense-info-score.tsx
-function q({ title: e, description: t, statusBadges: n, score: i, scoreLevel: o, scoreFilled: d, scoreTotal: f = 10, rows: p, footerBadges: m, actions: h, className: g }) {
-	let _ = o === "good" ? "bg-success" : o === "medium" ? "bg-warning" : "bg-destructive";
-	return /* @__PURE__ */ y(c, {
-		title: e,
-		description: t,
-		actions: h,
-		className: g,
-		children: /* @__PURE__ */ b("div", {
-			className: "space-y-3",
-			children: [
-				/* @__PURE__ */ y("div", {
-					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ y(s, {
-						variant: e.variant,
-						children: e.label
-					}, e.label))
-				}),
-				/* @__PURE__ */ y("div", {
-					className: "flex items-center justify-center py-2",
-					children: /* @__PURE__ */ y(a, {
-						tag: "h2",
-						className: "text-4xl font-bold tabular-nums border-none pb-0",
-						children: String(i)
-					})
-				}),
-				/* @__PURE__ */ y("div", {
-					className: "flex items-center justify-center gap-1",
-					children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ y("div", { className: r("h-5 w-2 rounded-sm", t < d ? _ : "bg-muted") }, t))
-				}),
-				/* @__PURE__ */ y(l, {}),
-				/* @__PURE__ */ y("div", {
-					className: "space-y-2",
-					children: p.map((e) => /* @__PURE__ */ y(u, {
-						label: e.label,
-						value: e.value,
-						mono: !0,
-						labelClassName: "text-xs text-muted-foreground",
-						valueClassName: "text-sm font-semibold text-right"
-					}, e.label))
-				}),
-				!!m && m.length > 0 && /* @__PURE__ */ y("div", {
-					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: m.map((e) => /* @__PURE__ */ y(s, {
-						variant: e.variant,
-						className: "text-xxs",
-						children: e.label
-					}, e.label))
-				})
-			]
-		})
-	});
-}
-q.displayName = "DenseInfoScoreCard";
-//#endregion
-//#region src/components/composed/data-display/inline-metric/inline-metric.tsx
-var J = {
-	sm: "gap-1 rounded-full px-2 py-0.5",
-	md: "gap-1.5 rounded-full px-2.5 py-1",
-	base: "gap-1.5 rounded-full px-2.5 py-1",
-	lg: "gap-1.5 rounded-full px-3 py-1"
-}, Y = {
-	sm: "xxs",
-	md: "xxs",
-	base: "xxs",
-	lg: "xs"
-}, X = {
-	sm: "xxs",
-	md: "xs",
-	base: "xs",
-	lg: "xs"
-}, Z = {
-	sm: "xxs",
-	md: "xxs",
-	base: "xxs",
-	lg: "xxs"
-};
-function Q({ metrics: e, className: t }) {
-	return /* @__PURE__ */ y("div", {
-		className: r("inline-metric--component", "flex flex-wrap gap-1.5", t),
-		children: e.map((e) => {
-			let t = e.size ?? "base";
-			return /* @__PURE__ */ b("span", {
-				className: r("inline-flex items-center bg-card ring-1 ring-border/60", J[t] ?? J.base),
-				children: [
-					/* @__PURE__ */ y(i, {
-						tag: "span",
-						size: Y[t] ?? "xxs",
-						type: "secondary",
-						children: e.label
-					}),
-					/* @__PURE__ */ y(i, {
-						tag: "span",
-						size: X[t] ?? "xs",
-						weight: "semibold",
-						className: "tabular-nums",
-						children: e.value
-					}),
-					/* @__PURE__ */ b(i, {
-						tag: "span",
-						size: Z[t] ?? "xxs",
-						weight: "medium",
-						className: r("tabular-nums inline-flex items-center gap-0.5 rounded-full px-1", e.up ? "bg-success/10 text-success" : "bg-destructive/10 text-destructive"),
-						children: [e.up ? "↑" : "↓", e.change]
-					})
-				]
-			}, e.label);
-		})
-	});
-}
-Q.displayName = "InlineMetricBadge";
-//#endregion
-//#region src/components/composed/data-display/mini-kpi/mini-kpi.tsx
-var ee = "ring-1 ring-border/50 shadow-sm";
-function $({ kpis: e, className: t }) {
-	return /* @__PURE__ */ y("div", {
-		className: r("mini-kpi--component", "inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2", ee, t),
-		children: e.map((e) => /* @__PURE__ */ b("div", {
-			className: "flex flex-col items-center px-4",
-			children: [/* @__PURE__ */ y(i, {
-				weight: "bold",
-				className: "tabular-nums",
-				children: e.value
-			}), /* @__PURE__ */ y(i, {
-				size: "xs",
-				type: "secondary",
-				className: "text-xxs",
-				children: e.label
-			})]
-		}, e.label))
-	});
-}
-$.displayName = "MiniKpiRow";
-//#endregion
-export { W as DenseInfoClassification, U as DenseInfoDashboard, G as DenseInfoFinancial, K as DenseInfoProjectCard, q as DenseInfoScoreCard, Q as InlineMetricBadge, P as InvoiceHeaderCard, E as InvoiceItemsCompact, D as InvoiceItemsDetailed, T as InvoiceItemsTable, j as InvoiceMiniCard, B as InvoiceTable, $ as MiniKpiRow, A as invoiceStatusMap };
-
-//# sourceMappingURL=index.js.map
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, j as g, k as _, l as v, m as y, n as b, o as x, p as S, r as C, s as w, t as T, u as E, v as D, w as O, x as k, y as A } from "../../../_shared/data-display-CRFaMkxT.js";
+export { t as DenseInfoClassification, O as DenseInfoDashboard, a as DenseInfoFinancial, k as DenseInfoProjectCard, l as DenseInfoScoreCard, S as DocumentStackIllustration, u as EmailDisplay, y as EmptyState, f as InboxCleanIllustration, A as InlineMetricBadge, h as InlineStat, r as InvoiceHeaderCard, _ as InvoiceItemsCompact, e as InvoiceItemsDetailed, g as InvoiceItemsTable, n as InvoiceMiniCard, o as InvoiceTable, c as MetadataList, D as MiniKpiRow, C as NumericValue, w as PhoneDisplay, p as ResourceSelectorCard, d as SearchGlassIllustration, T as SectionHeader, E as StackedCardsIllustration, x as UrlDisplay, b as UserCell, v as UsersCircleIllustration, m as defaultEmptyStateStrings, s as defaultResourceSelectorCardStrings, i as invoiceStatusMap };