admin-ui-starter-kit 0.5.0 → 0.6.2

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

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