admin-ui-starter-kit 0.4.5 → 0.5.0

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

@@ -1,44 +1,46 @@
 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";
+import { t as i } from "../../../_shared/button-BGKY8UY0.js";
+import { n as a, t as o } from "../../../_shared/heading-HeP06nXG.js";
+import { t as s } from "../../../_shared/icon-badge-zTBVtgt9.js";
+import { t as c } from "../../../_shared/badge-A8wQRShC.js";
+import { t as l } from "../../../_shared/smart-card-thLb85Ih.js";
+import { i as u } from "../../../_shared/display-CL69dmsv.js";
+import { t as d } from "../../../_shared/separator-B8FBp-7E.js";
+import { c as f, l as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-DAjqQhhj.js";
+import { u as y } from "../../../_shared/table-Ct3nl0lV.js";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { BarChart3 as C, Calendar as w, FolderOpen as T, Package as E, Plus as D, X as ee } 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),
+function O({ items: e, subtotal: t, tax: n, discount: i, total: o, className: s }) {
+	return /* @__PURE__ */ S("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", s),
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-[1fr_72px_96px_96px] gap-3 bg-muted/40 px-4 py-3",
 				children: [
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						children: "Item"
 					}),
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						align: "center",
 						children: "Qty"
 					}),
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
 						align: "right",
 						children: "Price"
 					}),
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						size: "xs",
 						type: "secondary",
 						weight: "medium",
@@ -47,74 +49,74 @@ function T({ items: e, subtotal: t, tax: n, discount: a, total: o, className: c
 					})
 				]
 			}),
-			e.map((t, n) => /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+			e.map((t, n) => /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-[1fr_72px_96px_96px] items-center gap-3 px-4 py-3",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "flex flex-col gap-0.5",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(i, {
+							children: [/* @__PURE__ */ x(a, {
 								weight: "medium",
 								children: t.title
-							}), !!t.badge && /* @__PURE__ */ y(s, {
+							}), !!t.badge && /* @__PURE__ */ x(c, {
 								variant: t.badgeVariant ?? "secondary",
 								children: t.badge
 							})]
-						}), !!t.description && /* @__PURE__ */ y(i, {
+						}), !!t.description && /* @__PURE__ */ x(a, {
 							size: "xs",
 							type: "secondary",
 							className: "line-clamp-1",
 							children: t.description
 						})]
 					}),
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						align: "center",
 						type: "secondary",
 						className: "tabular-nums",
 						children: t.quantity ?? 1
 					}),
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						align: "right",
 						className: "tabular-nums",
 						children: t.unitPrice ?? t.total
 					}),
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						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", {
+			}), n < e.length - 1 && /* @__PURE__ */ x(d, { className: "mx-4 !w-auto" })] }, t.id)),
+			!!(t || n || i || o) && /* @__PURE__ */ S("div", {
 				className: "space-y-2 border-t border-border bg-muted/30 px-4 py-3",
 				children: [
-					!!t && /* @__PURE__ */ y(u, {
+					!!t && /* @__PURE__ */ x(u, {
 						label: "Subtotal",
 						value: t,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					!!a && /* @__PURE__ */ y(u, {
+					!!i && /* @__PURE__ */ x(u, {
 						label: "Discount",
-						value: `-${a}`,
+						value: `-${i}`,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm text-success"
 					}),
-					!!n && /* @__PURE__ */ y(u, {
+					!!n && /* @__PURE__ */ x(u, {
 						label: "Tax",
 						value: n,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					!!o && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y(u, {
+					!!o && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(d, {}), /* @__PURE__ */ x(u, {
 						className: "pt-1",
 						label: "Total",
-						value: /* @__PURE__ */ y(i, {
+						value: /* @__PURE__ */ x(a, {
 							weight: "semibold",
 							className: "tabular-nums",
 							children: o
@@ -126,35 +128,35 @@ function T({ items: e, subtotal: t, tax: n, discount: a, total: o, className: c
 		]
 	});
 }
-function E({ items: e, total: t, className: n }) {
-	return /* @__PURE__ */ b("div", {
+function k({ items: e, total: t, className: n }) {
+	return /* @__PURE__ */ S("div", {
 		className: r("invoice-items--component", "w-full min-w-0 max-w-full space-y-2", n),
-		children: [/* @__PURE__ */ y(m, {
+		children: [/* @__PURE__ */ x(h, {
 			className: "min-w-0 max-w-full",
-			children: e.map((e) => /* @__PURE__ */ b(g, {
+			children: e.map((e) => /* @__PURE__ */ S(_, {
 				className: "min-w-0 bg-card shadow-sm",
 				children: [
-					/* @__PURE__ */ y(d, { children: /* @__PURE__ */ y(o, {
+					/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x(s, {
 						tone: "muted",
 						size: "sm",
 						shape: "square",
-						children: e.icon ?? /* @__PURE__ */ y(w, {})
+						children: e.icon ?? /* @__PURE__ */ x(E, {})
 					}) }),
-					/* @__PURE__ */ b(h, {
+					/* @__PURE__ */ S(g, {
 						className: "min-w-0 basis-0",
-						children: [/* @__PURE__ */ y(_, {
+						children: [/* @__PURE__ */ x(v, {
 							className: "w-full min-w-0 max-w-full",
-							children: /* @__PURE__ */ y("span", {
+							children: /* @__PURE__ */ x("span", {
 								className: "block min-w-0 truncate",
 								children: e.title
 							})
-						}), !!(e.description || e.badge) && /* @__PURE__ */ b("div", {
+						}), !!(e.description || e.badge) && /* @__PURE__ */ S("div", {
 							className: "flex min-w-0 items-center gap-1.5",
-							children: [!!e.badge && /* @__PURE__ */ y(s, {
+							children: [!!e.badge && /* @__PURE__ */ x(c, {
 								variant: e.badgeVariant ?? "secondary",
 								className: "shrink-0",
 								children: e.badge
-							}), !!e.description && /* @__PURE__ */ y(i, {
+							}), !!e.description && /* @__PURE__ */ x(a, {
 								size: "xs",
 								type: "secondary",
 								className: "min-w-0 truncate",
@@ -162,14 +164,14 @@ function E({ items: e, total: t, className: n }) {
 							})]
 						})]
 					}),
-					/* @__PURE__ */ b(p, {
+					/* @__PURE__ */ S(m, {
 						className: "ml-auto min-w-0 shrink-0 justify-end",
-						children: [!!e.quantity && e.quantity > 1 && /* @__PURE__ */ b(i, {
+						children: [!!e.quantity && e.quantity > 1 && /* @__PURE__ */ S(a, {
 							size: "xs",
 							type: "secondary",
 							className: "shrink-0 tabular-nums",
 							children: ["x", e.quantity]
-						}), /* @__PURE__ */ y(i, {
+						}), /* @__PURE__ */ x(a, {
 							weight: "semibold",
 							align: "right",
 							className: "shrink-0 tabular-nums",
@@ -178,10 +180,10 @@ function E({ items: e, total: t, className: n }) {
 					})
 				]
 			}, e.id))
-		}), !!t && /* @__PURE__ */ y(u, {
+		}), !!t && /* @__PURE__ */ x(u, {
 			className: "rounded-lg border border-border bg-muted/30 px-4 py-2.5",
 			label: "Total",
-			value: /* @__PURE__ */ y(i, {
+			value: /* @__PURE__ */ x(a, {
 				weight: "semibold",
 				className: "tabular-nums",
 				children: t
@@ -190,46 +192,46 @@ function E({ items: e, total: t, className: n }) {
 		})]
 	});
 }
-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", {
+function A({ items: e, subtotal: t, tax: n, discount: i, total: o, className: s }) {
+	return /* @__PURE__ */ S("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", s),
+		children: [/* @__PURE__ */ x("div", {
 			className: "divide-y divide-border",
-			children: e.map((e) => /* @__PURE__ */ y("div", {
+			children: e.map((e) => /* @__PURE__ */ x("div", {
 				className: "px-4 py-3",
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "flex items-start justify-between gap-4",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "flex items-start gap-3 flex-1 min-w-0",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ x("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", {
+							children: e.icon ?? /* @__PURE__ */ x(E, { className: "size-4" })
+						}), /* @__PURE__ */ S("div", {
 							className: "flex-1 min-w-0 space-y-1",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ y(i, {
+									children: [/* @__PURE__ */ x(a, {
 										weight: "semibold",
 										children: e.title
-									}), !!e.badge && /* @__PURE__ */ y(s, {
+									}), !!e.badge && /* @__PURE__ */ x(c, {
 										variant: e.badgeVariant ?? "secondary",
 										children: e.badge
 									})]
 								}),
-								!!e.description && /* @__PURE__ */ y(i, {
+								!!e.description && /* @__PURE__ */ x(a, {
 									size: "xs",
 									type: "secondary",
 									className: "line-clamp-2",
 									children: e.description
 								}),
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center gap-3 pt-0.5",
-									children: [!!e.quantity && /* @__PURE__ */ b(i, {
+									children: [!!e.quantity && /* @__PURE__ */ S(a, {
 										size: "xs",
 										type: "discrete",
 										children: ["Qty: ", e.quantity]
-									}), !!e.unitPrice && /* @__PURE__ */ b(i, {
+									}), !!e.unitPrice && /* @__PURE__ */ S(a, {
 										size: "xs",
 										type: "discrete",
 										className: "tabular-nums",
@@ -238,9 +240,9 @@ function D({ items: e, subtotal: t, tax: n, discount: a, total: o, className: c
 								})
 							]
 						})]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "flex flex-col items-end gap-1 shrink-0",
-						children: /* @__PURE__ */ y(i, {
+						children: /* @__PURE__ */ x(a, {
 							weight: "semibold",
 							className: "tabular-nums",
 							children: e.total
@@ -248,37 +250,37 @@ function D({ items: e, subtotal: t, tax: n, discount: a, total: o, className: c
 					})]
 				})
 			}, e.id))
-		}), !!o && /* @__PURE__ */ y("div", {
+		}), !!o && /* @__PURE__ */ x("div", {
 			className: "border-t border-border bg-muted/30 px-4 py-3",
-			children: /* @__PURE__ */ b("div", {
+			children: /* @__PURE__ */ S("div", {
 				className: "space-y-2",
 				children: [
-					!!t && /* @__PURE__ */ y(u, {
+					!!t && /* @__PURE__ */ x(u, {
 						label: "Subtotal",
 						value: t,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					!!a && /* @__PURE__ */ y(u, {
+					!!i && /* @__PURE__ */ x(u, {
 						label: "Discount",
-						value: `-${a}`,
+						value: `-${i}`,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm text-success"
 					}),
-					!!n && /* @__PURE__ */ y(u, {
+					!!n && /* @__PURE__ */ x(u, {
 						label: "Tax (20%)",
 						value: n,
 						mono: !0,
 						labelClassName: "text-sm",
 						valueClassName: "text-sm"
 					}),
-					/* @__PURE__ */ y(l, {}),
-					/* @__PURE__ */ y(u, {
+					/* @__PURE__ */ x(d, {}),
+					/* @__PURE__ */ x(u, {
 						className: "pt-1",
 						label: "Total Due",
-						value: /* @__PURE__ */ y(i, {
+						value: /* @__PURE__ */ x(a, {
 							weight: "semibold",
 							className: "tabular-nums",
 							children: o
@@ -290,75 +292,75 @@ function D({ items: e, subtotal: t, tax: n, discount: a, total: o, className: c
 		})]
 	});
 }
-T.displayName = "InvoiceItemsTable", E.displayName = "InvoiceItemsCompact", D.displayName = "InvoiceItemsDetailed";
+O.displayName = "InvoiceItemsTable", k.displayName = "InvoiceItemsCompact", A.displayName = "InvoiceItemsDetailed";
 //#endregion
 //#region src/components/composed/data-display/invoice-mini/types.ts
-var O = {
+var j = {
 	paid: "Paid",
 	pending: "Pending",
 	overdue: "Overdue",
 	items: (e) => e === 1 ? "1 line item" : `${e} line items`,
 	due: "Due"
-}, k = {
+}, M = {
 	paid: "success",
 	pending: "warning",
 	overdue: "error"
-}, A = {
+}, N = {
 	paid: {
-		label: O.paid,
+		label: j.paid,
 		variant: "success"
 	},
 	pending: {
-		label: O.pending,
+		label: j.pending,
 		variant: "warning"
 	},
 	overdue: {
-		label: O.overdue,
+		label: j.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 = {
+function P({ invoice: t, className: n, strings: i }) {
+	let o = e(j, i), s = {
 		paid: o.paid,
 		pending: o.pending,
 		overdue: o.overdue
 	};
-	return /* @__PURE__ */ y(c, {
+	return /* @__PURE__ */ x(l, {
 		padding: "sm",
 		className: r("invoice-mini--component min-w-0", n),
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ y(i, {
+					children: [/* @__PURE__ */ x(a, {
 						weight: "semibold",
 						className: "min-w-0 flex-1 truncate font-mono tracking-wide",
 						children: t.invoiceNumber
-					}), /* @__PURE__ */ y(s, {
-						variant: k[t.status],
+					}), /* @__PURE__ */ x(c, {
+						variant: M[t.status],
 						size: "xs",
 						dot: !0,
 						className: "shrink-0",
-						children: l[t.status]
+						children: s[t.status]
 					})]
 				}),
-				/* @__PURE__ */ y(i, {
+				/* @__PURE__ */ x(a, {
 					type: "secondary",
 					className: "truncate",
 					children: t.customerName
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex flex-wrap items-end justify-between gap-x-3 gap-y-1 pt-1",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "min-w-0 space-y-0.5",
-						children: [/* @__PURE__ */ y(i, {
+						children: [/* @__PURE__ */ x(a, {
 							size: "xs",
 							type: "secondary",
 							children: o.items(t.lineItemsCount)
-						}), /* @__PURE__ */ b(i, {
+						}), /* @__PURE__ */ S(a, {
 							size: "xxs",
 							type: "discrete",
 							className: "whitespace-nowrap tabular-nums",
@@ -368,7 +370,7 @@ function j({ invoice: t, className: n, strings: a }) {
 								t.dueDate
 							]
 						})]
-					}), /* @__PURE__ */ y(i, {
+					}), /* @__PURE__ */ x(a, {
 						size: "base",
 						weight: "bold",
 						className: r("ml-auto shrink-0 tabular-nums leading-none"),
@@ -379,10 +381,10 @@ function j({ invoice: t, className: n, strings: a }) {
 		})
 	});
 }
-j.displayName = "InvoiceMiniCard";
+P.displayName = "InvoiceMiniCard";
 //#endregion
 //#region src/components/composed/data-display/invoice-header/types.ts
-var M = {
+var F = {
 	title: "Invoice",
 	billFrom: "Bill From",
 	billTo: "Bill To",
@@ -392,23 +394,23 @@ var M = {
 };
 //#endregion
 //#region src/components/composed/data-display/invoice-header/invoice-header.tsx
-function N({ eyebrow: e, name: t, location: n }) {
-	return /* @__PURE__ */ b("div", {
+function I({ eyebrow: e, name: t, location: n }) {
+	return /* @__PURE__ */ S("div", {
 		className: r("invoice-header--component", "space-y-1"),
 		children: [
-			/* @__PURE__ */ y(i, {
+			/* @__PURE__ */ x(a, {
 				size: "xxs",
 				type: "secondary",
 				weight: "medium",
 				className: "uppercase tracking-wider",
 				children: e
 			}),
-			/* @__PURE__ */ y(i, {
+			/* @__PURE__ */ x(a, {
 				weight: "semibold",
 				className: "leading-snug",
 				children: t
 			}),
-			!!n && /* @__PURE__ */ y(i, {
+			!!n && /* @__PURE__ */ x(a, {
 				size: "xs",
 				type: "secondary",
 				className: "leading-snug",
@@ -417,48 +419,48 @@ function N({ eyebrow: e, name: t, location: 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, {
+function L({ invoiceNumber: e, status: n, statusVariant: i = "success", from: s, to: f, issuedDate: p, dueDate: m, amount: h, className: g, strings: _ }) {
+	let v = t(F, _);
+	return /* @__PURE__ */ S(l, {
 		title: v.title,
 		className: g,
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ y(i, {
+				children: [/* @__PURE__ */ x(a, {
 					weight: "bold",
 					className: "font-mono tracking-wide",
 					children: e
-				}), /* @__PURE__ */ y(s, {
-					variant: o,
+				}), /* @__PURE__ */ x(c, {
+					variant: i,
 					children: n
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6",
-				children: [/* @__PURE__ */ y(N, {
+				children: [/* @__PURE__ */ x(I, {
 					eyebrow: v.billFrom,
-					name: d.name,
-					location: d.location
-				}), /* @__PURE__ */ y(N, {
+					name: s.name,
+					location: s.location
+				}), /* @__PURE__ */ x(I, {
 					eyebrow: v.billTo,
 					name: f.name,
 					location: f.location
 				})]
 			}),
-			/* @__PURE__ */ y(l, { className: "my-5" }),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x(d, { className: "my-5" }),
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-end justify-between gap-4",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "space-y-1",
-					children: [!!p && /* @__PURE__ */ y(u, {
+					children: [!!p && /* @__PURE__ */ x(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, {
+					}), !!m && /* @__PURE__ */ x(u, {
 						layout: "inline",
 						label: v.due,
 						value: m,
@@ -466,15 +468,15 @@ function P({ invoiceNumber: e, status: n, statusVariant: o = "success", from: d,
 						labelClassName: "text-xxs uppercase tracking-wider font-medium",
 						valueClassName: "text-xs font-medium"
 					})]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "text-right",
-					children: [/* @__PURE__ */ y(i, {
+					children: [/* @__PURE__ */ x(a, {
 						size: "xxs",
 						type: "secondary",
 						weight: "medium",
 						className: "uppercase tracking-wider",
 						children: v.amountDue
-					}), /* @__PURE__ */ y(a, {
+					}), /* @__PURE__ */ x(o, {
 						tag: "h3",
 						className: r("mt-1 text-3xl tabular-nums leading-none tracking-tight border-none pb-0"),
 						children: h
@@ -484,25 +486,25 @@ function P({ invoiceNumber: e, status: n, statusVariant: o = "success", from: d,
 		]
 	});
 }
-P.displayName = "InvoiceHeaderCard";
+L.displayName = "InvoiceHeaderCard";
 //#endregion
 //#region src/components/composed/data-display/invoice-table/types.ts
-var F = {
+var R = {
 	subtotal: "Subtotal",
 	tax: "Tax",
 	total: "Total"
-}, I = "border border-border shadow-sm", L = {
+}, z = "border border-border shadow-sm", B = {
 	left: "text-left justify-start",
 	right: "text-right justify-end",
 	center: "text-center justify-center"
 };
-function R(e) {
+function V(e) {
 	return [
 		{
 			id: "description",
 			header: "Item",
 			width: "minmax(0,1fr)",
-			cell: (e) => /* @__PURE__ */ y(i, {
+			cell: (e) => /* @__PURE__ */ x(a, {
 				className: "truncate",
 				children: e.description
 			})
@@ -512,7 +514,7 @@ function R(e) {
 			header: "Qty",
 			width: "36px",
 			align: "center",
-			cell: (e) => /* @__PURE__ */ y(i, {
+			cell: (e) => /* @__PURE__ */ x(a, {
 				align: "center",
 				className: "tabular-nums",
 				children: e.qty
@@ -523,7 +525,7 @@ function R(e) {
 			header: "Price",
 			width: "82px",
 			align: "right",
-			cell: (t) => /* @__PURE__ */ b(i, {
+			cell: (t) => /* @__PURE__ */ S(a, {
 				className: "tabular-nums font-mono",
 				children: [e, t.price.toFixed(2)]
 			})
@@ -533,7 +535,7 @@ function R(e) {
 			header: "Total",
 			width: "82px",
 			align: "right",
-			cell: (t) => /* @__PURE__ */ b(i, {
+			cell: (t) => /* @__PURE__ */ S(a, {
 				weight: "medium",
 				className: "tabular-nums font-mono",
 				children: [e, t.total.toFixed(2)]
@@ -541,7 +543,7 @@ function R(e) {
 		}
 	];
 }
-function z(e, t, n, r) {
+function te(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 [
 		{
@@ -559,17 +561,17 @@ function z(e, t, n, r) {
 		}
 	];
 }
-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),
+function H({ items: e, columns: i, footerRows: o, taxRate: s = .2, currency: c, className: l, strings: u }) {
+	let f = t(R, u), { defaultCurrency: p } = n(), m = c ?? p ?? "€", h = i ?? V(m), g = o ?? (i ? [] : te(e, s, m, f)), _ = h.map((e) => e.width ?? "1fr").join(" ");
+	return /* @__PURE__ */ S("div", {
+		className: r("invoice-table--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg bg-card", z, l),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("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, {
+				children: h.map((e) => /* @__PURE__ */ x("div", {
+					className: r("flex min-w-0", B[e.align ?? "left"], e.headerClassName),
+					children: /* @__PURE__ */ x(a, {
 						size: "xs",
 						weight: "medium",
 						type: "secondary",
@@ -578,23 +580,23 @@ function B({ items: e, columns: a, footerRows: o, taxRate: s = .2, currency: c,
 					})
 				}, e.id))
 			}),
-			e.map((e, t) => /* @__PURE__ */ y("div", {
+			e.map((e, t) => /* @__PURE__ */ x("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: h.map((n) => /* @__PURE__ */ x("div", {
+					className: r("flex min-w-0 items-center", B[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", {
+			g.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(d, {}), /* @__PURE__ */ x("div", {
 				className: "space-y-2 px-4 py-3",
-				children: g.map((e, t) => /* @__PURE__ */ b("div", {
+				children: g.map((e, t) => /* @__PURE__ */ S("div", {
 					className: r("flex justify-between", e.emphasis === "total" && "pt-2"),
-					children: [/* @__PURE__ */ y(i, {
+					children: [/* @__PURE__ */ x(a, {
 						type: e.emphasis === "total" ? void 0 : "secondary",
 						weight: e.emphasis === "total" ? "bold" : "regular",
 						children: e.label
-					}), /* @__PURE__ */ y(i, {
+					}), /* @__PURE__ */ x(a, {
 						weight: e.emphasis === "total" ? "bold" : "regular",
 						className: "tabular-nums font-mono",
 						children: e.value
@@ -604,13 +606,13 @@ function B({ items: e, columns: a, footerRows: o, taxRate: s = .2, currency: c,
 		]
 	});
 }
-B.displayName = "InvoiceTable";
+H.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", {
+function ne({ value: e, max: t = 5, label: n }) {
+	return /* @__PURE__ */ S("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, {
+		children: [Array.from({ length: t }, (t, n) => /* @__PURE__ */ x("div", { className: r("h-1.5 w-3 rounded-full", n < e ? "bg-foreground/60" : "bg-muted") }, n)), !!n && /* @__PURE__ */ x(a, {
 			size: "xs",
 			type: "secondary",
 			className: "ml-1",
@@ -618,20 +620,20 @@ function V({ value: e, max: t = 5, label: n }) {
 		})]
 	});
 }
-function H({ label: e, value: t, badge: n, badgeVariant: r }) {
-	return /* @__PURE__ */ b("div", {
+function U({ label: e, value: t, badge: n, badgeVariant: r }) {
+	return /* @__PURE__ */ S("div", {
 		className: "flex items-center justify-between gap-2",
 		children: [
-			/* @__PURE__ */ y(i, {
+			/* @__PURE__ */ x(a, {
 				size: "xs",
 				className: "shrink-0 text-muted-foreground",
 				children: e
 			}),
-			!!n && /* @__PURE__ */ y(s, {
+			!!n && /* @__PURE__ */ x(c, {
 				variant: r ?? "secondary",
 				children: n
 			}),
-			!!t && !n && /* @__PURE__ */ y(i, {
+			!!t && !n && /* @__PURE__ */ x(a, {
 				weight: "semibold",
 				className: "text-right tabular-nums",
 				children: t
@@ -641,90 +643,90 @@ function H({ label: e, value: t, badge: n, badgeVariant: r }) {
 }
 //#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, {
+function W({ title: e, description: t, statusBadges: n, rows: r, secondaryRows: i, scale: o, footerBadges: s, footerText: u, actions: f, className: p }) {
+	return /* @__PURE__ */ x(l, {
 		title: e,
 		description: t,
 		actions: f,
 		className: p,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ y(s, {
+					children: n.map((e) => /* @__PURE__ */ x(c, {
 						variant: e.variant,
 						children: e.label
 					}, e.label))
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "space-y-2",
-					children: r.map((e) => /* @__PURE__ */ y(H, { ...e }, e.label))
+					children: r.map((e) => /* @__PURE__ */ x(U, { ...e }, e.label))
 				}),
-				!!o && /* @__PURE__ */ b("div", {
+				!!o && /* @__PURE__ */ S("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ y(i, {
+					children: [/* @__PURE__ */ x(a, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: o.label
-					}), /* @__PURE__ */ y(V, {
+					}), /* @__PURE__ */ x(ne, {
 						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", {
+				!!i && i.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(d, {}), /* @__PURE__ */ x("div", {
 					className: "space-y-2",
-					children: a.map((e) => /* @__PURE__ */ y(H, { ...e }, e.label))
+					children: i.map((e) => /* @__PURE__ */ x(U, { ...e }, e.label))
 				})] }),
-				(!!u || !!d) && /* @__PURE__ */ b("div", {
+				(!!s || !!u) && /* @__PURE__ */ S("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!u && u.map((e) => /* @__PURE__ */ y(s, {
+					children: [!!s && s.map((e) => /* @__PURE__ */ x(c, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
-					}, e.label)), !!d && /* @__PURE__ */ y(i, {
+					}, e.label)), !!u && /* @__PURE__ */ x(a, {
 						size: "xs",
 						className: "text-muted-foreground",
-						children: d
+						children: u
 					})]
 				})
 			]
 		})
 	});
 }
-U.displayName = "DenseInfoDashboard";
+W.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, {
+function G({ title: e, description: t, stats: n, items: i, totalLabel: s, totalValue: p, footerBadges: y, footerText: C, actions: w, className: T }) {
+	return /* @__PURE__ */ x(l, {
 		title: e,
 		description: t,
 		actions: w,
 		className: T,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
-					children: n.map((e) => /* @__PURE__ */ b("div", {
+					children: n.map((e) => /* @__PURE__ */ S("div", {
 						className: "rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5 text-center",
 						children: [
-							/* @__PURE__ */ y(a, {
+							/* @__PURE__ */ x(o, {
 								tag: "h4",
 								className: "border-none pb-0 text-base font-semibold tabular-nums",
 								children: e.value
 							}),
-							/* @__PURE__ */ y(i, {
+							/* @__PURE__ */ x(a, {
 								size: "xxs",
 								type: "secondary",
 								weight: "medium",
 								className: "mt-0.5",
 								children: e.label
 							}),
-							!!e.trendBadge && /* @__PURE__ */ y("div", {
+							!!e.trendBadge && /* @__PURE__ */ x("div", {
 								className: "mt-1 flex justify-center",
-								children: /* @__PURE__ */ y(s, {
+								children: /* @__PURE__ */ x(c, {
 									variant: e.trendVariant ?? "secondary",
 									children: e.trendBadge
 								})
@@ -732,21 +734,21 @@ function W({ title: e, description: t, stats: n, items: o, totalLabel: f, totalV
 						]
 					}, e.label))
 				}),
-				/* @__PURE__ */ y(l, {}),
-				/* @__PURE__ */ y(m, { children: o.map((e) => /* @__PURE__ */ b(g, {
+				/* @__PURE__ */ x(d, {}),
+				/* @__PURE__ */ x(h, { children: i.map((e) => /* @__PURE__ */ S(_, {
 					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(_, {
+						/* @__PURE__ */ x(f, { children: /* @__PURE__ */ x("span", { className: r("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
+						/* @__PURE__ */ x(g, { children: /* @__PURE__ */ S(v, {
 							bold: !1,
 							className: "gap-2",
-							children: [e.label, !!e.badge && /* @__PURE__ */ y(s, {
+							children: [e.label, !!e.badge && /* @__PURE__ */ x(c, {
 								variant: e.badgeVariant ?? "secondary",
 								children: e.badge
 							})]
 						}) }),
-						/* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(i, {
+						/* @__PURE__ */ x(m, { children: /* @__PURE__ */ x(a, {
 							size: "xs",
 							weight: "semibold",
 							className: "tabular-nums",
@@ -754,20 +756,20 @@ function W({ title: e, description: t, stats: n, items: o, totalLabel: f, totalV
 						}) })
 					]
 				}, e.label)) }),
-				!!x && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {}), /* @__PURE__ */ y(u, {
-					label: f ?? "Total",
-					value: x,
+				!!p && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(d, {}), /* @__PURE__ */ x(u, {
+					label: s ?? "Total",
+					value: p,
 					mono: !0,
 					labelClassName: "text-sm font-bold",
 					valueClassName: "text-sm font-bold"
 				})] }),
-				(!!S || !!C) && /* @__PURE__ */ b("div", {
+				(!!y || !!C) && /* @__PURE__ */ S("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!S && S.map((e) => /* @__PURE__ */ y(s, {
+					children: [!!y && y.map((e) => /* @__PURE__ */ x(c, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
-					}, e.label)), !!C && /* @__PURE__ */ y(i, {
+					}, e.label)), !!C && /* @__PURE__ */ x(a, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: C
@@ -777,56 +779,56 @@ function W({ title: e, description: t, stats: n, items: o, totalLabel: f, totalV
 		})
 	});
 }
-W.displayName = "DenseInfoClassification";
+G.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, {
+function K({ title: e, description: t, headerBadges: n, lineItems: r, totalLabel: i = "Total", totalAmount: o, footerBadges: s, footerText: d, actions: f, className: y }) {
+	return /* @__PURE__ */ x(l, {
 		title: e,
 		description: t,
-		actions: v,
-		className: x,
-		children: /* @__PURE__ */ b("div", {
+		actions: f,
+		className: y,
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ y(s, {
+					children: n.map((e) => /* @__PURE__ */ x(c, {
 						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, {
+				/* @__PURE__ */ x(h, { children: r.map((e, t) => /* @__PURE__ */ S("div", { children: [t > 0 && /* @__PURE__ */ x(p, { className: "my-0" }), /* @__PURE__ */ S(_, {
 					size: "xs",
 					className: "px-0",
-					children: [/* @__PURE__ */ y(h, { children: /* @__PURE__ */ b(_, {
+					children: [/* @__PURE__ */ x(g, { children: /* @__PURE__ */ S(v, {
 						className: "gap-2",
-						children: [e.label, !!e.badge && /* @__PURE__ */ y(s, {
+						children: [e.label, !!e.badge && /* @__PURE__ */ x(c, {
 							variant: e.badgeVariant ?? "secondary",
 							children: e.badge
 						})]
-					}) }), /* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(i, {
+					}) }), /* @__PURE__ */ x(m, { children: /* @__PURE__ */ x(a, {
 						size: "xs",
 						weight: "semibold",
 						className: "tabular-nums",
 						children: e.amount
 					}) })]
 				})] }, e.label)) }),
-				!!o && /* @__PURE__ */ y(u, {
+				!!o && /* @__PURE__ */ x(u, {
 					className: "rounded-lg bg-muted/50 px-3 py-2.5",
-					label: a,
+					label: i,
 					value: o,
 					mono: !0,
 					labelClassName: "text-sm font-semibold",
 					valueClassName: "text-sm font-semibold"
 				}),
-				(!!l || !!d) && /* @__PURE__ */ b("div", {
+				(!!s || !!d) && /* @__PURE__ */ S("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: [!!l && l.map((e) => /* @__PURE__ */ y(s, {
+					children: [!!s && s.map((e) => /* @__PURE__ */ x(c, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
-					}, e.label)), !!d && /* @__PURE__ */ y(i, {
+					}, e.label)), !!d && /* @__PURE__ */ x(a, {
 						size: "xs",
 						className: "text-muted-foreground",
 						children: d
@@ -836,52 +838,52 @@ function G({ title: e, description: t, headerBadges: n, lineItems: r, totalLabel
 		})
 	});
 }
-G.displayName = "DenseInfoFinancial";
+K.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 }) {
+function q({ title: e, description: t, statusLabel: n, statusVariant: r, metaPairs: i, date: s, priority: u, 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, {
+	return /* @__PURE__ */ x(l, {
 		padding: "sm",
 		actions: m,
 		className: h,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ y(C, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y(s, {
+					children: [/* @__PURE__ */ x(T, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ x(c, {
 						variant: r,
 						dot: !0,
 						children: n
 					})]
 				}),
-				/* @__PURE__ */ y(a, {
+				/* @__PURE__ */ x(o, {
 					tag: "h5",
 					className: "font-bold border-none pb-0",
 					children: e
 				}),
-				!!t && /* @__PURE__ */ y(i, {
+				!!t && /* @__PURE__ */ x(a, {
 					type: "secondary",
 					className: "line-clamp-2",
 					children: t
 				}),
-				!!o && o.length > 0 && /* @__PURE__ */ y("div", {
+				!!i && i.length > 0 && /* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: o.map((e, t) => /* @__PURE__ */ b("span", {
+					children: i.map((e, t) => /* @__PURE__ */ S("span", {
 						className: "flex items-center gap-1",
 						children: [
-							t > 0 && /* @__PURE__ */ y(i, {
+							t > 0 && /* @__PURE__ */ x(a, {
 								tag: "span",
 								type: "discrete",
 								className: "mx-0.5",
 								children: "•"
 							}),
-							!!e.icon && /* @__PURE__ */ y("span", {
+							!!e.icon && /* @__PURE__ */ x("span", {
 								className: "text-muted-foreground",
 								children: e.icon
 							}),
-							/* @__PURE__ */ y(i, {
+							/* @__PURE__ */ x(a, {
 								size: "xs",
 								type: "secondary",
 								children: e.label
@@ -889,35 +891,35 @@ function K({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 						]
 					}, e.label))
 				}),
-				(!!u || !!d) && /* @__PURE__ */ b("div", {
+				(!!s || !!u) && /* @__PURE__ */ S("div", {
 					className: "flex items-center justify-between",
-					children: [!!u && /* @__PURE__ */ b("div", {
+					children: [!!s && /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ y(S, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y(i, {
+						children: [/* @__PURE__ */ x(w, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ x(a, {
 							size: "xs",
 							type: "secondary",
-							children: u
+							children: s
 						})]
-					}), !!d && /* @__PURE__ */ b("div", {
+					}), !!u && /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ y(x, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y(i, {
+						children: [/* @__PURE__ */ x(C, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ x(a, {
 							size: "xs",
 							type: "secondary",
-							children: d
+							children: u
 						})]
 					})]
 				}),
-				/* @__PURE__ */ y(l, {}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x(d, {}),
+				/* @__PURE__ */ S("div", {
 					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ b("svg", {
+						children: [/* @__PURE__ */ S("svg", {
 							width: "20",
 							height: "20",
 							viewBox: "0 0 20 20",
 							className: "shrink-0",
-							children: [/* @__PURE__ */ y("circle", {
+							children: [/* @__PURE__ */ x("circle", {
 								cx: "10",
 								cy: "10",
 								r: "7",
@@ -925,7 +927,7 @@ function K({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 								stroke: "currentColor",
 								strokeWidth: "2",
 								className: "text-muted/50"
-							}), /* @__PURE__ */ y("circle", {
+							}), /* @__PURE__ */ x("circle", {
 								cx: "10",
 								cy: "10",
 								r: "7",
@@ -938,7 +940,7 @@ function K({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 								className: "text-primary",
 								transform: "rotate(-90 10 10)"
 							})]
-						}), /* @__PURE__ */ b(i, {
+						}), /* @__PURE__ */ S(a, {
 							size: "xs",
 							weight: "medium",
 							children: [
@@ -948,48 +950,48 @@ function K({ title: e, description: t, statusLabel: n, statusVariant: r, metaPai
 								" Tasks"
 							]
 						})]
-					}), /* @__PURE__ */ y("div", { className: "h-6 w-6 rounded-full bg-muted" })]
+					}), /* @__PURE__ */ x("div", { className: "h-6 w-6 rounded-full bg-muted" })]
 				})
 			]
 		})
 	});
 }
-K.displayName = "DenseInfoProjectCard";
+q.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, {
+function J({ title: e, description: t, statusBadges: n, score: i, scoreLevel: a, scoreFilled: s, scoreTotal: f = 10, rows: p, footerBadges: m, actions: h, className: g }) {
+	let _ = a === "good" ? "bg-success" : a === "medium" ? "bg-warning" : "bg-destructive";
+	return /* @__PURE__ */ x(l, {
 		title: e,
 		description: t,
 		actions: h,
 		className: g,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-1.5",
-					children: n.map((e) => /* @__PURE__ */ y(s, {
+					children: n.map((e) => /* @__PURE__ */ x(c, {
 						variant: e.variant,
 						children: e.label
 					}, e.label))
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex items-center justify-center py-2",
-					children: /* @__PURE__ */ y(a, {
+					children: /* @__PURE__ */ x(o, {
 						tag: "h2",
 						className: "text-4xl font-bold tabular-nums border-none pb-0",
 						children: String(i)
 					})
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x("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))
+					children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ x("div", { className: r("h-5 w-2 rounded-sm", t < s ? _ : "bg-muted") }, t))
 				}),
-				/* @__PURE__ */ y(l, {}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x(d, {}),
+				/* @__PURE__ */ x("div", {
 					className: "space-y-2",
-					children: p.map((e) => /* @__PURE__ */ y(u, {
+					children: p.map((e) => /* @__PURE__ */ x(u, {
 						label: e.label,
 						value: e.value,
 						mono: !0,
@@ -997,9 +999,9 @@ function q({ title: e, description: t, statusBadges: n, score: i, scoreLevel: o,
 						valueClassName: "text-sm font-semibold text-right"
 					}, e.label))
 				}),
-				!!m && m.length > 0 && /* @__PURE__ */ y("div", {
+				!!m && m.length > 0 && /* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-2 border-t pt-2",
-					children: m.map((e) => /* @__PURE__ */ y(s, {
+					children: m.map((e) => /* @__PURE__ */ x(c, {
 						variant: e.variant,
 						className: "text-xxs",
 						children: e.label
@@ -1009,54 +1011,54 @@ function q({ title: e, description: t, statusBadges: n, score: i, scoreLevel: o,
 		})
 	});
 }
-q.displayName = "DenseInfoScoreCard";
+J.displayName = "DenseInfoScoreCard";
 //#endregion
 //#region src/components/composed/data-display/inline-metric/inline-metric.tsx
-var J = {
+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"
-}, Y = {
+}, re = {
 	sm: "xxs",
 	md: "xxs",
 	base: "xxs",
 	lg: "xs"
-}, X = {
+}, ie = {
 	sm: "xxs",
 	md: "xs",
 	base: "xs",
 	lg: "xs"
-}, Z = {
+}, ae = {
 	sm: "xxs",
 	md: "xxs",
 	base: "xxs",
 	lg: "xxs"
 };
-function Q({ metrics: e, className: t }) {
-	return /* @__PURE__ */ y("div", {
+function X({ metrics: e, className: t }) {
+	return /* @__PURE__ */ x("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),
+			return /* @__PURE__ */ S("span", {
+				className: r("inline-flex items-center bg-card ring-1 ring-border/60", Y[t] ?? Y.base),
 				children: [
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						tag: "span",
-						size: Y[t] ?? "xxs",
+						size: re[t] ?? "xxs",
 						type: "secondary",
 						children: e.label
 					}),
-					/* @__PURE__ */ y(i, {
+					/* @__PURE__ */ x(a, {
 						tag: "span",
-						size: X[t] ?? "xs",
+						size: ie[t] ?? "xs",
 						weight: "semibold",
 						className: "tabular-nums",
 						children: e.value
 					}),
-					/* @__PURE__ */ b(i, {
+					/* @__PURE__ */ S(a, {
 						tag: "span",
-						size: Z[t] ?? "xxs",
+						size: ae[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]
@@ -1066,20 +1068,20 @@ function Q({ metrics: e, className: t }) {
 		})
 	});
 }
-Q.displayName = "InlineMetricBadge";
+X.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", {
+var oe = "ring-1 ring-border/50 shadow-sm";
+function Z({ kpis: e, className: t }) {
+	return /* @__PURE__ */ x("div", {
+		className: r("mini-kpi--component", "inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2", oe, t),
+		children: e.map((e) => /* @__PURE__ */ S("div", {
 			className: "flex flex-col items-center px-4",
-			children: [/* @__PURE__ */ y(i, {
+			children: [/* @__PURE__ */ x(a, {
 				weight: "bold",
 				className: "tabular-nums",
 				children: e.value
-			}), /* @__PURE__ */ y(i, {
+			}), /* @__PURE__ */ x(a, {
 				size: "xs",
 				type: "secondary",
 				className: "text-xxs",
@@ -1088,8 +1090,76 @@ function $({ kpis: e, className: t }) {
 		}, e.label))
 	});
 }
-$.displayName = "MiniKpiRow";
+Z.displayName = "MiniKpiRow";
+//#endregion
+//#region src/components/composed/data-display/resource-selector-card.tsx
+var Q = {
+	select: "Select resource",
+	remove: "Remove resource",
+	emptyTitle: "No resource selected",
+	emptyDescription: "Choose a resource to continue."
+};
+function $({ resource: e, getKey: n, getTitle: o, getSubtitle: s, getMetadata: c, getBadges: u, getImageUrl: d, getIcon: f, renderResource: p, onSelect: m, onRemove: h, title: g, description: _, emptyTitle: v, emptyDescription: b, selectLabel: C, removeLabel: w, actions: T, padding: E = "sm", surface: O = "card", className: k, contentClassName: A, strings: j }) {
+	let M = t(Q, j), N = C ?? M.select, P = w ?? M.remove;
+	return /* @__PURE__ */ x(l, {
+		"data-component": "resource-selector-card",
+		"data-slot": "resource-selector-card",
+		title: g,
+		description: _,
+		headerAction: T ?? /* @__PURE__ */ S("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [!!e && !!h && /* @__PURE__ */ S(i, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				onClick: () => h(e),
+				children: [/* @__PURE__ */ x(ee, { className: "size-4" }), P]
+			}), !!m && /* @__PURE__ */ S(i, {
+				type: "button",
+				variant: "secondary",
+				onClick: m,
+				children: [/* @__PURE__ */ x(D, { className: "size-4" }), N]
+			})]
+		}),
+		padding: E,
+		surface: O,
+		className: r("resource-selector-card--component", k),
+		contentClassName: r("resource-selector-card--content", A),
+		children: e ? /* @__PURE__ */ x("div", {
+			"data-resource-key": n(e),
+			className: "resource-selector-card--selected min-w-0",
+			children: p ? p(e) : /* @__PURE__ */ x(y, {
+				title: o(e),
+				subtitle: s?.(e),
+				metadata: c?.(e),
+				badges: u?.(e),
+				imageUrl: d?.(e),
+				icon: f?.(e)
+			})
+		}) : /* @__PURE__ */ S("div", {
+			className: "resource-selector-card--empty flex min-w-0 items-start justify-between gap-3 rounded-md border border-dashed border-border/80 bg-muted/25 px-3 py-3",
+			children: [/* @__PURE__ */ S("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ x(a, {
+					weight: "semibold",
+					children: v ?? M.emptyTitle
+				}), /* @__PURE__ */ x(a, {
+					size: "xs",
+					type: "secondary",
+					className: "mt-0.5",
+					children: b ?? M.emptyDescription
+				})]
+			}), !!m && /* @__PURE__ */ S(i, {
+				type: "button",
+				variant: "secondary",
+				onClick: m,
+				children: [/* @__PURE__ */ x(D, { className: "size-4" }), N]
+			})]
+		})
+	});
+}
+$.displayName = "ResourceSelectorCard";
 //#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 };
+export { G as DenseInfoClassification, W as DenseInfoDashboard, K as DenseInfoFinancial, q as DenseInfoProjectCard, J as DenseInfoScoreCard, X as InlineMetricBadge, L as InvoiceHeaderCard, k as InvoiceItemsCompact, A as InvoiceItemsDetailed, O as InvoiceItemsTable, P as InvoiceMiniCard, H as InvoiceTable, Z as MiniKpiRow, $ as ResourceSelectorCard, Q as defaultResourceSelectorCardStrings, N as invoiceStatusMap };
 
 //# sourceMappingURL=index.js.map