admin-ui-starter-kit 0.1.3 → 0.4.2

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

@@ -1,45 +1,44 @@
 import { mergeStrings as e, useStrings as t } from "../../../lib/strings.js";
-import { u as n } from "../../../_shared/ui-provider-4qKSKMPd.js";
+import { u as n } from "../../../_shared/ui-provider-C8Ot88lS.js";
 import { cn as r } from "../../../lib/utils.js";
-import { t as i } from "../../../_shared/text-DIxMTECE.js";
-import { t as a } from "../../../_shared/heading-BprqyzDs.js";
-import { t as o } from "../../../_shared/icon-badge-Bi63T-bj.js";
-import { t as s } from "../../../_shared/badge-BVCh_hfL.js";
-import { t as c } from "../../../_shared/smart-card-MT6JjkoI.js";
-import { t as l } from "../../../_shared/separator-DR0uUMKa.js";
-import { i as u } from "../../../_shared/display-BM_GxDAo.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-Cu5JbZyZ.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";
+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-yGlx9trX.js";
+import { t as c } from "../../../_shared/smart-card-DYZGY_Su.js";
+import { t as l } from "../../../_shared/separator-B8FBp-7E.js";
+import { i as u } from "../../../_shared/display-C4n0uuxl.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 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),
+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__ */ x("div", {
-				className: "grid grid-cols-[1fr_80px_100px_100px] gap-4 bg-muted/50 px-6 py-3",
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-[1fr_72px_96px_96px] gap-3 bg-muted/40 px-4 py-3",
 				children: [
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						children: "Item"
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						align: "center",
 						children: "Qty"
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						align: "right",
 						children: "Price"
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
@@ -48,77 +47,77 @@ function E({ items: e, subtotal: t, tax: n, discount: o, total: c, className: d
 					})
 				]
 			}),
-			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",
+			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__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "flex flex-col gap-0.5",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ b(i, {
+							children: [/* @__PURE__ */ y(i, {
 								weight: "medium",
 								children: t.title
-							}), !!t.badge && /* @__PURE__ */ b(s, {
+							}), !!t.badge && /* @__PURE__ */ y(s, {
 								variant: t.badgeVariant ?? "secondary",
 								children: t.badge
 							})]
-						}), !!t.description && /* @__PURE__ */ b(i, {
+						}), !!t.description && /* @__PURE__ */ y(i, {
 							size: "xs",
 							type: "secondary",
 							className: "line-clamp-1",
 							children: t.description
 						})]
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						align: "center",
 						type: "secondary",
 						className: "tabular-nums",
 						children: t.quantity ?? 1
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						align: "right",
 						className: "tabular-nums",
 						children: t.unitPrice ?? t.total
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(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",
+			}), 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__ */ b(u, {
+					!!t && /* @__PURE__ */ y(u, {
 						label: "Subtotal",
 						value: t,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					!!o && /* @__PURE__ */ b(u, {
+					!!a && /* @__PURE__ */ y(u, {
 						label: "Discount",
-						value: `-${o}`,
+						value: `-${a}`,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm text-success"
 					}),
-					!!n && /* @__PURE__ */ b(u, {
+					!!n && /* @__PURE__ */ y(u, {
 						label: "Tax",
 						value: n,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					!!c && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(l, {}), /* @__PURE__ */ b(u, {
+					!!o && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y(u, {
 						className: "pt-1",
 						label: "Total",
-						value: /* @__PURE__ */ b(a, {
-							tag: "h5",
-							className: "text-base tabular-nums border-none pb-0",
-							children: c
+						value: /* @__PURE__ */ y(i, {
+							weight: "semibold",
+							className: "tabular-nums",
+							children: o
 						}),
 						labelClassName: "text-sm font-semibold"
 					})] })
@@ -127,88 +126,110 @@ function E({ items: e, subtotal: t, tax: n, discount: o, total: c, className: d
 		]
 	});
 }
-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",
+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__ */ b(a, {
-				tag: "h5",
-				className: "text-base tabular-nums border-none pb-0",
+			value: /* @__PURE__ */ y(i, {
+				weight: "semibold",
+				className: "tabular-nums",
 				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", {
+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__ */ b("div", {
-				className: "px-6 py-4",
-				children: /* @__PURE__ */ x("div", {
+			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__ */ x("div", {
+					children: [/* @__PURE__ */ b("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", {
+						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__ */ x("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ b(i, {
+									children: [/* @__PURE__ */ y(i, {
 										weight: "semibold",
 										children: e.title
-									}), !!e.badge && /* @__PURE__ */ b(s, {
+									}), !!e.badge && /* @__PURE__ */ y(s, {
 										variant: e.badgeVariant ?? "secondary",
 										children: e.badge
 									})]
 								}),
-								!!e.description && /* @__PURE__ */ b(i, {
+								!!e.description && /* @__PURE__ */ y(i, {
 									size: "xs",
 									type: "secondary",
 									className: "line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex items-center gap-3 pt-0.5",
-									children: [!!e.quantity && /* @__PURE__ */ x(i, {
+									children: [!!e.quantity && /* @__PURE__ */ b(i, {
 										size: "xs",
 										type: "discrete",
 										children: ["Qty: ", e.quantity]
-									}), !!e.unitPrice && /* @__PURE__ */ x(i, {
+									}), !!e.unitPrice && /* @__PURE__ */ b(i, {
 										size: "xs",
 										type: "discrete",
 										className: "tabular-nums",
@@ -217,10 +238,9 @@ function O({ items: e, subtotal: t, tax: n, discount: o, total: c, className: d
 								})
 							]
 						})]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "flex flex-col items-end gap-1 shrink-0",
-						children: /* @__PURE__ */ b(i, {
-							size: "base",
+						children: /* @__PURE__ */ y(i, {
 							weight: "semibold",
 							className: "tabular-nums",
 							children: e.total
@@ -228,128 +248,130 @@ function O({ items: e, subtotal: t, tax: n, discount: o, total: c, className: d
 					})]
 				})
 			}, e.id))
-		}), !!c && /* @__PURE__ */ b("div", {
-			className: "border-t border-border bg-muted/30 px-6 py-4",
-			children: /* @__PURE__ */ x("div", {
+		}), !!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__ */ b(u, {
+					!!t && /* @__PURE__ */ y(u, {
 						label: "Subtotal",
 						value: t,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					!!o && /* @__PURE__ */ b(u, {
+					!!a && /* @__PURE__ */ y(u, {
 						label: "Discount",
-						value: `-${o}`,
+						value: `-${a}`,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm text-success"
 					}),
-					!!n && /* @__PURE__ */ b(u, {
+					!!n && /* @__PURE__ */ y(u, {
 						label: "Tax (20%)",
 						value: n,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					/* @__PURE__ */ b(l, {}),
-					/* @__PURE__ */ b(u, {
+					/* @__PURE__ */ y(l, {}),
+					/* @__PURE__ */ y(u, {
 						className: "pt-1",
 						label: "Total Due",
-						value: /* @__PURE__ */ b(a, {
-							tag: "h4",
-							className: "text-xl tabular-nums border-none pb-0",
-							children: c
+						value: /* @__PURE__ */ y(i, {
+							weight: "semibold",
+							className: "tabular-nums",
+							children: o
 						}),
-						labelClassName: "text-base font-semibold"
+						labelClassName: "text-sm font-semibold"
 					})
 				]
 			})
 		})]
 	});
 }
-E.displayName = "InvoiceItemsTable", D.displayName = "InvoiceItemsCompact", O.displayName = "InvoiceItemsDetailed";
+T.displayName = "InvoiceItemsTable", E.displayName = "InvoiceItemsCompact", D.displayName = "InvoiceItemsDetailed";
 //#endregion
 //#region src/components/composed/data-display/invoice-mini/types.ts
-var k = {
+var O = {
 	paid: "Paid",
 	pending: "Pending",
 	overdue: "Overdue",
 	items: (e) => e === 1 ? "1 line item" : `${e} line items`,
 	due: "Due"
-}, A = {
+}, k = {
 	paid: "success",
 	pending: "warning",
 	overdue: "error"
-}, j = {
+}, A = {
 	paid: {
-		label: k.paid,
+		label: O.paid,
 		variant: "success"
 	},
 	pending: {
-		label: k.pending,
+		label: O.pending,
 		variant: "warning"
 	},
 	overdue: {
-		label: k.overdue,
+		label: O.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 = {
+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__ */ b(c, {
+	return /* @__PURE__ */ y(c, {
 		padding: "sm",
-		className: r("invoice-mini--component", n),
-		children: /* @__PURE__ */ x("div", {
-			className: "space-y-2.5",
+		className: r("invoice-mini--component min-w-0", n),
+		children: /* @__PURE__ */ b("div", {
+			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ x("div", {
-					className: "flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ b(i, {
+				/* @__PURE__ */ b("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ y(i, {
 						weight: "semibold",
-						className: "font-mono tracking-wide truncate",
+						className: "min-w-0 flex-1 truncate font-mono tracking-wide",
 						children: t.invoiceNumber
-					}), /* @__PURE__ */ b(s, {
-						variant: A[t.status],
+					}), /* @__PURE__ */ y(s, {
+						variant: k[t.status],
+						size: "xs",
 						dot: !0,
+						className: "shrink-0",
 						children: l[t.status]
 					})]
 				}),
-				/* @__PURE__ */ b(i, {
+				/* @__PURE__ */ y(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, {
+				/* @__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__ */ x(i, {
+						}), /* @__PURE__ */ b(i, {
 							size: "xxs",
 							type: "discrete",
-							className: "tabular-nums",
+							className: "whitespace-nowrap tabular-nums",
 							children: [
 								o.due,
 								" ",
 								t.dueDate
 							]
 						})]
-					}), /* @__PURE__ */ b(i, {
-						size: "lg",
+					}), /* @__PURE__ */ y(i, {
+						size: "base",
 						weight: "bold",
-						className: r("shrink-0 tabular-nums leading-none"),
+						className: r("ml-auto shrink-0 tabular-nums leading-none"),
 						children: t.totalAmount
 					})]
 				})
@@ -357,10 +379,10 @@ function M({ invoice: t, className: n, strings: a }) {
 		})
 	});
 }
-M.displayName = "InvoiceMiniCard";
+j.displayName = "InvoiceMiniCard";
 //#endregion
 //#region src/components/composed/data-display/invoice-header/types.ts
-var N = {
+var M = {
 	title: "Invoice",
 	billFrom: "Bill From",
 	billTo: "Bill To",
@@ -370,23 +392,23 @@ var N = {
 };
 //#endregion
 //#region src/components/composed/data-display/invoice-header/invoice-header.tsx
-function P({ eyebrow: e, name: t, location: n }) {
-	return /* @__PURE__ */ x("div", {
+function N({ eyebrow: e, name: t, location: n }) {
+	return /* @__PURE__ */ b("div", {
 		className: r("invoice-header--component", "space-y-1"),
 		children: [
-			/* @__PURE__ */ b(i, {
+			/* @__PURE__ */ y(i, {
 				size: "xxs",
 				type: "secondary",
 				weight: "medium",
 				className: "uppercase tracking-wider",
 				children: e
 			}),
-			/* @__PURE__ */ b(i, {
+			/* @__PURE__ */ y(i, {
 				weight: "semibold",
 				className: "leading-snug",
 				children: t
 			}),
-			!!n && /* @__PURE__ */ b(i, {
+			!!n && /* @__PURE__ */ y(i, {
 				size: "xs",
 				type: "secondary",
 				className: "leading-snug",
@@ -395,48 +417,48 @@ function P({ eyebrow: e, name: t, location: 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, {
+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__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ b(i, {
+				children: [/* @__PURE__ */ y(i, {
 					weight: "bold",
 					className: "font-mono tracking-wide",
 					children: e
-				}), /* @__PURE__ */ b(s, {
+				}), /* @__PURE__ */ y(s, {
 					variant: o,
 					children: n
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6",
-				children: [/* @__PURE__ */ b(P, {
+				children: [/* @__PURE__ */ y(N, {
 					eyebrow: v.billFrom,
 					name: d.name,
 					location: d.location
-				}), /* @__PURE__ */ b(P, {
+				}), /* @__PURE__ */ y(N, {
 					eyebrow: v.billTo,
 					name: f.name,
 					location: f.location
 				})]
 			}),
-			/* @__PURE__ */ b(l, { className: "my-5" }),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ y(l, { className: "my-5" }),
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-wrap items-end justify-between gap-4",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "space-y-1",
-					children: [!!p && /* @__PURE__ */ b(u, {
+					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__ */ b(u, {
+					}), !!m && /* @__PURE__ */ y(u, {
 						layout: "inline",
 						label: v.due,
 						value: m,
@@ -444,15 +466,15 @@ function F({ invoiceNumber: e, status: n, statusVariant: o = "success", from: d,
 						labelClassName: "text-xxs uppercase tracking-wider font-medium",
 						valueClassName: "text-xs font-medium"
 					})]
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "text-right",
-					children: [/* @__PURE__ */ b(i, {
+					children: [/* @__PURE__ */ y(i, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
 						children: v.amountDue
-					}), /* @__PURE__ */ b(a, {
+					}), /* @__PURE__ */ y(a, {
 						tag: "h3",
 						className: r("mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0"),
 						children: h
@@ -462,32 +484,36 @@ function F({ invoiceNumber: e, status: n, statusVariant: o = "success", from: d,
 		]
 	});
 }
-F.displayName = "InvoiceHeaderCard";
+P.displayName = "InvoiceHeaderCard";
 //#endregion
 //#region src/components/composed/data-display/invoice-table/types.ts
-var I = {
+var F = {
 	subtotal: "Subtotal",
 	tax: "Tax",
 	total: "Total"
-}, L = "ring-1 ring-border/50 shadow-sm", R = {
+}, I = "border border-border shadow-sm", L = {
 	left: "text-left justify-start",
 	right: "text-right justify-end",
 	center: "text-center justify-center"
 };
-function z(e) {
+function R(e) {
 	return [
 		{
 			id: "description",
-			header: "Description",
-			width: "1fr",
-			cell: (e) => /* @__PURE__ */ b(i, { children: e.description })
+			header: "Item",
+			width: "minmax(0,1fr)",
+			cell: (e) => /* @__PURE__ */ y(i, {
+				className: "truncate",
+				children: e.description
+			})
 		},
 		{
 			id: "qty",
 			header: "Qty",
-			width: "60px",
-			align: "left",
-			cell: (e) => /* @__PURE__ */ b(i, {
+			width: "36px",
+			align: "center",
+			cell: (e) => /* @__PURE__ */ y(i, {
+				align: "center",
 				className: "tabular-nums",
 				children: e.qty
 			})
@@ -495,9 +521,9 @@ function z(e) {
 		{
 			id: "price",
 			header: "Price",
-			width: "90px",
+			width: "82px",
 			align: "right",
-			cell: (t) => /* @__PURE__ */ x(i, {
+			cell: (t) => /* @__PURE__ */ b(i, {
 				className: "tabular-nums font-mono",
 				children: [e, t.price.toFixed(2)]
 			})
@@ -505,9 +531,9 @@ function z(e) {
 		{
 			id: "total",
 			header: "Total",
-			width: "90px",
+			width: "82px",
 			align: "right",
-			cell: (t) => /* @__PURE__ */ x(i, {
+			cell: (t) => /* @__PURE__ */ b(i, {
 				weight: "medium",
 				className: "tabular-nums font-mono",
 				children: [e, t.total.toFixed(2)]
@@ -515,7 +541,7 @@ function z(e) {
 		}
 	];
 }
-function B(e, t, n, r) {
+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 [
 		{
@@ -533,42 +559,42 @@ function B(e, t, n, r) {
 		}
 	];
 }
-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),
+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__ */ b("div", {
-				className: "grid gap-2 bg-muted/50 px-5 py-3",
+			/* @__PURE__ */ y("div", {
+				className: "grid min-w-0 gap-2 bg-muted/40 px-4 py-3",
 				style: { gridTemplateColumns: _ },
-				children: h.map((e) => /* @__PURE__ */ b("div", {
-					className: r("flex", R[e.align ?? "left"], e.headerClassName),
-					children: /* @__PURE__ */ b(i, {
+				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: "uppercase tracking-wider",
+						className: "min-w-0 truncate 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"),
+			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__ */ b("div", {
-					className: r("flex items-center", R[n.align ?? "left"], n.cellClassName),
+				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__ */ 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", {
+			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__ */ b(i, {
+					children: [/* @__PURE__ */ y(i, {
 						type: e.emphasis === "total" ? void 0 : "secondary",
 						weight: e.emphasis === "total" ? "bold" : "regular",
 						children: e.label
-					}), /* @__PURE__ */ b(i, {
+					}), /* @__PURE__ */ y(i, {
 						weight: e.emphasis === "total" ? "bold" : "regular",
 						className: "tabular-nums font-mono",
 						children: e.value
@@ -578,13 +604,13 @@ function V({ items: e, columns: a, footerRows: o, taxRate: s = .2, currency: c,
 		]
 	});
 }
-V.displayName = "InvoiceTable";
+B.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", {
+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__ */ b("div", { className: r("h-1.5 w-3 rounded-full", n < e ? "bg-foreground/60" : "bg-muted") }, n)), !!n && /* @__PURE__ */ b(i, {
+		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",
@@ -592,20 +618,20 @@ function H({ value: e, max: t = 5, label: n }) {
 		})]
 	});
 }
-function U({ label: e, value: t, badge: n, badgeVariant: r }) {
-	return /* @__PURE__ */ x("div", {
+function H({ label: e, value: t, badge: n, badgeVariant: r }) {
+	return /* @__PURE__ */ b("div", {
 		className: "flex items-center justify-between gap-2",
 		children: [
-			/* @__PURE__ */ b(i, {
+			/* @__PURE__ */ y(i, {
 				size: "xs",
 				className: "shrink-0 text-muted-foreground",
 				children: e
 			}),
-			!!n && /* @__PURE__ */ b(s, {
+			!!n && /* @__PURE__ */ y(s, {
 				variant: r ?? "secondary",
 				children: n
 			}),
-			!!t && !n && /* @__PURE__ */ b(i, {
+			!!t && !n && /* @__PURE__ */ y(i, {
 				weight: "semibold",
 				className: "text-right tabular-nums",
 				children: t
@@ -615,49 +641,49 @@ function U({ label: e, value: t, badge: n, badgeVariant: r }) {
 }
 //#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, {
+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__ */ x("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ b(s, {
+					children: n.map((e) => /* @__PURE__ */ y(s, {
 						variant: e.variant,
 						children: e.label
 					}, e.label))
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "space-y-2",
-					children: r.map((e) => /* @__PURE__ */ b(U, { ...e }, e.label))
+					children: r.map((e) => /* @__PURE__ */ y(H, { ...e }, e.label))
 				}),
-				!!o && /* @__PURE__ */ x("div", {
+				!!o && /* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ b(i, {
+					children: [/* @__PURE__ */ y(i, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: o.label
-					}), /* @__PURE__ */ b(H, {
+					}), /* @__PURE__ */ y(V, {
 						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", {
+				!!a && a.length > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y("div", {
 					className: "space-y-2",
-					children: a.map((e) => /* @__PURE__ */ b(U, { ...e }, e.label))
+					children: a.map((e) => /* @__PURE__ */ y(H, { ...e }, e.label))
 				})] }),
-				(!!u || !!d) && /* @__PURE__ */ x("div", {
+				(!!u || !!d) && /* @__PURE__ */ b("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!u && u.map((e) => /* @__PURE__ */ b(s, {
+					children: [!!u && u.map((e) => /* @__PURE__ */ y(s, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
-					}, e.label)), !!d && /* @__PURE__ */ b(i, {
+					}, e.label)), !!d && /* @__PURE__ */ y(i, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: d
@@ -667,38 +693,38 @@ function W({ title: e, description: t, statusBadges: n, rows: r, secondaryRows:
 		})
 	});
 }
-W.displayName = "DenseInfoDashboard";
+U.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, {
+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__ */ x("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
-					children: n.map((e) => /* @__PURE__ */ x("div", {
+					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__ */ b(a, {
+							/* @__PURE__ */ y(a, {
 								tag: "h4",
-								className: "text-lg font-bold tabular-nums border-none pb-0",
+								className: "border-none pb-0 text-base font-semibold tabular-nums",
 								children: e.value
 							}),
-							/* @__PURE__ */ b(i, {
+							/* @__PURE__ */ y(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, {
+							!!e.trendBadge && /* @__PURE__ */ y("div", {
+								className: "mt-1 flex justify-center",
+								children: /* @__PURE__ */ y(s, {
 									variant: e.trendVariant ?? "secondary",
 									children: e.trendBadge
 								})
@@ -706,21 +732,21 @@ function G({ title: e, description: t, stats: n, items: o, totalLabel: f, totalV
 						]
 					}, e.label))
 				}),
-				/* @__PURE__ */ b(l, {}),
-				/* @__PURE__ */ b(h, { children: o.map((e) => /* @__PURE__ */ x(_, {
+				/* @__PURE__ */ y(l, {}),
+				/* @__PURE__ */ y(m, { children: o.map((e) => /* @__PURE__ */ b(g, {
 					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, {
+						/* @__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__ */ b(s, {
+							children: [e.label, !!e.badge && /* @__PURE__ */ y(s, {
 								variant: e.badgeVariant ?? "secondary",
 								children: e.badge
 							})]
 						}) }),
-						/* @__PURE__ */ b(m, { children: /* @__PURE__ */ b(i, {
+						/* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(i, {
 							size: "xs",
 							weight: "semibold",
 							className: "tabular-nums",
@@ -728,20 +754,20 @@ function G({ title: e, description: t, stats: n, items: o, totalLabel: f, totalV
 						}) })
 					]
 				}, e.label)) }),
-				!!p && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(l, {}), /* @__PURE__ */ b(u, {
+				!!x && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y(u, {
 					label: f ?? "Total",
-					value: p,
+					value: x,
 					mono: !0,
 					labelClassName: "text-sm font-bold",
 					valueClassName: "text-sm font-bold"
 				})] }),
-				(!!S || !!C) && /* @__PURE__ */ x("div", {
+				(!!S || !!C) && /* @__PURE__ */ b("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!S && S.map((e) => /* @__PURE__ */ b(s, {
+					children: [!!S && S.map((e) => /* @__PURE__ */ y(s, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
-					}, e.label)), !!C && /* @__PURE__ */ b(i, {
+					}, e.label)), !!C && /* @__PURE__ */ y(i, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: C
@@ -751,56 +777,56 @@ function G({ title: e, description: t, stats: n, items: o, totalLabel: f, totalV
 		})
 	});
 }
-G.displayName = "DenseInfoClassification";
+W.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, {
+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: f,
-		className: y,
-		children: /* @__PURE__ */ x("div", {
+		actions: v,
+		className: x,
+		children: /* @__PURE__ */ b("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ b(s, {
+					children: n.map((e) => /* @__PURE__ */ y(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(_, {
+				/* @__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__ */ b(g, { children: /* @__PURE__ */ x(v, {
+					children: [/* @__PURE__ */ y(h, { children: /* @__PURE__ */ b(_, {
 						className: "gap-2",
-						children: [e.label, !!e.badge && /* @__PURE__ */ b(s, {
+						children: [e.label, !!e.badge && /* @__PURE__ */ y(s, {
 							variant: e.badgeVariant ?? "secondary",
 							children: e.badge
 						})]
-					}) }), /* @__PURE__ */ b(m, { children: /* @__PURE__ */ b(i, {
+					}) }), /* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(i, {
 						size: "xs",
 						weight: "semibold",
 						className: "tabular-nums",
 						children: e.amount
 					}) })]
 				})] }, e.label)) }),
-				!!o && /* @__PURE__ */ b(u, {
+				!!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-bold",
-					valueClassName: "text-base font-bold"
+					labelClassName: "text-sm font-semibold",
+					valueClassName: "text-sm font-semibold"
 				}),
-				(!!l || !!d) && /* @__PURE__ */ x("div", {
+				(!!l || !!d) && /* @__PURE__ */ b("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!l && l.map((e) => /* @__PURE__ */ b(s, {
+					children: [!!l && l.map((e) => /* @__PURE__ */ y(s, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
-					}, e.label)), !!d && /* @__PURE__ */ b(i, {
+					}, e.label)), !!d && /* @__PURE__ */ y(i, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: d
@@ -810,52 +836,52 @@ function K({ title: e, description: t, headerBadges: n, lineItems: r, totalLabel
 		})
 	});
 }
-K.displayName = "DenseInfoFinancial";
+G.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 }) {
+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__ */ b(c, {
+	return /* @__PURE__ */ y(c, {
 		padding: "sm",
 		actions: m,
 		className: h,
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ b(w, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ b(s, {
+					children: [/* @__PURE__ */ y(C, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y(s, {
 						variant: r,
 						dot: !0,
 						children: n
 					})]
 				}),
-				/* @__PURE__ */ b(a, {
+				/* @__PURE__ */ y(a, {
 					tag: "h5",
 					className: "font-bold border-none pb-0",
 					children: e
 				}),
-				!!t && /* @__PURE__ */ b(i, {
+				!!t && /* @__PURE__ */ y(i, {
 					type: "secondary",
 					className: "line-clamp-2",
 					children: t
 				}),
-				!!o && o.length > 0 && /* @__PURE__ */ b("div", {
+				!!o && o.length > 0 && /* @__PURE__ */ y("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: o.map((e, t) => /* @__PURE__ */ x("span", {
+					children: o.map((e, t) => /* @__PURE__ */ b("span", {
 						className: "flex items-center gap-1",
 						children: [
-							t > 0 && /* @__PURE__ */ b(i, {
+							t > 0 && /* @__PURE__ */ y(i, {
 								tag: "span",
 								type: "discrete",
 								className: "mx-0.5",
 								children: "•"
 							}),
-							!!e.icon && /* @__PURE__ */ b("span", {
+							!!e.icon && /* @__PURE__ */ y("span", {
 								className: "text-muted-foreground",
 								children: e.icon
 							}),
-							/* @__PURE__ */ b(i, {
+							/* @__PURE__ */ y(i, {
 								size: "xs",
 								type: "secondary",
 								children: e.label
@@ -863,35 +889,35 @@ function q({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 						]
 					}, e.label))
 				}),
-				(!!u || !!d) && /* @__PURE__ */ x("div", {
+				(!!u || !!d) && /* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between",
-					children: [!!u && /* @__PURE__ */ x("div", {
+					children: [!!u && /* @__PURE__ */ b("div", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ b(C, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ b(i, {
+						children: [/* @__PURE__ */ y(S, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y(i, {
 							size: "xs",
 							type: "secondary",
 							children: u
 						})]
-					}), !!d && /* @__PURE__ */ x("div", {
+					}), !!d && /* @__PURE__ */ b("div", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ b(S, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ b(i, {
+						children: [/* @__PURE__ */ y(x, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y(i, {
 							size: "xs",
 							type: "secondary",
 							children: d
 						})]
 					})]
 				}),
-				/* @__PURE__ */ b(l, {}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ y(l, {}),
+				/* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ x("svg", {
+						children: [/* @__PURE__ */ b("svg", {
 							width: "20",
 							height: "20",
 							viewBox: "0 0 20 20",
 							className: "shrink-0",
-							children: [/* @__PURE__ */ b("circle", {
+							children: [/* @__PURE__ */ y("circle", {
 								cx: "10",
 								cy: "10",
 								r: "7",
@@ -899,7 +925,7 @@ function q({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 								stroke: "currentColor",
 								strokeWidth: "2",
 								className: "text-muted/50"
-							}), /* @__PURE__ */ b("circle", {
+							}), /* @__PURE__ */ y("circle", {
 								cx: "10",
 								cy: "10",
 								r: "7",
@@ -912,7 +938,7 @@ function q({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 								className: "text-primary",
 								transform: "rotate(-90 10 10)"
 							})]
-						}), /* @__PURE__ */ x(i, {
+						}), /* @__PURE__ */ b(i, {
 							size: "xs",
 							weight: "medium",
 							children: [
@@ -922,48 +948,48 @@ function q({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 								" Tasks"
 							]
 						})]
-					}), /* @__PURE__ */ b("div", { className: "h-6 w-6 rounded-full bg-muted" })]
+					}), /* @__PURE__ */ y("div", { className: "h-6 w-6 rounded-full bg-muted" })]
 				})
 			]
 		})
 	});
 }
-q.displayName = "DenseInfoProjectCard";
+K.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 }) {
+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__ */ b(c, {
+	return /* @__PURE__ */ y(c, {
 		title: e,
 		description: t,
 		actions: h,
 		className: g,
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ b(s, {
+					children: n.map((e) => /* @__PURE__ */ y(s, {
 						variant: e.variant,
 						children: e.label
 					}, e.label))
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex items-center justify-center py-2",
-					children: /* @__PURE__ */ b(a, {
+					children: /* @__PURE__ */ y(a, {
 						tag: "h2",
 						className: "text-4xl font-bold tabular-nums border-none pb-0",
 						children: String(i)
 					})
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y("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))
+					children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ y("div", { className: r("h-5 w-2 rounded-sm", t < d ? _ : "bg-muted") }, t))
 				}),
-				/* @__PURE__ */ b(l, {}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ y(l, {}),
+				/* @__PURE__ */ y("div", {
 					className: "space-y-2",
-					children: p.map((e) => /* @__PURE__ */ b(u, {
+					children: p.map((e) => /* @__PURE__ */ y(u, {
 						label: e.label,
 						value: e.value,
 						mono: !0,
@@ -971,9 +997,9 @@ function J({ title: e, description: t, statusBadges: n, score: i, scoreLevel: o,
 						valueClassName: "text-sm font-semibold text-right"
 					}, e.label))
 				}),
-				!!m && m.length > 0 && /* @__PURE__ */ b("div", {
+				!!m && m.length > 0 && /* @__PURE__ */ y("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: m.map((e) => /* @__PURE__ */ b(s, {
+					children: m.map((e) => /* @__PURE__ */ y(s, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
@@ -983,56 +1009,56 @@ function J({ title: e, description: t, statusBadges: n, score: i, scoreLevel: o,
 		})
 	});
 }
-J.displayName = "DenseInfoScoreCard";
+q.displayName = "DenseInfoScoreCard";
 //#endregion
 //#region src/components/composed/data-display/inline-metric/inline-metric.tsx
-var Y = {
+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"
-}, X = {
+}, Y = {
 	sm: "xxs",
 	md: "xxs",
 	base: "xxs",
 	lg: "xs"
-}, Z = {
+}, X = {
 	sm: "xxs",
 	md: "xs",
 	base: "xs",
 	lg: "xs"
-}, ee = {
+}, Z = {
 	sm: "xxs",
 	md: "xxs",
 	base: "xxs",
 	lg: "xxs"
 };
 function Q({ metrics: e, className: t }) {
-	return /* @__PURE__ */ b("div", {
+	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__ */ x("span", {
-				className: r("inline-flex items-center bg-card ring-1 ring-border/60", Y[t] ?? Y.base),
+			return /* @__PURE__ */ b("span", {
+				className: r("inline-flex items-center bg-card ring-1 ring-border/60", J[t] ?? J.base),
 				children: [
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						tag: "span",
-						size: X[t] ?? "xxs",
+						size: Y[t] ?? "xxs",
 						type: "secondary",
 						children: e.label
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ y(i, {
 						tag: "span",
-						size: Z[t] ?? "xs",
+						size: X[t] ?? "xs",
 						weight: "semibold",
 						className: "tabular-nums",
 						children: e.value
 					}),
-					/* @__PURE__ */ x(i, {
+					/* @__PURE__ */ b(i, {
 						tag: "span",
-						size: ee[t] ?? "xxs",
+						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/15 text-success" : "bg-destructive/15 text-destructive"),
+						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]
 					})
 				]
@@ -1043,17 +1069,17 @@ function Q({ metrics: e, className: t }) {
 Q.displayName = "InlineMetricBadge";
 //#endregion
 //#region src/components/composed/data-display/mini-kpi/mini-kpi.tsx
-var te = "ring-1 ring-border/50 shadow-sm";
+var ee = "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", {
+	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__ */ b(i, {
+			children: [/* @__PURE__ */ y(i, {
 				weight: "bold",
 				className: "tabular-nums",
 				children: e.value
-			}), /* @__PURE__ */ b(i, {
+			}), /* @__PURE__ */ y(i, {
 				size: "xs",
 				type: "secondary",
 				className: "text-xxs",
@@ -1064,6 +1090,6 @@ function $({ kpis: e, className: t }) {
 }
 $.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 };
+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