admin-ui-starter-kit 0.6.6 → 0.6.8

package/dist/_shared/data-display-4E_irfF2.js

@@ -0,0 +1,1878 @@
+import { mergeStrings as e, useStrings as t } from "../lib/strings.js";
+import { l as n, p as r } from "./ui-provider-Dz2qXgZQ.js";
+import { cn as i } from "../lib/utils.js";
+import { t as a } from "./button-Be2ayMxF.js";
+import { i as o, n as s, t as c } from "./tooltip-CLr_sPX8.js";
+import { o as l, s as u } from "./typography-5bLhAYaK.js";
+import { t as d } from "./icon-badge-dZQPvuas.js";
+import { t as f } from "./badge-nZ2zbAV4.js";
+import { t as p } from "./cards-BJctT9KD.js";
+import { c as m, d as h, s as g, u as _ } from "./display-DFVeSuWL.js";
+import { t as v } from "./separator-B8FBp-7E.js";
+import { t as y } from "./copyable-BJYx2SlN.js";
+import { o as b, r as x, t as S } from "./avatar-BagPbPuD.js";
+import { c as C, l as w, n as T, o as E, r as D, t as O, u as k } from "./item-CVjjpHQd.js";
+import { u as A } from "./table-Cq0jkSm5.js";
+import j, { forwardRef as M } from "react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { BarChart3 as I, Calendar as L, ExternalLink as ee, FolderOpen as te, Info as ne, Package as re, Plus as ie, Search as ae, ShieldAlert as oe, X as se } from "lucide-react";
+//#region src/components/composed/data-display/invoice-items/invoice-items.tsx
+function R({ items: e, subtotal: t, tax: n, discount: r, total: a, className: o }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("invoice-items--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm", o),
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "grid grid-cols-[1fr_72px_96px_96px] gap-3 bg-muted/40 px-4 py-3",
+				children: [
+					/* @__PURE__ */ P(u, {
+						size: "xs",
+						type: "secondary",
+						weight: "medium",
+						children: "Item"
+					}),
+					/* @__PURE__ */ P(u, {
+						size: "xs",
+						type: "secondary",
+						weight: "medium",
+						align: "center",
+						children: "Qty"
+					}),
+					/* @__PURE__ */ P(u, {
+						size: "xs",
+						type: "secondary",
+						weight: "medium",
+						align: "right",
+						children: "Price"
+					}),
+					/* @__PURE__ */ P(u, {
+						size: "xs",
+						type: "secondary",
+						weight: "medium",
+						align: "right",
+						children: "Total"
+					})
+				]
+			}),
+			e.map((t, n) => /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("div", {
+				className: "grid grid-cols-[1fr_72px_96px_96px] items-center gap-3 px-4 py-3",
+				children: [
+					/* @__PURE__ */ F("div", {
+						className: "flex flex-col gap-0.5",
+						children: [/* @__PURE__ */ F("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ P(u, {
+								weight: "medium",
+								children: t.title
+							}), !!t.badge && /* @__PURE__ */ P(f, {
+								variant: t.badgeVariant ?? "secondary",
+								children: t.badge
+							})]
+						}), !!t.description && /* @__PURE__ */ P(u, {
+							size: "xs",
+							type: "secondary",
+							className: "line-clamp-1",
+							children: t.description
+						})]
+					}),
+					/* @__PURE__ */ P(u, {
+						align: "center",
+						type: "secondary",
+						className: "tabular-nums",
+						children: t.quantity ?? 1
+					}),
+					/* @__PURE__ */ P(u, {
+						align: "right",
+						className: "tabular-nums",
+						children: t.unitPrice ?? t.total
+					}),
+					/* @__PURE__ */ P(u, {
+						align: "right",
+						weight: "semibold",
+						className: "tabular-nums",
+						children: t.total
+					})
+				]
+			}), n < e.length - 1 && /* @__PURE__ */ P(v, { className: "mx-4 !w-auto" })] }, t.id)),
+			!!(t || n || r || a) && /* @__PURE__ */ F("div", {
+				className: "space-y-2 border-t border-border bg-muted/30 px-4 py-3",
+				children: [
+					!!t && /* @__PURE__ */ P($, {
+						label: "Subtotal",
+						value: t,
+						mono: !0,
+						labelClassName: "text-sm",
+						valueClassName: "text-sm"
+					}),
+					!!r && /* @__PURE__ */ P($, {
+						label: "Discount",
+						value: `-${r}`,
+						mono: !0,
+						labelClassName: "text-sm",
+						valueClassName: "text-sm text-success"
+					}),
+					!!n && /* @__PURE__ */ P($, {
+						label: "Tax",
+						value: n,
+						mono: !0,
+						labelClassName: "text-sm",
+						valueClassName: "text-sm"
+					}),
+					!!a && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(v, {}), /* @__PURE__ */ P($, {
+						className: "pt-1",
+						label: "Total",
+						value: /* @__PURE__ */ P(u, {
+							weight: "semibold",
+							className: "tabular-nums",
+							children: a
+						}),
+						labelClassName: "text-sm font-semibold"
+					})] })
+				]
+			})
+		]
+	});
+}
+function z({ items: e, total: t, className: n }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("invoice-items--component", "w-full min-w-0 max-w-full space-y-2", n),
+		children: [/* @__PURE__ */ P(E, {
+			className: "min-w-0 max-w-full",
+			children: e.map((e) => /* @__PURE__ */ F(O, {
+				className: "min-w-0 bg-card shadow-sm",
+				children: [
+					/* @__PURE__ */ P(C, { children: /* @__PURE__ */ P(d, {
+						tone: "muted",
+						size: "default",
+						shape: "square",
+						children: e.icon ?? /* @__PURE__ */ P(re, {})
+					}) }),
+					/* @__PURE__ */ F(D, {
+						className: "min-w-0 basis-0",
+						children: [/* @__PURE__ */ P(k, {
+							className: "w-full min-w-0 max-w-full",
+							children: /* @__PURE__ */ P("span", {
+								className: "block min-w-0 truncate",
+								children: e.title
+							})
+						}), !!(e.description || e.badge) && /* @__PURE__ */ F("div", {
+							className: "flex min-w-0 items-center gap-1.5",
+							children: [!!e.badge && /* @__PURE__ */ P(f, {
+								variant: e.badgeVariant ?? "secondary",
+								className: "shrink-0",
+								children: e.badge
+							}), !!e.description && /* @__PURE__ */ P(u, {
+								size: "xs",
+								type: "secondary",
+								className: "min-w-0 truncate",
+								children: e.description
+							})]
+						})]
+					}),
+					/* @__PURE__ */ F(T, {
+						className: "ml-auto min-w-0 shrink-0 justify-end",
+						children: [!!e.quantity && e.quantity > 1 && /* @__PURE__ */ F(u, {
+							size: "xs",
+							type: "secondary",
+							className: "shrink-0 tabular-nums",
+							children: ["x", e.quantity]
+						}), /* @__PURE__ */ P(u, {
+							weight: "semibold",
+							align: "right",
+							className: "shrink-0 tabular-nums",
+							children: e.total
+						})]
+					})
+				]
+			}, e.id))
+		}), !!t && /* @__PURE__ */ P($, {
+			className: "rounded-lg border border-border bg-muted/30 px-4 py-2.5",
+			label: "Total",
+			value: /* @__PURE__ */ P(u, {
+				weight: "semibold",
+				className: "tabular-nums",
+				children: t
+			}),
+			labelClassName: "text-sm font-semibold"
+		})]
+	});
+}
+function B({ items: e, subtotal: t, tax: n, discount: r, total: a, className: o }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("invoice-items--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border bg-card shadow-sm", o),
+		children: [/* @__PURE__ */ P("div", {
+			className: "divide-y divide-border",
+			children: e.map((e) => /* @__PURE__ */ P("div", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ F("div", {
+					className: "flex items-start justify-between gap-4",
+					children: [/* @__PURE__ */ F("div", {
+						className: "flex items-start gap-3 flex-1 min-w-0",
+						children: [/* @__PURE__ */ P("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__ */ P(re, { className: "size-4" })
+						}), /* @__PURE__ */ F("div", {
+							className: "flex-1 min-w-0 space-y-1",
+							children: [
+								/* @__PURE__ */ F("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ P(u, {
+										weight: "semibold",
+										children: e.title
+									}), !!e.badge && /* @__PURE__ */ P(f, {
+										variant: e.badgeVariant ?? "secondary",
+										children: e.badge
+									})]
+								}),
+								!!e.description && /* @__PURE__ */ P(u, {
+									size: "xs",
+									type: "secondary",
+									className: "line-clamp-2",
+									children: e.description
+								}),
+								/* @__PURE__ */ F("div", {
+									className: "flex items-center gap-3 pt-0.5",
+									children: [!!e.quantity && /* @__PURE__ */ F(u, {
+										size: "xs",
+										type: "discrete",
+										children: ["Qty: ", e.quantity]
+									}), !!e.unitPrice && /* @__PURE__ */ F(u, {
+										size: "xs",
+										type: "discrete",
+										className: "tabular-nums",
+										children: ["@ ", e.unitPrice]
+									})]
+								})
+							]
+						})]
+					}), /* @__PURE__ */ P("div", {
+						className: "flex flex-col items-end gap-1 shrink-0",
+						children: /* @__PURE__ */ P(u, {
+							weight: "semibold",
+							className: "tabular-nums",
+							children: e.total
+						})
+					})]
+				})
+			}, e.id))
+		}), !!a && /* @__PURE__ */ P("div", {
+			className: "border-t border-border bg-muted/30 px-4 py-3",
+			children: /* @__PURE__ */ F("div", {
+				className: "space-y-2",
+				children: [
+					!!t && /* @__PURE__ */ P($, {
+						label: "Subtotal",
+						value: t,
+						mono: !0,
+						labelClassName: "text-sm",
+						valueClassName: "text-sm"
+					}),
+					!!r && /* @__PURE__ */ P($, {
+						label: "Discount",
+						value: `-${r}`,
+						mono: !0,
+						labelClassName: "text-sm",
+						valueClassName: "text-sm text-success"
+					}),
+					!!n && /* @__PURE__ */ P($, {
+						label: "Tax (20%)",
+						value: n,
+						mono: !0,
+						labelClassName: "text-sm",
+						valueClassName: "text-sm"
+					}),
+					/* @__PURE__ */ P(v, {}),
+					/* @__PURE__ */ P($, {
+						className: "pt-1",
+						label: "Total Due",
+						value: /* @__PURE__ */ P(u, {
+							weight: "semibold",
+							className: "tabular-nums",
+							children: a
+						}),
+						labelClassName: "text-sm font-semibold"
+					})
+				]
+			})
+		})]
+	});
+}
+R.displayName = "InvoiceItemsTable", z.displayName = "InvoiceItemsCompact", B.displayName = "InvoiceItemsDetailed";
+//#endregion
+//#region src/components/composed/data-display/invoice-mini/types.ts
+var V = {
+	paid: "Paid",
+	pending: "Pending",
+	overdue: "Overdue",
+	items: (e) => e === 1 ? "1 line item" : `${e} line items`,
+	due: "Due"
+}, ce = {
+	paid: "success",
+	pending: "warning",
+	overdue: "error"
+}, le = {
+	paid: {
+		label: V.paid,
+		variant: "success"
+	},
+	pending: {
+		label: V.pending,
+		variant: "warning"
+	},
+	overdue: {
+		label: V.overdue,
+		variant: "error"
+	}
+};
+//#endregion
+//#region src/components/composed/data-display/invoice-mini/invoice-mini.tsx
+function H({ invoice: t, className: n, strings: r }) {
+	let a = e(V, r), o = {
+		paid: a.paid,
+		pending: a.pending,
+		overdue: a.overdue
+	};
+	return /* @__PURE__ */ P(p, {
+		padding: "default",
+		className: i("invoice-mini--component min-w-0", n),
+		children: /* @__PURE__ */ F("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ P(u, {
+						weight: "semibold",
+						className: "min-w-0 flex-1 truncate font-mono tracking-wide",
+						children: t.invoiceNumber
+					}), /* @__PURE__ */ P(f, {
+						variant: ce[t.status],
+						size: "small",
+						dot: !0,
+						className: "shrink-0",
+						children: o[t.status]
+					})]
+				}),
+				/* @__PURE__ */ P(u, {
+					type: "secondary",
+					className: "truncate",
+					children: t.customerName
+				}),
+				/* @__PURE__ */ F("div", {
+					className: "flex flex-wrap items-end justify-between gap-x-3 gap-y-1 pt-1",
+					children: [/* @__PURE__ */ F("div", {
+						className: "min-w-0 space-y-0.5",
+						children: [/* @__PURE__ */ P(u, {
+							size: "xs",
+							type: "secondary",
+							children: a.items(t.lineItemsCount)
+						}), /* @__PURE__ */ F(u, {
+							size: "xs",
+							type: "discrete",
+							className: "whitespace-nowrap tabular-nums",
+							children: [
+								a.due,
+								" ",
+								t.dueDate
+							]
+						})]
+					}), /* @__PURE__ */ P(u, {
+						size: "base",
+						weight: "bold",
+						className: i("ml-auto shrink-0 tabular-nums leading-none"),
+						children: t.totalAmount
+					})]
+				})
+			]
+		})
+	});
+}
+H.displayName = "InvoiceMiniCard";
+//#endregion
+//#region src/components/composed/data-display/invoice-header/types.ts
+var ue = {
+	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 U({ eyebrow: e, name: t, location: n }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("invoice-header--component", "space-y-1"),
+		children: [
+			/* @__PURE__ */ P(u, {
+				size: "xs",
+				type: "secondary",
+				weight: "medium",
+				className: "uppercase tracking-wider",
+				children: e
+			}),
+			/* @__PURE__ */ P(u, {
+				weight: "semibold",
+				className: "leading-snug",
+				children: t
+			}),
+			!!n && /* @__PURE__ */ P(u, {
+				size: "xs",
+				type: "secondary",
+				className: "leading-snug",
+				children: n
+			})
+		]
+	});
+}
+function W({ invoiceNumber: e, status: n, statusVariant: r = "success", from: a, to: o, issuedDate: s, dueDate: c, amount: d, className: m, strings: h }) {
+	let g = t(ue, h);
+	return /* @__PURE__ */ F(p, {
+		title: g.title,
+		className: m,
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ P(u, {
+					weight: "bold",
+					className: "font-mono tracking-wide",
+					children: e
+				}), /* @__PURE__ */ P(f, {
+					variant: r,
+					children: n
+				})]
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 sm:gap-6",
+				children: [/* @__PURE__ */ P(U, {
+					eyebrow: g.billFrom,
+					name: a.name,
+					location: a.location
+				}), /* @__PURE__ */ P(U, {
+					eyebrow: g.billTo,
+					name: o.name,
+					location: o.location
+				})]
+			}),
+			/* @__PURE__ */ P(v, { className: "my-5" }),
+			/* @__PURE__ */ F("div", {
+				className: "flex flex-wrap items-end justify-between gap-4",
+				children: [/* @__PURE__ */ F("div", {
+					className: "space-y-1",
+					children: [!!s && /* @__PURE__ */ P($, {
+						layout: "inline",
+						label: g.issued,
+						value: s,
+						mono: !0,
+						labelClassName: "text-xs uppercase tracking-wider font-medium",
+						valueClassName: "text-xs font-medium"
+					}), !!c && /* @__PURE__ */ P($, {
+						layout: "inline",
+						label: g.due,
+						value: c,
+						mono: !0,
+						labelClassName: "text-xs uppercase tracking-wider font-medium",
+						valueClassName: "text-xs font-medium"
+					})]
+				}), /* @__PURE__ */ F("div", {
+					className: "text-right",
+					children: [/* @__PURE__ */ P(u, {
+						size: "xs",
+						type: "secondary",
+						weight: "medium",
+						className: "uppercase tracking-wider",
+						children: g.amountDue
+					}), /* @__PURE__ */ P(l, {
+						tag: "h3",
+						className: i("mt-1 text-lg tabular-nums leading-none tracking-tight border-none pb-0"),
+						children: d
+					})]
+				})]
+			})
+		]
+	});
+}
+W.displayName = "InvoiceHeaderCard";
+//#endregion
+//#region src/components/composed/data-display/invoice-table/types.ts
+var de = {
+	subtotal: "Subtotal",
+	tax: "Tax",
+	total: "Total"
+}, fe = "border border-border shadow-sm", G = {
+	left: "text-left justify-start",
+	right: "text-right justify-end",
+	center: "text-center justify-center"
+};
+function pe(e) {
+	return [
+		{
+			id: "description",
+			header: "Item",
+			width: "minmax(0,1fr)",
+			cell: (e) => /* @__PURE__ */ P(u, {
+				className: "truncate",
+				children: e.description
+			})
+		},
+		{
+			id: "qty",
+			header: "Qty",
+			width: "36px",
+			align: "center",
+			cell: (e) => /* @__PURE__ */ P(u, {
+				align: "center",
+				className: "tabular-nums",
+				children: e.qty
+			})
+		},
+		{
+			id: "price",
+			header: "Price",
+			width: "82px",
+			align: "right",
+			cell: (t) => /* @__PURE__ */ F(u, {
+				className: "tabular-nums font-mono",
+				children: [e, t.price.toFixed(2)]
+			})
+		},
+		{
+			id: "total",
+			header: "Total",
+			width: "82px",
+			align: "right",
+			cell: (t) => /* @__PURE__ */ F(u, {
+				weight: "medium",
+				className: "tabular-nums font-mono",
+				children: [e, t.total.toFixed(2)]
+			})
+		}
+	];
+}
+function me(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 K({ items: e, columns: r, footerRows: a, taxRate: o = .2, currency: s, className: c, strings: l }) {
+	let d = t(de, l), { defaultCurrency: f } = n(), p = s ?? f ?? "€", m = r ?? pe(p), h = a ?? (r ? [] : me(e, o, p, d)), g = m.map((e) => e.width ?? "1fr").join(" ");
+	return /* @__PURE__ */ F("div", {
+		className: i("invoice-table--component", "w-full min-w-0 max-w-full overflow-hidden rounded-lg bg-card", fe, c),
+		children: [
+			/* @__PURE__ */ P("div", {
+				className: "grid min-w-0 gap-2 bg-muted/40 px-4 py-3",
+				style: { gridTemplateColumns: g },
+				children: m.map((e) => /* @__PURE__ */ P("div", {
+					className: i("flex min-w-0", G[e.align ?? "left"], e.headerClassName),
+					children: /* @__PURE__ */ P(u, {
+						size: "xs",
+						weight: "medium",
+						type: "secondary",
+						className: "min-w-0 truncate uppercase tracking-wider",
+						children: e.header
+					})
+				}, e.id))
+			}),
+			e.map((e, t) => /* @__PURE__ */ P("div", {
+				className: i("grid min-w-0 gap-2 px-4 py-3", t % 2 == 1 && "bg-muted/20"),
+				style: { gridTemplateColumns: g },
+				children: m.map((n) => /* @__PURE__ */ P("div", {
+					className: i("flex min-w-0 items-center", G[n.align ?? "left"], n.cellClassName),
+					children: n.cell(e, t)
+				}, n.id))
+			}, t)),
+			h.length > 0 && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(v, {}), /* @__PURE__ */ P("div", {
+				className: "space-y-2 px-4 py-3",
+				children: h.map((e, t) => /* @__PURE__ */ F("div", {
+					className: i("flex justify-between", e.emphasis === "total" && "pt-2"),
+					children: [/* @__PURE__ */ P(u, {
+						type: e.emphasis === "total" ? void 0 : "secondary",
+						weight: e.emphasis === "total" ? "bold" : "regular",
+						children: e.label
+					}), /* @__PURE__ */ P(u, {
+						weight: e.emphasis === "total" ? "bold" : "regular",
+						className: "tabular-nums font-mono",
+						children: e.value
+					})]
+				}, t))
+			})] })
+		]
+	});
+}
+K.displayName = "InvoiceTable";
+//#endregion
+//#region src/components/composed/data-display/dense-info-card/helpers.tsx
+function he({ value: e, max: t = 5, label: n }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("helpers--component", "flex items-center gap-1"),
+		children: [Array.from({ length: t }, (t, n) => /* @__PURE__ */ P("div", { className: i("h-1.5 w-3 rounded-full", n < e ? "bg-foreground/60" : "bg-muted") }, n)), !!n && /* @__PURE__ */ P(u, {
+			size: "xs",
+			type: "secondary",
+			className: "ml-1",
+			children: n
+		})]
+	});
+}
+function q({ label: e, value: t, badge: n, badgeVariant: r }) {
+	return /* @__PURE__ */ F("div", {
+		className: "flex items-center justify-between gap-2",
+		children: [
+			/* @__PURE__ */ P(u, {
+				size: "xs",
+				className: "shrink-0 text-muted-foreground",
+				children: e
+			}),
+			!!n && /* @__PURE__ */ P(f, {
+				variant: r ?? "secondary",
+				children: n
+			}),
+			!!t && !n && /* @__PURE__ */ P(u, {
+				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 J({ title: e, description: t, statusBadges: n, rows: r, secondaryRows: i, scale: a, footerBadges: o, footerText: s, actions: c, className: l }) {
+	return /* @__PURE__ */ P(p, {
+		title: e,
+		description: t,
+		actions: c,
+		className: l,
+		children: /* @__PURE__ */ F("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ P("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: n.map((e) => /* @__PURE__ */ P(f, {
+						variant: e.variant,
+						children: e.label
+					}, e.label))
+				}),
+				/* @__PURE__ */ P("div", {
+					className: "space-y-2",
+					children: r.map((e) => /* @__PURE__ */ P(q, { ...e }, e.label))
+				}),
+				!!a && /* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ P(u, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: a.label
+					}), /* @__PURE__ */ P(he, {
+						value: a.value,
+						max: a.max,
+						label: `${String(a.value)}/${String(a.max ?? 5)}`
+					})]
+				}),
+				!!i && i.length > 0 && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(v, {}), /* @__PURE__ */ P("div", {
+					className: "space-y-2",
+					children: i.map((e) => /* @__PURE__ */ P(q, { ...e }, e.label))
+				})] }),
+				(!!o || !!s) && /* @__PURE__ */ F("div", {
+					className: "flex flex-wrap items-center gap-2 border-t pt-2",
+					children: [!!o && o.map((e) => /* @__PURE__ */ P(f, {
+						variant: e.variant,
+						children: e.label
+					}, e.label)), !!s && /* @__PURE__ */ P(u, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: s
+					})]
+				})
+			]
+		})
+	});
+}
+J.displayName = "DenseInfoDashboard";
+//#endregion
+//#region src/components/composed/data-display/dense-info-card/partials/dense-info-classification.tsx
+function Y({ title: e, description: t, stats: n, items: r, totalLabel: a, totalValue: o, footerBadges: s, footerText: c, actions: d, className: m }) {
+	return /* @__PURE__ */ P(p, {
+		title: e,
+		description: t,
+		actions: d,
+		className: m,
+		children: /* @__PURE__ */ F("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ P("div", {
+					className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
+					children: n.map((e) => /* @__PURE__ */ F("div", {
+						className: "rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5 text-center",
+						children: [
+							/* @__PURE__ */ P(l, {
+								tag: "h4",
+								className: "border-none pb-0 text-base font-semibold tabular-nums",
+								children: e.value
+							}),
+							/* @__PURE__ */ P(u, {
+								size: "xs",
+								type: "secondary",
+								weight: "medium",
+								className: "mt-0.5",
+								children: e.label
+							}),
+							!!e.trendBadge && /* @__PURE__ */ P("div", {
+								className: "mt-1 flex justify-center",
+								children: /* @__PURE__ */ P(f, {
+									variant: e.trendVariant ?? "secondary",
+									children: e.trendBadge
+								})
+							})
+						]
+					}, e.label))
+				}),
+				/* @__PURE__ */ P(v, {}),
+				/* @__PURE__ */ P(E, { children: r.map((e) => /* @__PURE__ */ F(O, {
+					size: "small",
+					children: [
+						/* @__PURE__ */ P(C, { children: /* @__PURE__ */ P("span", { className: i("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
+						/* @__PURE__ */ P(D, { children: /* @__PURE__ */ F(k, {
+							bold: !1,
+							className: "gap-2",
+							children: [e.label, !!e.badge && /* @__PURE__ */ P(f, {
+								variant: e.badgeVariant ?? "secondary",
+								children: e.badge
+							})]
+						}) }),
+						/* @__PURE__ */ P(T, { children: /* @__PURE__ */ P(u, {
+							size: "xs",
+							weight: "semibold",
+							className: "tabular-nums",
+							children: e.value
+						}) })
+					]
+				}, e.label)) }),
+				!!o && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(v, {}), /* @__PURE__ */ P($, {
+					label: a ?? "Total",
+					value: o,
+					mono: !0,
+					labelClassName: "text-sm font-bold",
+					valueClassName: "text-sm font-bold"
+				})] }),
+				(!!s || !!c) && /* @__PURE__ */ F("div", {
+					className: "flex flex-wrap items-center gap-2 border-t pt-2",
+					children: [!!s && s.map((e) => /* @__PURE__ */ P(f, {
+						variant: e.variant,
+						children: e.label
+					}, e.label)), !!c && /* @__PURE__ */ P(u, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: c
+					})]
+				})
+			]
+		})
+	});
+}
+Y.displayName = "DenseInfoClassification";
+//#endregion
+//#region src/components/composed/data-display/dense-info-card/partials/dense-info-financial.tsx
+function ge({ title: e, description: t, headerBadges: n, lineItems: r, totalLabel: i = "Total", totalAmount: a, footerBadges: o, footerText: s, actions: c, className: l }) {
+	return /* @__PURE__ */ P(p, {
+		title: e,
+		description: t,
+		actions: c,
+		className: l,
+		children: /* @__PURE__ */ F("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ P("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: n.map((e) => /* @__PURE__ */ P(f, {
+						variant: e.variant,
+						children: e.label
+					}, e.label))
+				}),
+				/* @__PURE__ */ P(E, { children: r.map((e, t) => /* @__PURE__ */ F("div", { children: [t > 0 && /* @__PURE__ */ P(w, { className: "my-0" }), /* @__PURE__ */ F(O, {
+					size: "small",
+					children: [/* @__PURE__ */ P(D, { children: /* @__PURE__ */ F(k, {
+						className: "gap-2",
+						children: [e.label, !!e.badge && /* @__PURE__ */ P(f, {
+							variant: e.badgeVariant ?? "secondary",
+							children: e.badge
+						})]
+					}) }), /* @__PURE__ */ P(T, { children: /* @__PURE__ */ P(u, {
+						size: "xs",
+						weight: "semibold",
+						className: "tabular-nums",
+						children: e.amount
+					}) })]
+				})] }, e.label)) }),
+				!!a && /* @__PURE__ */ P($, {
+					className: "rounded-lg bg-muted/50 px-3 py-2.5",
+					label: i,
+					value: a,
+					mono: !0,
+					labelClassName: "text-sm font-semibold",
+					valueClassName: "text-sm font-semibold"
+				}),
+				(!!o || !!s) && /* @__PURE__ */ F("div", {
+					className: "flex flex-wrap items-center gap-2 border-t pt-2",
+					children: [!!o && o.map((e) => /* @__PURE__ */ P(f, {
+						variant: e.variant,
+						children: e.label
+					}, e.label)), !!s && /* @__PURE__ */ P(u, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: s
+					})]
+				})
+			]
+		})
+	});
+}
+ge.displayName = "DenseInfoFinancial";
+//#endregion
+//#region src/components/composed/data-display/dense-info-card/partials/dense-info-project.tsx
+function _e({ title: e, description: t, statusLabel: n, statusVariant: r, metaPairs: i, date: a, priority: o, completedTasks: s, totalTasks: c, actions: d, className: m }) {
+	let h = c > 0 ? Math.round(s / c * 100) : 0, g = 2 * Math.PI * 7, _ = g - h / 100 * g;
+	return /* @__PURE__ */ P(p, {
+		padding: "default",
+		actions: d,
+		className: m,
+		children: /* @__PURE__ */ F("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ P(te, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ P(f, {
+						variant: r,
+						dot: !0,
+						children: n
+					})]
+				}),
+				/* @__PURE__ */ P(l, {
+					tag: "h5",
+					className: "font-bold border-none pb-0",
+					children: e
+				}),
+				!!t && /* @__PURE__ */ P(u, {
+					type: "secondary",
+					className: "line-clamp-2",
+					children: t
+				}),
+				!!i && i.length > 0 && /* @__PURE__ */ P("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: i.map((e, t) => /* @__PURE__ */ F("span", {
+						className: "flex items-center gap-1",
+						children: [
+							t > 0 && /* @__PURE__ */ P(u, {
+								tag: "span",
+								type: "discrete",
+								className: "mx-0.5",
+								children: "•"
+							}),
+							!!e.icon && /* @__PURE__ */ P("span", {
+								className: "text-muted-foreground",
+								children: e.icon
+							}),
+							/* @__PURE__ */ P(u, {
+								size: "xs",
+								type: "secondary",
+								children: e.label
+							})
+						]
+					}, e.label))
+				}),
+				(!!a || !!o) && /* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between",
+					children: [!!a && /* @__PURE__ */ F("div", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ P(L, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ P(u, {
+							size: "xs",
+							type: "secondary",
+							children: a
+						})]
+					}), !!o && /* @__PURE__ */ F("div", {
+						className: "flex items-center gap-1.5",
+						children: [/* @__PURE__ */ P(I, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ P(u, {
+							size: "xs",
+							type: "secondary",
+							children: o
+						})]
+					})]
+				}),
+				/* @__PURE__ */ P(v, {}),
+				/* @__PURE__ */ F("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ F("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ F("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 20 20",
+							className: "shrink-0",
+							children: [/* @__PURE__ */ P("circle", {
+								cx: "10",
+								cy: "10",
+								r: "7",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								className: "text-muted/50"
+							}), /* @__PURE__ */ P("circle", {
+								cx: "10",
+								cy: "10",
+								r: "7",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeDasharray: g,
+								strokeDashoffset: _,
+								strokeLinecap: "round",
+								className: "text-primary",
+								transform: "rotate(-90 10 10)"
+							})]
+						}), /* @__PURE__ */ F(u, {
+							size: "xs",
+							weight: "medium",
+							children: [
+								s,
+								"/",
+								c,
+								" Tasks"
+							]
+						})]
+					}), /* @__PURE__ */ P("div", { className: "h-6 w-6 rounded-full bg-muted" })]
+				})
+			]
+		})
+	});
+}
+_e.displayName = "DenseInfoProjectCard";
+//#endregion
+//#region src/components/composed/data-display/dense-info-card/partials/dense-info-score.tsx
+function ve({ title: e, description: t, statusBadges: n, score: r, scoreLevel: a, scoreFilled: o, scoreTotal: s = 10, rows: c, footerBadges: u, actions: d, className: m }) {
+	let h = a === "good" ? "bg-success" : a === "medium" ? "bg-warning" : "bg-destructive";
+	return /* @__PURE__ */ P(p, {
+		title: e,
+		description: t,
+		actions: d,
+		className: m,
+		children: /* @__PURE__ */ F("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ P("div", {
+					className: "flex flex-wrap items-center gap-1.5",
+					children: n.map((e) => /* @__PURE__ */ P(f, {
+						variant: e.variant,
+						children: e.label
+					}, e.label))
+				}),
+				/* @__PURE__ */ P("div", {
+					className: "flex items-center justify-center py-2",
+					children: /* @__PURE__ */ P(l, {
+						tag: "h2",
+						className: "text-lg font-bold tabular-nums border-none pb-0",
+						children: String(r)
+					})
+				}),
+				/* @__PURE__ */ P("div", {
+					className: "flex items-center justify-center gap-1",
+					children: Array.from({ length: s }, (e, t) => /* @__PURE__ */ P("div", { className: i("h-5 w-2 rounded-sm", t < o ? h : "bg-muted") }, t))
+				}),
+				/* @__PURE__ */ P(v, {}),
+				/* @__PURE__ */ P("div", {
+					className: "space-y-2",
+					children: c.map((e) => /* @__PURE__ */ P($, {
+						label: e.label,
+						value: e.value,
+						mono: !0,
+						labelClassName: "text-xs text-muted-foreground",
+						valueClassName: "text-sm font-semibold text-right"
+					}, e.label))
+				}),
+				!!u && u.length > 0 && /* @__PURE__ */ P("div", {
+					className: "flex flex-wrap items-center gap-2 border-t pt-2",
+					children: u.map((e) => /* @__PURE__ */ P(f, {
+						variant: e.variant,
+						children: e.label
+					}, e.label))
+				})
+			]
+		})
+	});
+}
+ve.displayName = "DenseInfoScoreCard";
+//#endregion
+//#region src/components/composed/data-display/inline-metric/inline-metric.tsx
+var ye = {
+	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"
+}, be = {
+	sm: "xxs",
+	md: "xxs",
+	base: "xxs",
+	lg: "xs"
+}, xe = {
+	sm: "xxs",
+	md: "xs",
+	base: "xs",
+	lg: "xs"
+}, Se = {
+	sm: "xxs",
+	md: "xxs",
+	base: "xxs",
+	lg: "xxs"
+};
+function Ce({ metrics: e, className: t }) {
+	return /* @__PURE__ */ P("div", {
+		className: i("inline-metric--component", "flex flex-wrap gap-1.5", t),
+		children: e.map((e) => {
+			let t = e.size ?? "base";
+			return /* @__PURE__ */ F("span", {
+				className: i("inline-flex items-center bg-card ring-1 ring-border/60", ye[t] ?? ye.base),
+				children: [
+					/* @__PURE__ */ P(u, {
+						tag: "span",
+						size: be[t] ?? "xxs",
+						type: "secondary",
+						children: e.label
+					}),
+					/* @__PURE__ */ P(u, {
+						tag: "span",
+						size: xe[t] ?? "xs",
+						weight: "semibold",
+						className: "tabular-nums",
+						children: e.value
+					}),
+					/* @__PURE__ */ F(u, {
+						tag: "span",
+						size: Se[t] ?? "xxs",
+						weight: "medium",
+						className: i("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);
+		})
+	});
+}
+Ce.displayName = "InlineMetricBadge";
+//#endregion
+//#region src/components/composed/data-display/mini-kpi/mini-kpi.tsx
+var we = "ring-1 ring-border/50 shadow-sm";
+function Te({ kpis: e, className: t }) {
+	return /* @__PURE__ */ P("div", {
+		className: i("mini-kpi--component", "inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2", we, t),
+		children: e.map((e) => /* @__PURE__ */ F("div", {
+			className: "flex flex-col items-center px-4",
+			children: [/* @__PURE__ */ P(u, {
+				weight: "bold",
+				className: "tabular-nums",
+				children: e.value
+			}), /* @__PURE__ */ P(u, {
+				size: "xs",
+				type: "secondary",
+				className: "text-xs",
+				children: e.label
+			})]
+		}, e.label))
+	});
+}
+Te.displayName = "MiniKpiRow";
+//#endregion
+//#region src/components/composed/data-display/resource-selector-card.tsx
+var Ee = {
+	select: "Select resource",
+	remove: "Remove resource",
+	emptyTitle: "No resource selected",
+	emptyDescription: "Choose a resource to continue."
+};
+function X({ resource: e, getKey: n, getTitle: r, getSubtitle: o, getMetadata: s, getBadges: c, getImageUrl: l, getIcon: d, renderResource: f, onSelect: m, onRemove: h, title: g, description: _, emptyTitle: v, emptyDescription: y, selectLabel: b, removeLabel: x, actions: S, padding: C, surface: w, className: T, contentClassName: E, strings: D }) {
+	let O = t(Ee, D), k = b ?? O.select, j = x ?? O.remove, M = typeof j == "string" ? j : O.remove;
+	return /* @__PURE__ */ P(p, {
+		"data-component": "resource-selector-card",
+		"data-slot": "resource-selector-card",
+		title: g,
+		description: _,
+		headerAction: S ?? /* @__PURE__ */ F("div", {
+			className: "flex w-full flex-wrap items-center justify-end gap-space-sm sm:w-auto sm:gap-space-md",
+			children: [!!e && !!h && /* @__PURE__ */ F(a, {
+				type: "button",
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "small",
+				"aria-label": M,
+				onClick: () => h(e),
+				children: [/* @__PURE__ */ P(se, { className: "size-icon" }), /* @__PURE__ */ P("span", {
+					className: "hidden sm:inline",
+					children: j
+				})]
+			}), !!m && /* @__PURE__ */ F(a, {
+				type: "button",
+				variant: "secondary",
+				size: "small",
+				className: "min-w-0 max-w-full",
+				onClick: m,
+				children: [/* @__PURE__ */ P(ie, { className: "size-icon" }), /* @__PURE__ */ P("span", {
+					className: "truncate",
+					children: k
+				})]
+			})]
+		}),
+		headerClassName: i("resource-selector-card--header flex-wrap", "[&>div:first-child]:basis-full [&>div:last-child]:w-full [&>div:last-child]:justify-end", "sm:[&>div:first-child]:basis-auto sm:[&>div:last-child]:w-auto"),
+		padding: C,
+		surface: w,
+		className: i("resource-selector-card--component", T),
+		contentClassName: i("resource-selector-card--content", E),
+		children: e ? /* @__PURE__ */ P("div", {
+			"data-resource-key": n(e),
+			className: "resource-selector-card--selected min-w-0",
+			children: f ? f(e) : /* @__PURE__ */ P(A, {
+				title: r(e),
+				subtitle: o?.(e),
+				metadata: s?.(e),
+				badges: c?.(e),
+				imageUrl: l?.(e),
+				icon: d?.(e),
+				mediaClassName: "size-avatar-sm",
+				contentClassName: "gap-space-2xs",
+				subtitleClassName: "text-xs"
+			})
+		}) : /* @__PURE__ */ P("div", {
+			className: "resource-selector-card--empty min-w-0",
+			children: /* @__PURE__ */ F("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ P(u, {
+					weight: "semibold",
+					children: v ?? O.emptyTitle
+				}), /* @__PURE__ */ P(u, {
+					size: "xs",
+					type: "secondary",
+					className: "mt-space-2xs",
+					children: y ?? O.emptyDescription
+				})]
+			})
+		})
+	});
+}
+X.displayName = "ResourceSelectorCard";
+//#endregion
+//#region src/components/composed/data-display/empty-state/empty-state.strings.ts
+var De = {
+	title: "Nothing here yet",
+	description: "Once data lands, it will show up in this view.",
+	ariaLabel: "Empty state"
+}, Oe = {
+	small: "py-empty-state-y-small",
+	default: "py-empty-state-y"
+}, ke = (e) => e === "small" || e === "default" ? e : e === "compact" ? "small" : "default", Ae = {
+	none: "default",
+	icon: "icon",
+	"icon-soft": "icon",
+	illustration: "default"
+}, je = {
+	none: void 0,
+	icon: void 0,
+	"icon-soft": "bg-muted/40 text-muted-foreground",
+	illustration: "mb-4"
+}, Me = M(function({ title: e, description: n, media: r, mediaVariant: a = "none", renderMedia: o, actions: s, footer: c, padding: d = "default", border: f = !1, className: p, strings: v, ariaLabel: y }, b) {
+	let x = t(De, v), S = e ?? x.title, C = n === !1 ? null : n ?? x.description, w = o ? o({ mediaVariant: a }) : r, T = !!w;
+	return /* @__PURE__ */ F(g, {
+		ref: b,
+		role: "status",
+		"aria-label": y ?? x.ariaLabel,
+		className: i("empty-state--component", Oe[ke(d)], f ? "border border-dashed" : "border-0", p),
+		children: [/* @__PURE__ */ F(_, { children: [
+			!!T && /* @__PURE__ */ P(h, {
+				variant: Ae[a],
+				className: je[a],
+				children: w
+			}),
+			/* @__PURE__ */ P(l, {
+				tag: "h3",
+				className: "border-0 pb-0 text-base",
+				"data-slot": "empty-title",
+				children: S
+			}),
+			!!C && /* @__PURE__ */ P(u, {
+				size: "xs",
+				type: "secondary",
+				className: "leading-relaxed [&>a]:text-primary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline",
+				"data-slot": "empty-description",
+				children: C
+			})
+		] }), (!!s || !!c) && /* @__PURE__ */ F(m, { children: [!!s && /* @__PURE__ */ P("div", {
+			className: "flex flex-wrap items-center justify-center gap-2",
+			children: s
+		}), !!c && /* @__PURE__ */ P("div", {
+			className: "text-xs text-muted-foreground",
+			children: c
+		})] })]
+	});
+});
+Me.displayName = "EmptyState";
+//#endregion
+//#region src/components/composed/data-display/empty-state/partials/illustrations/document-stack.tsx
+function Ne({ className: e }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ F("div", {
+			className: "bg-muted/70 dark:bg-muted/40 border-border/50 absolute left-1 top-1 flex h-20 w-20 -rotate-6 flex-col gap-1.5 rounded-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ P("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ P("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ P("div", { className: "bg-muted/60 h-1.5 w-9 rounded" })
+			]
+		}), /* @__PURE__ */ F("div", {
+			className: "bg-background border-border absolute right-1 top-2 flex h-20 w-20 rotate-3 flex-col gap-1.5 rounded-md border p-2 shadow-sm",
+			children: [
+				/* @__PURE__ */ P("div", { className: "bg-muted h-2 w-12 rounded" }),
+				/* @__PURE__ */ P("div", { className: "bg-muted/60 h-1.5 w-10 rounded" }),
+				/* @__PURE__ */ P("div", { className: "bg-muted/60 h-1.5 w-9 rounded" }),
+				/* @__PURE__ */ F("div", {
+					className: "mt-auto flex items-center gap-1",
+					children: [/* @__PURE__ */ P("div", { className: "bg-success size-1.5 rounded-full" }), /* @__PURE__ */ P("div", { className: "bg-muted/60 h-1.5 w-8 rounded" })]
+				})
+			]
+		})]
+	});
+}
+Ne.displayName = "DocumentStackIllustration";
+//#endregion
+//#region src/components/composed/data-display/empty-state/partials/illustrations/inbox-clean.tsx
+function Pe({ className: e }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ P("div", {
+			className: "bg-success/12 border-success/30 absolute left-1/2 top-0 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border",
+			children: /* @__PURE__ */ P("svg", {
+				viewBox: "0 0 16 16",
+				className: "text-success size-3.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ P("path", { d: "M3 8l3 3 7-7" })
+			})
+		}), /* @__PURE__ */ F("div", {
+			className: "bg-background border-border absolute inset-x-0 bottom-0 flex h-14 flex-col rounded-lg border shadow-sm",
+			children: [/* @__PURE__ */ P("div", { className: "bg-muted/30 h-3 rounded-t-lg" }), /* @__PURE__ */ F("div", {
+				className: "flex flex-1 items-center justify-between px-3",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ P("div", { className: "bg-muted/60 h-1.5 w-12 rounded" }), /* @__PURE__ */ P("div", { className: "bg-muted/40 h-1.5 w-8 rounded" })]
+				}), /* @__PURE__ */ P("div", { className: "bg-muted/40 size-3 rounded-full" })]
+			})]
+		})]
+	});
+}
+Pe.displayName = "InboxCleanIllustration";
+//#endregion
+//#region src/components/composed/data-display/empty-state/partials/illustrations/search-glass.tsx
+function Fe({ className: e }) {
+	return /* @__PURE__ */ P("div", {
+		className: i("flex size-20 items-center justify-center rounded-full bg-muted/40 ring-8 ring-muted/20", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ P(ae, { className: "size-8 text-muted-foreground" })
+	});
+}
+Fe.displayName = "SearchGlassIllustration";
+//#endregion
+//#region src/components/composed/data-display/empty-state/partials/illustrations/stacked-cards.tsx
+function Ie({ className: e }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("relative h-24 w-52", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ P("div", { className: "bg-muted/60 dark:bg-muted/30 border-border/50 absolute inset-x-6 top-0 h-6 rounded-t-lg border" }),
+			/* @__PURE__ */ P("div", { className: "bg-muted/80 dark:bg-muted/50 border-border/60 absolute inset-x-3 top-3 h-6 rounded-t-lg border" }),
+			/* @__PURE__ */ F("div", {
+				className: "bg-background border-border absolute inset-x-0 top-6 flex h-16 items-center gap-3 rounded-lg border px-4 shadow-sm",
+				children: [/* @__PURE__ */ P("div", { className: "bg-muted size-8 shrink-0 rounded" }), /* @__PURE__ */ F("div", {
+					className: "flex flex-1 flex-col gap-1.5",
+					children: [/* @__PURE__ */ P("div", { className: "bg-muted h-2.5 w-3/4 rounded" }), /* @__PURE__ */ P("div", { className: "bg-muted/60 h-2 w-1/2 rounded" })]
+				})]
+			}),
+			/* @__PURE__ */ P("div", { className: "from-background/0 via-background/60 to-background pointer-events-none absolute inset-x-0 bottom-0 h-8 bg-linear-to-b" })
+		]
+	});
+}
+Ie.displayName = "StackedCardsIllustration";
+//#endregion
+//#region src/components/composed/data-display/empty-state/partials/illustrations/users-circle.tsx
+function Le({ className: e }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("relative flex h-24 w-32 items-center justify-center", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ P("div", { className: "bg-muted/70 border-border absolute left-2 size-12 rounded-full border-2" }),
+			/* @__PURE__ */ P("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
+			/* @__PURE__ */ P("div", { className: "bg-muted/60 border-border absolute right-2 size-10 rounded-full border-2" })
+		]
+	});
+}
+Le.displayName = "UsersCircleIllustration";
+//#endregion
+//#region src/components/composed/data-display/fields/email-display.tsx
+var Re = { copySuccess: "Email copied to clipboard" };
+function ze({ email: e, copyable: n = !0, copySuccessMessage: a, emptyLabel: o = "—", clickable: s = !0, strings: c, size: l, type: d = "main", tag: f = "span", className: p, ...m }) {
+	let { defaultTextSize: h } = r(), g = l ?? h ?? "sm", _ = t(t(Re, a ? { copySuccess: a } : void 0), c);
+	if (!e || e.trim().length === 0) return /* @__PURE__ */ P(u, {
+		size: g,
+		type: "secondary",
+		tag: f,
+		className: i("email-display--component", p),
+		...m,
+		children: o
+	});
+	let v = /* @__PURE__ */ P(u, {
+		size: g,
+		type: d,
+		tag: "span",
+		className: i("font-medium", "decoration-dotted decoration-border underline underline-offset-4", "transition-colors duration-200", s ? "hover:decoration-current" : null, p),
+		children: e
+	});
+	if (n) {
+		let t = /* @__PURE__ */ P(y, {
+			value: e,
+			displayValue: v,
+			successMessage: _.copySuccess,
+			className: "-mx-0"
+		});
+		return s ? /* @__PURE__ */ P("a", {
+			href: `mailto:${e}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: t
+		}) : t;
+	}
+	return s ? /* @__PURE__ */ P("a", {
+		href: `mailto:${e}`,
+		className: "inline-flex items-center no-underline",
+		children: v
+	}) : v;
+}
+ze.displayName = "EmailDisplay";
+//#endregion
+//#region src/components/composed/data-display/fields/phone-display.tsx
+var Be = { copySuccess: "Phone number copied to clipboard" };
+function Ve(e) {
+	return e.replace(/[\s().-]/g, "");
+}
+function He({ phone: e, copyable: n = !0, copySuccessMessage: a, emptyLabel: o = "—", clickable: s = !0, strings: c, size: l, type: d = "main", tag: f = "span", className: p, ...m }) {
+	let { defaultTextSize: h } = r(), g = l ?? h ?? "sm", _ = t(t(Be, a ? { copySuccess: a } : void 0), c);
+	if (!e || e.trim().length === 0) return /* @__PURE__ */ P(u, {
+		size: g,
+		type: "secondary",
+		tag: f,
+		className: i("phone-display--component", p),
+		...m,
+		children: o
+	});
+	let v = /* @__PURE__ */ P(u, {
+		size: g,
+		type: d,
+		tag: "span",
+		className: i("font-medium", "decoration-dotted decoration-border underline underline-offset-4", "transition-colors duration-200", s ? "hover:decoration-current" : null, p),
+		children: e
+	});
+	if (n) {
+		let t = /* @__PURE__ */ P(y, {
+			value: e,
+			displayValue: v,
+			successMessage: _.copySuccess,
+			className: "-mx-0"
+		});
+		return s ? /* @__PURE__ */ P("a", {
+			href: `tel:${Ve(e)}`,
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: t
+		}) : t;
+	}
+	return s ? /* @__PURE__ */ P("a", {
+		href: `tel:${Ve(e)}`,
+		className: "inline-flex items-center no-underline",
+		children: v
+	}) : v;
+}
+He.displayName = "PhoneDisplay";
+//#endregion
+//#region src/components/composed/data-display/fields/url-display.tsx
+var Ue = {
+	copySuccess: "URL copied to clipboard",
+	httpWarning: "This URL uses HTTP which is not secure"
+};
+function We(e) {
+	try {
+		return new URL(e).protocol === "http:";
+	} catch {
+		return e.toLowerCase().startsWith("http://");
+	}
+}
+function Ge(e, t, n) {
+	if (!t || e.length <= n) return e;
+	try {
+		let t = new URL(e), r = t.hostname, i = n - r.length - 5;
+		return i > 10 ? `${r}${t.pathname.slice(0, i)}...` : `${e.slice(0, n - 3)}...`;
+	} catch {
+		return `${e.slice(0, n - 3)}...`;
+	}
+}
+function Ke({ url: e, copyable: n = !0, copySuccessMessage: a, emptyLabel: l = "—", clickable: d = !0, truncate: f = !1, maxLength: p = 50, showExternalIcon: m = !0, httpWarningMessage: h, strings: g, size: _, type: v = "main", tag: b = "span", className: x, ...S }) {
+	let { defaultTextSize: C } = r(), w = _ ?? C ?? "sm", T = t(t(Ue, a || h ? {
+		copySuccess: a,
+		httpWarning: h
+	} : void 0), g);
+	if (!e || e.trim().length === 0) return /* @__PURE__ */ P(u, {
+		size: w,
+		type: "secondary",
+		tag: b,
+		className: i("url-display--component", x),
+		...S,
+		children: l
+	});
+	let E = We(e), D = Ge(e, f, p), O = f && e.length > p, k = /* @__PURE__ */ F(u, {
+		size: w,
+		type: v,
+		tag: "span",
+		className: "inline-flex items-center gap-1.5",
+		children: [
+			!!E && /* @__PURE__ */ F(c, { children: [/* @__PURE__ */ P(o, { render: (e) => {
+				let { type: t, disabled: n, className: r, ...a } = e;
+				return /* @__PURE__ */ P("span", {
+					...a,
+					tabIndex: 0,
+					role: "img",
+					"aria-label": T.httpWarning,
+					className: i("inline-flex items-center text-warning", r),
+					children: /* @__PURE__ */ P(oe, {
+						className: "size-3.5",
+						"aria-hidden": "true"
+					})
+				});
+			} }), /* @__PURE__ */ P(s, {
+				side: "top",
+				className: "max-w-xs",
+				children: /* @__PURE__ */ P(u, {
+					size: "xs",
+					children: T.httpWarning
+				})
+			})] }),
+			/* @__PURE__ */ P("span", {
+				className: i("decoration-dotted underline underline-offset-4", "transition-colors duration-200", E ? "decoration-warning" : "decoration-border", d ? "hover:decoration-current" : null),
+				title: O && e || void 0,
+				children: D
+			}),
+			!!d && !!m && /* @__PURE__ */ P(ee, { className: "size-3 text-muted-foreground" })
+		]
+	});
+	if (n) {
+		let t = /* @__PURE__ */ P(y, {
+			value: e,
+			displayValue: k,
+			successMessage: T.copySuccess,
+			className: i("-mx-0", x)
+		});
+		return d ? /* @__PURE__ */ P("a", {
+			href: e,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "inline-flex items-center no-underline",
+			onClick: (e) => e.stopPropagation(),
+			children: t
+		}) : t;
+	}
+	return d ? /* @__PURE__ */ P("a", {
+		href: e,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "inline-flex items-center no-underline",
+		children: k
+	}) : k;
+}
+Ke.displayName = "UrlDisplay";
+//#endregion
+//#region src/components/composed/data-display/metadata/metadata-list.strings.ts
+var qe = {
+	formatInfoAriaLabel: (e) => `${e} info`,
+	infoFallback: "Info"
+}, Je = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+	4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+}, Ye = {
+	start: "justify-start",
+	end: "justify-end",
+	center: "justify-center",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, Xe = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	baseline: "items-baseline"
+}, Z = (e, t) => e.id ? e.id : `metadata-${typeof e.label == "string" ? e.label : `${t}`}-${t}`;
+function Q({ triggerProps: e, ariaLabel: t }) {
+	let { className: n, ...r } = e;
+	return /* @__PURE__ */ P(a, {
+		...r,
+		type: "button",
+		variant: "secondary",
+		buttonStyle: "ghost",
+		size: "icon-small",
+		className: i("metadata-list--info-trigger -mx-space-2xs inline-flex size-avatar-sm shrink-0 items-center justify-center rounded-sm", "text-muted-foreground transition-colors hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", n),
+		"aria-label": t,
+		children: /* @__PURE__ */ P(ne, { className: "size-icon-sm cursor-help" })
+	});
+}
+function Ze({ items: e, columns: n = 2, dense: r = !1, emptyLabel: a = "—", title: d, titleSeparator: f = !1, className: p, gapClassName: m, labelClassName: h, valueClassName: g, descriptionClassName: _, layout: y = "vertical", justify: b = "start", align: x = "center", separator: S = ": ", itemSeparator: C = !1, wrap: w = !0, strings: T }) {
+	let E = t(qe, T), D = j.useMemo(() => e.filter(Boolean), [e]);
+	if (j.useEffect(() => {}, [y, D]), D.length === 0) return null;
+	let O = Je[n] ?? Je[2], k = m ?? (r ? "gap-space-md" : "gap-space-xl"), A = "text-xs", M = r ? "text-xs" : "text-sm", N = "font-medium text-xs text-muted-foreground uppercase tracking-wide", I = d != null, L = I && f;
+	if (y === "horizontal") {
+		let e = Ye[b] ?? Ye.start, t = Xe[x] ?? Xe.center, n = typeof C == "string" ? C : C ? " | " : "", f = r ? "gap-space-sm" : "gap-space-md", m = w ? "flex-wrap" : "flex-nowrap";
+		return /* @__PURE__ */ F("div", {
+			className: i("metadata-list--component", "metadata-list-container", p),
+			children: [
+				!!I && /* @__PURE__ */ P(l, {
+					tag: "h6",
+					className: i("mb-space-sm", N),
+					children: d
+				}),
+				!!L && /* @__PURE__ */ P(v, { className: "mb-2" }),
+				/* @__PURE__ */ P("div", {
+					className: i("flex", m, e, t, f),
+					children: D.map((e, t) => {
+						let l = Z(e, t), d = e.emptyLabel ?? a, f = e.value === null || e.value === void 0, p = e.value ?? d, m = e.icon, _ = e.tooltip !== null && e.tooltip !== void 0, v = typeof e.render == "function", y = n && t < D.length - 1;
+						return /* @__PURE__ */ F(j.Fragment, { children: [/* @__PURE__ */ F("div", {
+							className: "flex items-center gap-space-md",
+							children: [
+								!!m && /* @__PURE__ */ P(m, { className: i("flex-shrink-0", r ? "size-icon-sm" : "size-icon", "text-muted-foreground") }),
+								/* @__PURE__ */ P(u, {
+									size: "inherit",
+									type: "main",
+									weight: "semibold",
+									className: i("metadata--field tracking-wide whitespace-nowrap", A, h),
+									children: e.label
+								}),
+								!!_ && /* @__PURE__ */ F(c, { children: [/* @__PURE__ */ P(o, { render: (t) => /* @__PURE__ */ P(Q, {
+									triggerProps: t,
+									ariaLabel: typeof e.label == "string" ? E.formatInfoAriaLabel(e.label) : E.infoFallback
+								}) }), /* @__PURE__ */ P(s, {
+									side: "top",
+									align: "start",
+									className: "max-w-xs",
+									children: /* @__PURE__ */ P(u, {
+										type: "inverse",
+										size: "xs",
+										children: e.tooltip
+									})
+								})] }),
+								/* @__PURE__ */ P(u, {
+									size: "inherit",
+									type: "secondary",
+									children: S
+								}),
+								v ? e.render?.(e) : /* @__PURE__ */ P(u, {
+									className: i(M, "leading-tight", f ? "text-foreground/50" : "text-foreground", g),
+									children: p
+								})
+							]
+						}), !!y && /* @__PURE__ */ P(u, {
+							size: "inherit",
+							type: "secondary",
+							children: n
+						})] }, l);
+					})
+				})
+			]
+		});
+	}
+	if (y === "rows") {
+		let e = r ? "py-row-y-sm" : "py-row-y";
+		return /* @__PURE__ */ F("div", {
+			className: i("metadata-list--component", "metadata-list-container", p),
+			children: [
+				!!I && /* @__PURE__ */ P(l, {
+					tag: "h6",
+					className: i("mb-space-md", N),
+					children: d
+				}),
+				!!L && /* @__PURE__ */ P(v, { className: "mb-2" }),
+				/* @__PURE__ */ P("dl", {
+					className: "divide-y divide-border/50",
+					children: D.map((t, n) => {
+						let l = Z(t, n), d = t.emptyLabel ?? a, f = t.value === null || t.value === void 0, p = t.value ?? d, m = t.icon, v = t.tooltip !== null && t.tooltip !== void 0, y = typeof t.render == "function";
+						return /* @__PURE__ */ F("div", {
+							className: i("grid items-baseline gap-x-space-xl gap-y-space-sm grid-cols-[minmax(9rem,1fr)_2fr]", e),
+							children: [/* @__PURE__ */ F("dt", {
+								className: "flex items-center gap-space-sm min-w-0",
+								children: [
+									!!m && /* @__PURE__ */ P(m, { className: i("flex-shrink-0 text-muted-foreground", r ? "size-icon-sm" : "size-icon") }),
+									/* @__PURE__ */ P(u, {
+										type: "main",
+										weight: "semibold",
+										className: i("metadata--field truncate tracking-wide", A, h),
+										children: t.label
+									}),
+									!!v && /* @__PURE__ */ F(c, { children: [/* @__PURE__ */ P(o, { render: (e) => /* @__PURE__ */ P(Q, {
+										triggerProps: e,
+										ariaLabel: typeof t.label == "string" ? E.formatInfoAriaLabel(t.label) : E.infoFallback
+									}) }), /* @__PURE__ */ P(s, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ P(u, {
+											type: "inverse",
+											size: "xs",
+											children: t.tooltip
+										})
+									})] })
+								]
+							}), /* @__PURE__ */ F("dd", {
+								className: "min-w-0",
+								children: [y ? t.render?.(t) : /* @__PURE__ */ P(u, {
+									className: i(M, "break-words leading-tight", f ? "text-foreground/50" : "text-foreground", g),
+									children: p
+								}), !!t.description && /* @__PURE__ */ P(u, {
+									size: "inherit",
+									type: "secondary",
+									className: i("mt-space-xs text-xs leading-snug", _),
+									children: t.description
+								})]
+							})]
+						}, l);
+					})
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ F("div", {
+		className: i("metadata-list--component", "metadata-list-container", p),
+		children: [
+			!!I && /* @__PURE__ */ P(l, {
+				tag: "h6",
+				className: i("mb-space-sm", N),
+				children: d
+			}),
+			!!L && /* @__PURE__ */ P(v, { className: "mb-2" }),
+			/* @__PURE__ */ P("div", {
+				className: i("grid", O, k),
+				children: D.map((e, t) => {
+					let n = Z(e, t), l = e.emptyLabel ?? a, d = e.value === null || e.value === void 0, f = e.value ?? l, p = e.icon, m = e.tooltip !== null && e.tooltip !== void 0, v = typeof e.render == "function";
+					return /* @__PURE__ */ F("div", {
+						className: i("grid min-w-0", "gap-space-sm"),
+						children: [
+							/* @__PURE__ */ F("div", {
+								className: "flex items-center gap-space-sm",
+								children: [
+									!!p && /* @__PURE__ */ P(p, { className: i("flex-shrink-0", r ? "size-icon-sm" : "size-icon", "text-muted-foreground") }),
+									/* @__PURE__ */ P(u, {
+										size: "inherit",
+										type: "main",
+										weight: "semibold",
+										className: i("metadata--field tracking-wide", A, h),
+										children: e.label
+									}),
+									!!m && /* @__PURE__ */ F(c, { children: [/* @__PURE__ */ P(o, { render: (t) => /* @__PURE__ */ P(Q, {
+										triggerProps: t,
+										ariaLabel: typeof e.label == "string" ? E.formatInfoAriaLabel(e.label) : E.infoFallback
+									}) }), /* @__PURE__ */ P(s, {
+										side: "top",
+										align: "start",
+										className: "max-w-xs",
+										children: /* @__PURE__ */ P(u, {
+											type: "inverse",
+											size: "xs",
+											children: e.tooltip
+										})
+									})] })
+								]
+							}),
+							v ? e.render?.(e) : /* @__PURE__ */ P(u, {
+								className: i(M, "leading-tight", d ? "text-foreground/50" : "text-foreground", g),
+								children: f
+							}),
+							!!e.description && /* @__PURE__ */ P(u, {
+								size: "inherit",
+								type: "secondary",
+								className: i("text-xs leading-snug", _),
+								children: e.description
+							})
+						]
+					}, n);
+				})
+			})
+		]
+	});
+}
+Ze.displayName = "MetadataList";
+//#endregion
+//#region src/components/composed/data-display/inline-stat/inline-stat.tsx
+function $({ label: e, value: t, layout: n = "between", mono: r = !1, className: a, labelClassName: o, valueClassName: s }) {
+	return n === "stacked" ? /* @__PURE__ */ F("div", {
+		className: i("inline-stat--component", "flex flex-col gap-space-2xs", a),
+		children: [/* @__PURE__ */ P(u, {
+			tag: "span",
+			size: "inherit",
+			type: "secondary",
+			className: i("text-xs leading-tight", o),
+			children: e
+		}), /* @__PURE__ */ P(u, {
+			tag: "span",
+			size: "inherit",
+			className: i("text-sm leading-snug", r && "tabular-nums", s),
+			children: t
+		})]
+	}) : /* @__PURE__ */ F("div", {
+		className: i("inline-stat--component flex items-center gap-space-md", n === "between" ? "justify-between" : "justify-start", a),
+		children: [/* @__PURE__ */ P(u, {
+			tag: "span",
+			size: "inherit",
+			type: "secondary",
+			className: i("text-xs leading-tight", o),
+			children: e
+		}), /* @__PURE__ */ P(u, {
+			tag: "span",
+			size: "inherit",
+			className: i("text-sm leading-snug", r && "tabular-nums", s),
+			children: t
+		})]
+	});
+}
+$.displayName = "InlineStat";
+//#endregion
+//#region src/components/composed/data-display/numeric-value/numeric-value.tsx
+var Qe = "—", $e = (e, t, n) => {
+	if (e == null || e === "") return null;
+	if (typeof e == "string") return e;
+	if (Number.isNaN(e)) return null;
+	try {
+		return new Intl.NumberFormat(t, n).format(e);
+	} catch {
+		return String(e);
+	}
+};
+function et({ value: e, align: t = "right", locale: n, formatOptions: a, emptyLabel: o = Qe, size: s, weight: c, type: l, className: d, ...f }) {
+	let { defaultTextSize: p } = r(), m = s ?? p ?? "sm", h = $e(e, n, a), g = t === "right" ? "text-right" : t === "center" ? "text-center" : "text-left";
+	return h === null ? /* @__PURE__ */ P(u, {
+		size: m,
+		weight: c,
+		type: l ?? "secondary",
+		className: i("numeric-value--component", "tabular-nums", g, d),
+		...f,
+		children: o
+	}) : /* @__PURE__ */ P(u, {
+		size: m,
+		weight: c,
+		type: l,
+		className: i("tabular-nums", g, d),
+		...f,
+		children: h
+	});
+}
+et.displayName = "NumericValue";
+//#endregion
+//#region src/components/composed/data-display/user-cell/user-cell.tsx
+var tt = {
+	small: {
+		avatar: "size-avatar-sm",
+		gap: "gap-space-sm",
+		nameClass: "text-xs",
+		subtitleClass: "text-xs"
+	},
+	default: {
+		avatar: "size-avatar",
+		gap: "gap-space-md",
+		nameClass: "text-sm",
+		subtitleClass: "text-xs"
+	}
+};
+function nt(e) {
+	return e === "small" || e === "default" ? e : e === "xs" || e === "sm" ? "small" : "default";
+}
+function rt({ name: e, subtitle: t, avatarUrl: n, avatarAlt: r, initials: a, avatar: o, trailing: s, size: c = "default", className: l }) {
+	let d = tt[nt(c)], f = o ?? /* @__PURE__ */ F(S, {
+		className: d.avatar,
+		children: [!!n && /* @__PURE__ */ P(b, {
+			src: n,
+			alt: r ?? (typeof e == "string" ? e : void 0)
+		}), !!a && /* @__PURE__ */ P(x, { children: a })]
+	});
+	return /* @__PURE__ */ F("div", {
+		className: i("user-cell--component", "flex items-center", d.gap, l),
+		children: [
+			f,
+			/* @__PURE__ */ F("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ P(u, {
+					size: "inherit",
+					weight: "semibold",
+					className: i("truncate leading-snug", d.nameClass),
+					children: e
+				}), !!t && /* @__PURE__ */ P(u, {
+					size: "inherit",
+					type: "secondary",
+					className: i("truncate leading-tight", d.subtitleClass),
+					children: t
+				})]
+			}),
+			!!s && /* @__PURE__ */ P("div", {
+				className: "shrink-0",
+				children: s
+			})
+		]
+	});
+}
+rt.displayName = "UserCell";
+//#endregion
+//#region src/components/composed/data-display/section-header/section-header.tsx
+function it({ title: e, description: t, badge: n, action: r, dense: a = !1, className: o }) {
+	return /* @__PURE__ */ F("div", {
+		className: i("section-header--component", "flex items-start justify-between", a ? "gap-2" : "gap-3", o),
+		children: [/* @__PURE__ */ F("div", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ F("div", {
+				className: i("flex items-center", a ? "gap-1.5" : "gap-2"),
+				children: [/* @__PURE__ */ P(u, {
+					size: a ? "xs" : "sm",
+					weight: "semibold",
+					className: "truncate",
+					children: e
+				}), !!n && /* @__PURE__ */ P("span", {
+					className: "shrink-0",
+					children: n
+				})]
+			}), !!t && /* @__PURE__ */ P(u, {
+				size: a ? "xxs" : "xs",
+				type: "secondary",
+				className: a ? "mt-0.5" : "mt-1",
+				children: t
+			})]
+		}), !!r && /* @__PURE__ */ P("div", {
+			className: "shrink-0",
+			children: r
+		})]
+	});
+}
+it.displayName = "SectionHeader";
+//#endregion
+export { B as A, Y as C, H as D, W as E, le as O, ge as S, K as T, Ee as _, Ze as a, ve as b, ze as c, Fe as d, Pe as f, X as g, De as h, $ as i, R as j, z as k, Le as l, Me as m, rt as n, Ke as o, Ne as p, et as r, He as s, it as t, Ie as u, Te as v, J as w, _e as x, Ce as y };
+
+//# sourceMappingURL=data-display-4E_irfF2.js.map