admin-ui-starter-kit 0.1.0

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

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