themelia-react-ui 1.0.1 → 2.0.0

package/dist/table-Dn4XSrSB.js

@@ -0,0 +1,1444 @@
+"use client";
+import { _ as e, s as t } from "./ui-provider-D2_TeLqw.js";
+import { t as n } from "./utils-Cospvlj1.js";
+import { a as r, s as i, t as a } from "./typography-CAr3dQhX.js";
+import { t as o } from "./button-BS3KDg00.js";
+import { t as s } from "./structure-hzCW-XsV.js";
+import { n as c, t as l } from "./action-menu-BTpyPWJ2.js";
+import { _ as u, c as d, d as f, g as p, h as m, i as h, l as g, m as _, o as v, p as y, s as b } from "./primitives-BHrwQXFC.js";
+import { t as x } from "./initials-format-CDoQEOd_.js";
+import { n as S, r as C, t as w } from "./number-CKRBYmZK.js";
+import { a as T, i as E, r as ee, s as D, t as O } from "./date-uf3z37Nm.js";
+import { t as te } from "./badge-0tATj-tW.js";
+import { t as ne } from "./separator-Do5GWDYi.js";
+import { t as re } from "./input-DhQdBnV3.js";
+import { t as ie } from "./checkbox-B7ygNTYp.js";
+import { r as k, t as ae } from "./control-group-recipes-DBXmfh2E.js";
+import { a as oe, c as se, i as ce, n as le, o as ue, r as de, s as A, t as fe } from "./pagination-Cm0jqa3I.js";
+import { c as j, i as pe, n as me, o as M, s as he, t as ge } from "./table-D6zKeYQX.js";
+import { l as _e } from "./data-display-3xWQUnMA.js";
+import { createContext as ve, isValidElement as ye, useCallback as N, useContext as be, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { Fragment as xe, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { ArrowDown as Se, ArrowUp as Ce, Calendar as B, ChevronLeft as we, ChevronRight as V, ChevronsUpDown as Te, Mail as Ee, Maximize2 as De, Minimize2 as Oe, MoreHorizontal as ke, PackageOpen as Ae, Settings2 as je } from "lucide-react";
+import { flexRender as H, getCoreRowModel as Me, getFilteredRowModel as Ne, getSortedRowModel as Pe, useReactTable as Fe } from "@tanstack/react-table";
+//#region src/components/features/table/hooks.ts
+var Ie = 300;
+function U(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function Le(e, t = {}) {
+	let { stepPx: n = Ie, deps: r = [] } = t, [i, a] = L(!1), [o, s] = L(!1), c = I(0), l = N(() => {
+		let t = U(e.current);
+		if (!t) {
+			a(!1), s(!1);
+			return;
+		}
+		let { scrollLeft: n, scrollWidth: r, clientWidth: i } = t;
+		a(n > 1), s(n + i < r - 1);
+	}, [e]);
+	P(() => {
+		let t, n = window.setTimeout(() => {
+			l();
+			let n = U(e.current);
+			if (!n) return;
+			let r = () => {
+				cancelAnimationFrame(c.current), c.current = requestAnimationFrame(l);
+			};
+			n.addEventListener("scroll", r, { passive: !0 });
+			let i = new ResizeObserver(l);
+			i.observe(n), n.firstElementChild && i.observe(n.firstElementChild), t = () => {
+				n.removeEventListener("scroll", r), cancelAnimationFrame(c.current), i.disconnect();
+			};
+		}, 0);
+		return () => {
+			window.clearTimeout(n), t?.();
+		};
+	}, [
+		e,
+		l,
+		...r
+	]);
+	let u = N((t) => {
+		U(e.current)?.scrollBy({
+			left: t,
+			behavior: "smooth"
+		});
+	}, [e]);
+	return {
+		canScrollLeft: i,
+		canScrollRight: o,
+		scrollBy: u,
+		scrollLeft: N(() => u(-n), [u, n]),
+		scrollRight: N(() => u(n), [u, n])
+	};
+}
+var Re = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function ze(e, t, n) {
+	let r = I(n);
+	r.current = n, P(() => {
+		if (!e || typeof document > "u") return;
+		let n = document.activeElement, i = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let a = (e) => {
+			let n = t.current;
+			if (!n) return;
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), r.current();
+				return;
+			}
+			if (e.key !== "Tab") return;
+			let i = Array.from(n.querySelectorAll(Re)).filter((e) => e.offsetParent !== null || e === document.activeElement);
+			if (i.length === 0) return;
+			let a = i[0], o = i[i.length - 1], s = document.activeElement, c = s instanceof Node && n.contains(s);
+			e.shiftKey && (!c || s === a) ? (e.preventDefault(), o.focus()) : !e.shiftKey && (!c || s === o) && (e.preventDefault(), a.focus());
+		}, o = t.current;
+		return document.addEventListener("keydown", a, !0), () => {
+			document.removeEventListener("keydown", a, !0), document.body.style.overflow = i;
+			let e = document.activeElement;
+			(o && e instanceof Node && o.contains(e) || e === document.body) && n?.isConnected && n.focus();
+		};
+	}, [e, t]);
+}
+//#endregion
+//#region src/components/features/table/table.strings.ts
+var Be = (e) => {
+	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
+	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
+}, W = {
+	emptyState: { message: "No results found." },
+	actions: {
+		triggerLabel: "Actions",
+		srLabel: "Row actions menu"
+	},
+	filter: {
+		searchPlaceholder: "Filter...",
+		columnsButton: "Columns"
+	},
+	columnVisibility: {
+		title: "Toggle columns",
+		triggerLabel: "Columns",
+		formatLabel: (e, t) => t && t.trim().length > 0 ? t : Be(e)
+	},
+	toolbar: {
+		scrollLeft: "Scroll left",
+		scrollRight: "Scroll right",
+		columns: "Toggle columns",
+		enterFullscreen: "Enter full screen",
+		exitFullscreen: "Exit full screen"
+	},
+	pagination: {
+		showing: "Showing",
+		to: "to",
+		of: "of",
+		entries: "results",
+		previous: "Previous",
+		next: "Next",
+		previousLabel: "Go to previous page",
+		nextLabel: "Go to next page",
+		morePages: "More pages",
+		page: "Page",
+		rowsPerPage: "Rows per page",
+		ariaLabel: "Pagination navigation"
+	},
+	selection: {
+		summary: (e, t) => `${e} of ${t} row${t === 1 ? "" : "s"} selected.`,
+		row: (e) => `Select row ${e + 1}`,
+		selectAll: "Select all rows",
+		clear: "Clear selection"
+	},
+	accessibility: {
+		scrollRegion: "Table scroll area",
+		fullscreenRegion: "Table, full screen"
+	}
+}, G = (e, t) => ({
+	...e,
+	...t
+}), Ve = (e) => e ? {
+	emptyState: G(W.emptyState, e.emptyState),
+	actions: G(W.actions, e.actions),
+	filter: G(W.filter, e.filter),
+	columnVisibility: G(W.columnVisibility, e.columnVisibility),
+	toolbar: G(W.toolbar, e.toolbar),
+	pagination: G(W.pagination, e.pagination),
+	selection: G(W.selection, e.selection),
+	accessibility: G(W.accessibility, e.accessibility)
+} : W;
+//#endregion
+//#region src/components/features/table/pagination.tsx
+function He(e, t) {
+	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
+	let n = [1];
+	e > 3 && n.push("ellipsis");
+	let r = Math.max(2, e - 1), i = Math.min(t - 1, e + 1);
+	for (let e = r; e <= i; e++) n.push(e);
+	return e < t - 2 && n.push("ellipsis"), n.push(t), n;
+}
+function Ue(e, t, n) {
+	let r = new URLSearchParams();
+	return r.set(n, String(t)), `${e}?${r.toString()}`;
+}
+function We({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i }) {
+	let a = {
+		...W.pagination,
+		...r
+	}, o = {
+		navigationLabel: a.ariaLabel,
+		previous: a.previous,
+		next: a.next,
+		previousLabel: a.previousLabel ?? se.previousLabel,
+		nextLabel: a.nextLabel ?? se.nextLabel,
+		morePages: a.morePages ?? se.morePages
+	}, s = i ?? "page", c = (e.current_page - 1) * e.per_page + 1, l = Math.min(e.current_page * e.per_page, e.total), u = N((n, r) => {
+		r && t?.(n, r, e.path || "");
+	}, [t, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, m = He(e.current_page, e.last_page);
+	return /* @__PURE__ */ z("div", {
+		className: n("pagination--component", "flex flex-col items-start gap-space-md px-surface py-row-y-lg sm:flex-row sm:items-center sm:justify-between sm:gap-0"),
+		children: [/* @__PURE__ */ z(p, {
+			size: "xs",
+			className: "tabular-nums tracking-tight",
+			children: [
+				/* @__PURE__ */ R(w, {
+					value: c,
+					size: "xs",
+					weight: "medium",
+					align: "left"
+				}),
+				"–",
+				/* @__PURE__ */ R(w, {
+					value: l,
+					size: "xs",
+					weight: "medium",
+					align: "left"
+				}),
+				" ",
+				a.of,
+				" ",
+				/* @__PURE__ */ R(w, {
+					value: e.total,
+					size: "xs",
+					weight: "medium",
+					align: "left"
+				}),
+				" ",
+				a.entries
+			]
+		}), /* @__PURE__ */ R(A, {
+			strings: o,
+			className: "mx-0 w-full justify-start sm:w-auto sm:justify-center",
+			children: /* @__PURE__ */ z(fe, {
+				className: "gap-0 sm:gap-space-2xs",
+				children: [
+					/* @__PURE__ */ R(de, { children: /* @__PURE__ */ R(ue, {
+						text: a.previous,
+						href: "#",
+						onClick: (t) => {
+							t.preventDefault(), u(e.current_page - 1, e.prev_page_url);
+						},
+						"aria-disabled": !d,
+						className: `h-action-sm text-pxs ${d ? "" : "pointer-events-none opacity-40"}`
+					}) }),
+					m.map((t, n) => {
+						let r = t === "ellipsis", i = r ? `ellipsis-${e.current_page}-${n}` : `page-${t}`;
+						return /* @__PURE__ */ R(de, { children: r ? /* @__PURE__ */ R(le, { className: "size-action-sm" }) : /* @__PURE__ */ R(ce, {
+							href: "#",
+							active: t === e.current_page,
+							onClick: (n) => {
+								n.preventDefault(), u(t, Ue(e.path, t, s));
+							},
+							className: "size-action-sm text-pxs",
+							children: t
+						}) }, i);
+					}),
+					/* @__PURE__ */ R(de, { children: /* @__PURE__ */ R(oe, {
+						text: a.next,
+						href: "#",
+						onClick: (t) => {
+							t.preventDefault(), u(e.current_page + 1, e.next_page_url);
+						},
+						"aria-disabled": !f,
+						className: `h-action-sm text-pxs ${f ? "" : "pointer-events-none opacity-40"}`
+					}) })
+				]
+			})
+		})]
+	});
+}
+We.displayName = "Pagination";
+//#endregion
+//#region src/components/features/table/table-actions.tsx
+function Ge(e) {
+	let { row: t, actions: r, menuLabel: i, displayMode: a = "menu", responsiveBreakpoint: o = 1040, strings: s } = e, u = s ?? W, d = i ?? u.actions.triggerLabel, f = F(() => {
+		let e = typeof r == "function" ? r(t) : r;
+		return Array.isArray(e) ? e : [];
+	}, [r, t]), p = F(() => {
+		let e = (e) => typeof e == "function" ? e(t) : e;
+		return f.flatMap((t) => {
+			let n = e(t.visible) ?? !0;
+			return n ? [{
+				...t,
+				visible: n,
+				disabled: e(t.disabled) ?? !1
+			}] : [];
+		});
+	}, [f, t]), m = p.length > 0, [h, g] = L(!1), _ = p.filter((e) => e.tone !== "destructive"), v = p.filter((e) => e.tone === "destructive"), y = [..._, ...v];
+	if (P(() => {
+		if (a !== "auto" || !m) {
+			g(!1);
+			return;
+		}
+		let e = () => {
+			try {
+				g(window.innerWidth <= o);
+			} catch {
+				g(!1);
+			}
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [
+		a,
+		m,
+		o
+	]), !m) return null;
+	let b = a === "auto" ? h ? "menu" : "inline" : a, x = y.map((e, n) => ({
+		id: e.id || `${e.label}-${n}`,
+		label: e.label,
+		icon: e.icon,
+		disabled: !!e.disabled,
+		tone: e.tone,
+		buttonStyle: e.buttonStyle,
+		onClick: () => e.onClick?.(t)
+	}));
+	return b === "inline" ? /* @__PURE__ */ R(l, {
+		actions: x,
+		className: n("table-actions--component")
+	}) : /* @__PURE__ */ R(c, {
+		actions: x,
+		label: void 0,
+		icon: ke,
+		srText: d || u.actions.srLabel,
+		closeOnSelect: !0,
+		align: "end",
+		density: "table"
+	});
+}
+Ge.displayName = "DataTableActions";
+//#endregion
+//#region src/components/features/table/table-helpers.tsx
+var K = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, Ke = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, q = (e, t, n) => {
+	typeof e == "function" ? t((t) => {
+		let r = e(t);
+		return n && n(r), r;
+	}) : (t(e), n && n(e));
+}, qe = (e, t, n, r) => {
+	let i = "";
+	return r && (i += "bg-primary/5 "), typeof n == "function" ? i += n(e, t) + " " : n && (i += n + " "), i.trim();
+}, Je = (e, t, n, r, i) => {
+	let a = "";
+	return typeof n == "string" ? a = n : n && (a = n(e, t)), r && i ? `${a} sticky start-0 z-10 bg-card shadow-[1px_0_0_0_var(--border)] rtl:shadow-[-1px_0_0_0_var(--border)]` : a;
+}, Ye = (e) => e.getSelectedRowModel().rows.map((e) => e.original), Xe = (e, t = W) => /* @__PURE__ */ R("div", {
+	className: "px-space-sm",
+	children: /* @__PURE__ */ R(ie, {
+		className: "size-icon cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+		checked: e.getIsSelected(),
+		disabled: !e.getCanSelect(),
+		onCheckedChange: (t) => e.toggleSelected(t === !0),
+		onClick: (e) => e.stopPropagation(),
+		"aria-label": t.selection.row(e.index)
+	})
+}), Ze = (e, t = W) => /* @__PURE__ */ R("div", {
+	className: "px-space-sm",
+	children: /* @__PURE__ */ R(ie, {
+		className: "size-icon cursor-pointer",
+		checked: e.getIsAllPageRowsSelected(),
+		indeterminate: e.getIsSomePageRowsSelected() && !e.getIsAllPageRowsSelected(),
+		onCheckedChange: (t) => e.toggleAllPageRowsSelected(t === !0),
+		"aria-label": t.selection.selectAll
+	})
+}), Qe = (e, t = W) => [{
+	id: "selection",
+	header: ({ table: e }) => Ze(e, t),
+	cell: ({ row: e }) => Xe(e, t),
+	enableSorting: !1,
+	enableResizing: !1,
+	size: 40
+}, ...e];
+//#endregion
+//#region src/components/features/table/table-body.tsx
+function $e({ table: e, onRowClick: t, emptyStateMessage: r, emptyStateAction: i, cellClassName: a = "", rowClassName: o = "", stickyFirstColumn: s = !1, striped: c = !1, strings: l }) {
+	let u = e.getRowModel().rows, d = r ?? l?.emptyState.message ?? W.emptyState.message, f = (e) => {
+		t && t(e);
+	};
+	return u.length ? /* @__PURE__ */ R(me, { children: u.map((e, r) => {
+		let i = e.getIsSelected(), l = e.getVisibleCells(), u = qe(e, r, o, i), d = () => {
+			t && f(e.original);
+		}, p = c && r % 2 != 0 ? "bg-muted/30" : "", m = n(u, p, "transition-colors duration-150", "hover:bg-muted/35 data-[state=selected]:bg-primary/8", t ? "cursor-pointer" : "", "border-b border-border/50 last:border-b-0");
+		return /* @__PURE__ */ R(j, {
+			"data-state": i ? "selected" : null,
+			className: m,
+			onClick: d,
+			children: l.map((t, r) => /* @__PURE__ */ R(pe, {
+				className: n(Je(t.column.id, e, a, s, r === 0), t.column.columnDef.meta?.align === "end" && "text-right", t.column.columnDef.meta?.align === "center" && "text-center"),
+				children: H(t.column.columnDef.cell, t.getContext())
+			}, t.id))
+		}, e.id);
+	}) }) : /* @__PURE__ */ R(me, {
+		className: "table-body--component",
+		children: /* @__PURE__ */ R(j, {
+			className: "hover:bg-transparent",
+			children: /* @__PURE__ */ R(pe, {
+				className: "p-0! text-center whitespace-normal",
+				colSpan: e.getAllColumns().length,
+				children: /* @__PURE__ */ R(_e, {
+					title: d,
+					description: !1,
+					media: /* @__PURE__ */ R(Ae, { className: "size-icon" }),
+					mediaVariant: "icon-soft",
+					actions: i,
+					className: "data-table--empty-state w-[100cqw] max-w-full"
+				})
+			})
+		})
+	});
+}
+$e.displayName = "DataTableBody";
+//#endregion
+//#region src/components/features/table/table-header.tsx
+function et({ table: e, enableResizing: t = !1, stickyHeader: i = !1, headerClassName: a = "", cellClassName: s = "", stickyFirstColumn: c = !1, columnGroups: l, headerTransparent: u = !1 }) {
+	let d = e.getHeaderGroups(), f = i ? n("shadow-[0_1px_0_0_var(--border)]", u ? "bg-background" : "bg-muted") : "", p = (e) => l ? l.find((t) => t.columns.includes(e)) : null;
+	return /* @__PURE__ */ z(he, {
+		className: n(i && "sticky top-0 z-20", a),
+		children: [(() => {
+			if (!l || l.length === 0 || d.length === 0) return null;
+			let e = d[0].headers, t = null, i = 0, a = [];
+			return e.forEach((o, s) => {
+				let c = p(o.id)?.header || "";
+				c === t ? i++ : (t !== null && i > 0 && a.push(/* @__PURE__ */ R(M, {
+					colSpan: i,
+					className: n("h-12 border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-muted-foreground/75 last:border-r-0", f),
+					children: /* @__PURE__ */ R(r, { children: t || "" })
+				}, `group-${t}-${a.length}`)), t = c, i = 1), s === e.length - 1 && i > 0 && a.push(/* @__PURE__ */ R(M, {
+					colSpan: i,
+					className: n("h-12 whitespace-nowrap border-r border-border/60 bg-muted/35 px-surface py-row-y-sm text-center text-muted-foreground/75 last:border-r-0", f),
+					children: /* @__PURE__ */ R(r, { children: t || "" })
+				}, `group-${t}-${a.length}`));
+			}), /* @__PURE__ */ R(j, {
+				className: n("table-header--component", "border-b border-border"),
+				children: a
+			});
+		})(), d.map((r) => /* @__PURE__ */ R(j, {
+			className: n("border-b border-border/70", u ? "bg-transparent hover:bg-transparent" : "bg-muted/45 hover:bg-muted/45"),
+			children: r.headers.map((r, a) => {
+				let l = n(Je(r.id, null, s, c, a === 0), "h-12", "text-muted-foreground font-medium whitespace-nowrap", r.column.columnDef.meta?.align === "end" && "text-right", r.column.columnDef.meta?.align === "center" && "text-center", f, i && c && a === 0 && "z-30", !i && "bg-transparent", t && !(c && a === 0) && "relative"), u = t ? { width: r.getSize() } : void 0, d = r.getResizeHandler(), p = r.getLeafHeaders().filter((e) => e.subHeaders.length === 0), m = p.reduce((e, t) => e + (t.column.columnDef.minSize ?? 20), 0), h = Math.min(2 ** 53 - 1, p.reduce((e, t) => e + (t.column.columnDef.maxSize ?? 2 ** 53 - 1), 0)), g = (t) => {
+					e.setOptions((e) => ({
+						...e,
+						columnResizeDirection: getComputedStyle(t.currentTarget).direction === "rtl" ? "rtl" : "ltr"
+					})), d(t);
+				}, _ = r.column.getIsResizing(), v = (() => {
+					let e = r.column.columnDef.header;
+					return typeof e == "string" ? e : typeof r.id == "string" ? r.id : "column";
+				})();
+				return /* @__PURE__ */ R(M, {
+					colSpan: r.colSpan,
+					className: l,
+					style: u,
+					children: r.isPlaceholder ? null : /* @__PURE__ */ z("div", {
+						className: n(t && r.column.getCanResize() && "pe-action-sm"),
+						children: [(() => {
+							let e = r.column.getCanSort(), t = r.column.getIsSorted(), i = H(r.column.columnDef.header, r.getContext()), a = t === "asc" ? Ce : t === "desc" ? Se : Te;
+							return e ? /* @__PURE__ */ z(o, {
+								type: "button",
+								tone: "secondary",
+								buttonStyle: "ghost",
+								size: "sm",
+								onClick: r.column.getToggleSortingHandler(),
+								className: n("group -ml-space-sm inline-flex select-none items-center gap-space-sm rounded-inner px-space-sm", "hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", t && "text-foreground"),
+								"aria-label": `Sort ${v}`,
+								children: [i, /* @__PURE__ */ R(a, {
+									className: n("size-icon-sm shrink-0 transition-opacity", t ? "opacity-100" : "opacity-30 group-hover:opacity-70"),
+									"aria-hidden": "true"
+								})]
+							}) : /* @__PURE__ */ R("div", {
+								className: n("flex items-center", r.column.columnDef.meta?.align === "end" && "justify-end", r.column.columnDef.meta?.align === "center" && "justify-center"),
+								children: i
+							});
+						})(), !!t && r.column.getCanResize() && /* @__PURE__ */ R("div", {
+							role: "separator",
+							tabIndex: 0,
+							className: n("absolute inset-y-0 end-0 w-action-sm cursor-col-resize select-none touch-none bg-transparent after:absolute after:inset-y-0 after:end-0 after:w-px after:bg-foreground/50 opacity-0 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:after:w-1 focus-visible:after:bg-primary-accent", _ && "after:bg-primary-accent!"),
+							"aria-label": `Resize ${v}`,
+							"aria-orientation": "vertical",
+							"aria-valuenow": r.getSize(),
+							"aria-valuemin": m,
+							"aria-valuemax": h,
+							onKeyDown: (t) => {
+								let n = getComputedStyle(t.currentTarget).direction === "rtl", i = (t.key === "ArrowRight" ? 10 : t.key === "ArrowLeft" ? -10 : 0) * (n ? -1 : 1);
+								if (!i && t.key !== "Home" && t.key !== "End" || t.key === "End" && h === 2 ** 53 - 1) return;
+								t.preventDefault(), t.stopPropagation();
+								let a = r.getSize(), o = Math.max(m, Math.min(h, a + i)) / Math.max(1, a);
+								e.setColumnSizing((e) => ({
+									...e,
+									...Object.fromEntries(p.map((e) => {
+										let n = e.column.columnDef.minSize ?? 20, r = e.column.columnDef.maxSize ?? 2 ** 53 - 1, i = t.key === "Home" ? n : t.key === "End" ? r : Math.max(n, Math.min(r, e.column.getSize() * o));
+										return [e.column.id, Math.round(i * 100) / 100];
+									}))
+								}));
+							},
+							onMouseDown: g,
+							onTouchStart: g
+						})]
+					})
+				}, r.id);
+			})
+		}, r.id))]
+	});
+}
+et.displayName = "DataTableHeader";
+//#endregion
+//#region src/components/features/table/column-visibility-toggle.tsx
+function tt({ table: e, className: t, align: r = "end", labelVisibility: i = "hidden", strings: a = W }) {
+	let o = e.getAllColumns().filter((e) => e.getCanHide());
+	if (o.length === 0) return null;
+	let s = i !== "hidden", l = o.map((e) => {
+		let t = e.columnDef.header, n = a.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
+		return {
+			id: e.id,
+			type: "checkbox",
+			label: n,
+			group: a.columnVisibility.title,
+			checked: e.getIsVisible(),
+			onCheckedChange: (t) => e.toggleVisibility(!!t),
+			className: "capitalize"
+		};
+	});
+	return /* @__PURE__ */ R(c, {
+		actions: l,
+		icon: je,
+		label: a.columnVisibility.triggerLabel,
+		srText: a.columnVisibility.triggerLabel,
+		align: r,
+		width: "w-48",
+		density: "table",
+		labelVisibility: s ? "responsive" : "hidden",
+		buttonProps: {
+			"aria-label": a.columnVisibility.triggerLabel,
+			tone: "secondary",
+			buttonStyle: "outline",
+			size: "sm",
+			iconOnly: !s,
+			className: n("column-visibility-toggle--component", s ? "h-action-sm gap-space-sm px-control-sm" : "size-action-sm gap-0 px-0", t)
+		},
+		preserveOrder: !0
+	});
+}
+tt.displayName = "ColumnVisibilityToggle";
+//#endregion
+//#region src/components/features/table/partials/fullscreen-toggle.tsx
+var nt = "text-muted-foreground/70 hover:text-foreground disabled:pointer-events-none disabled:opacity-30";
+function rt({ fullscreen: e, onFullscreenChange: t, enterLabel: r = "Enter full screen", exitLabel: i = "Exit full screen", className: a }) {
+	let s = e ? i : r, c = e ? Oe : De;
+	return /* @__PURE__ */ R(o, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		iconOnly: !0,
+		"aria-label": s,
+		"aria-pressed": e,
+		onClick: () => t(!e),
+		className: n("fullscreen-toggle--component", nt, a),
+		children: /* @__PURE__ */ R(c, { className: "size-icon-sm" })
+	});
+}
+rt.displayName = "FullscreenToggle";
+//#endregion
+//#region src/components/features/table/table-toolbar.tsx
+var it = 300, at = "text-muted-foreground/70 transition-colors duration-150 hover:text-foreground disabled:pointer-events-none disabled:opacity-30";
+function ot({ label: e, onClick: t, disabled: r, className: i, children: a }) {
+	return /* @__PURE__ */ R(o, {
+		type: "button",
+		tone: "secondary",
+		buttonStyle: "ghost",
+		size: "sm",
+		iconOnly: !0,
+		"aria-label": e,
+		className: n("table-toolbar--component", at, k.joinedItem, i),
+		onClick: t,
+		disabled: r,
+		children: a
+	});
+}
+function J(e) {
+	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
+}
+function st({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, showFullscreenToggle: s = !1, enableColumnVisibility: c = !1, labelVisibility: l = "hidden", strings: u = W }) {
+	let { defaultScale: d } = t(), f = e(void 0, d), [p, m] = L(!1), [h, g] = L(!1), _ = I(0), v = I(null), y = N(() => {
+		let e = J(i.current);
+		if (!e) {
+			m(!1), g(!1);
+			return;
+		}
+		let { scrollLeft: t, scrollWidth: n, clientWidth: r } = e;
+		m(t > 1), g(t + r < n - 1);
+	}, [i]);
+	P(() => {
+		let e = window.setTimeout(() => {
+			let e = J(i.current);
+			if (!e || (y(), typeof ResizeObserver > "u")) return;
+			let t = () => {
+				cancelAnimationFrame(_.current), _.current = requestAnimationFrame(y);
+			};
+			e.addEventListener("scroll", t, { passive: !0 });
+			let n = new ResizeObserver(y);
+			n.observe(e), e.firstElementChild && n.observe(e.firstElementChild), v.current = () => {
+				e.removeEventListener("scroll", t), cancelAnimationFrame(_.current), n.disconnect();
+			};
+		}, 0);
+		return () => {
+			window.clearTimeout(e), v.current?.();
+		};
+	}, [
+		i,
+		y,
+		a
+	]);
+	let b = N(() => {
+		J(i.current)?.scrollBy({
+			left: -300,
+			behavior: "smooth"
+		});
+	}, [i]), x = N(() => {
+		J(i.current)?.scrollBy({
+			left: it,
+			behavior: "smooth"
+		});
+	}, [i]), S = c ? r.getAllColumns().filter((e) => e.getCanHide()) : [], C = p || h, w = S.length > 0, T = s;
+	return !C && !w && !T ? null : /* @__PURE__ */ z("div", {
+		className: n(k.joinedFrame, ae[f], "bg-card"),
+		children: [
+			!!C && /* @__PURE__ */ z(xe, { children: [
+				/* @__PURE__ */ R(ot, {
+					label: u.toolbar.scrollLeft,
+					onClick: b,
+					disabled: !p,
+					className: k.firstItem,
+					children: /* @__PURE__ */ R(we, { className: "size-icon-sm" })
+				}),
+				/* @__PURE__ */ R(ot, {
+					label: u.toolbar.scrollRight,
+					onClick: x,
+					disabled: !h,
+					children: /* @__PURE__ */ R(V, { className: "size-icon-sm" })
+				}),
+				(w || T) && /* @__PURE__ */ R("div", { className: "h-4 w-px self-center bg-border" })
+			] }),
+			!!w && /* @__PURE__ */ z(xe, { children: [/* @__PURE__ */ R(tt, {
+				table: r,
+				strings: u,
+				labelVisibility: l,
+				className: n(k.joinedItem, "border-0 shadow-none", !C && k.firstItem, !T && k.lastItem)
+			}), T && /* @__PURE__ */ R("div", { className: "h-4 w-px self-center bg-border" })] }),
+			T && /* @__PURE__ */ R(rt, {
+				fullscreen: a,
+				onFullscreenChange: o,
+				enterLabel: u.toolbar.enterFullscreen,
+				exitLabel: u.toolbar.exitFullscreen,
+				className: n(k.joinedItem, k.lastItem, !C && !w && k.firstItem)
+			})
+		]
+	});
+}
+st.displayName = "DataTableToolbar";
+//#endregion
+//#region src/components/features/table/data-table.tsx
+var ct = ve("sm");
+function lt() {
+	return be(ct);
+}
+var ut = {
+	sm: "[&_th]:h-12 [&_th]:px-row-x [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-row-x [&_td]:py-row-y-sm [&_td]:text-sm",
+	md: "[&_th]:h-12 [&_th]:px-row-x [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-row-x [&_td]:py-row-y [&_td]:text-sm",
+	lg: "[&_th]:h-12 [&_th]:px-row-x [&_th]:py-row-y-lg [&_th]:text-sm [&_td]:px-row-x [&_td]:py-row-y-lg [&_td]:text-sm"
+}, dt = {
+	sm: "sm",
+	md: "sm",
+	lg: "sm"
+}, ft = (e) => {
+	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
+};
+function pt(e, t) {
+	return e.map((e) => "columns" in e && e.columns ? {
+		...e,
+		columns: pt(e.columns, t)
+	} : (e.id ?? ("accessorKey" in e && typeof e.accessorKey == "string" ? e.accessorKey.replace(/\./g, "_") : void 0) ?? (typeof e.header == "string" ? e.header : void 0)) === t && e.filterFn === void 0 ? {
+		...e,
+		filterFn: "includesString"
+	} : e);
+}
+function Y({ size: r, surface: a = "card", headerTransparent: s = !0, columns: c, data: l, columnGroups: u, rowActions: d, rowActionsMenuLabel: f, rowActionsDisplayMode: p, rowActionsBreakpoint: m, enableSorting: h = !1, enableResizing: g = !1, enableFiltering: _ = !1, filterColumn: v, filterPlaceholder: y, manualSorting: b = !1, enableColumnVisibility: x = !1, fullscreen: S, defaultFullscreen: C = !1, onFullscreenChange: w, showFullscreenToggle: T = !1, enableRowSelection: E = !1, enableMultiRowSelection: ee = !0, enableSubRowSelection: D = !1, pagination: O, pageQueryKey: te, onPageChange: ie, onSortingChange: k, onColumnFiltersChange: ae, onRowClick: oe, onRowSelectionChange: se, stickyHeader: ce = !1, stickyToolbar: le = !1, stickyFirstColumn: ue = !1, maxBodyHeight: de, fillAvailableHeight: A = !1, emptyStateMessage: fe, emptyStateAction: j, className: pe = "", rowClassName: me = "", cellClassName: M = "", headerClassName: he = "", wrapperClassName: _e = "", innerClassName: ve = "", tableContainerClassName: ye = "", getRowId: be, rowSelection: P, sorting: Se, defaultSorting: Ce, columnVisibility: B, defaultColumnVisibility: we, initialState: V, onColumnVisibilityChange: Te, strings: Ee, topbarContent: De, topbarEnd: Oe, topbarClassName: ke, toolbarLabelVisibility: Ae = "hidden", footerContent: je, selectionToolbar: H, bulkActions: Ie, selectionToolbarClassName: U, storageKey: Le }) {
+	let { defaultScale: Re } = t(), Be = e(r, Re), W = F(() => Ve(Ee), [Ee]), G = n("bg-card", me), He = fe ?? W.emptyState.message, Ue = te ?? "page", K = ft(de), Ke = Array.isArray(c) && c.length === 2 && Array.isArray(c[1]) ? c[0] : c, q = F(() => Le ? `dt.${Le}.columns` : null, [Le]), qe = F(() => {
+		let e = we ?? V?.columnVisibility ?? {};
+		if (!q || typeof window > "u") return e;
+		try {
+			let t = window.localStorage.getItem(q);
+			return {
+				...t ? JSON.parse(t) : {},
+				...e
+			};
+		} catch {
+			return e;
+		}
+	}, [
+		we,
+		q,
+		V?.columnVisibility
+	]), [Je, Ye] = L(Ce ?? V?.sorting ?? []), [Xe, Ze] = L(V?.columnFilters ?? []), [tt, nt] = L(qe), [rt, it] = L(V?.rowSelection || {}), [at, ot] = L(C), J = Se ?? Je, lt = B ?? tt, Y = P ?? rt, X = S ?? at, Z = I(null), mt = N((e) => {
+		let t = typeof e == "function" ? e(Xe) : e;
+		Ze(t), ae?.(t);
+	}, [Xe, ae]), ht = N((e) => {
+		let t = typeof e == "function" ? e(J) : e;
+		Se === void 0 && Ye(t), k?.(t);
+	}, [
+		Se,
+		k,
+		J
+	]), gt = N((e) => {
+		let t = typeof e == "function" ? e(lt) : e;
+		if (B === void 0 && nt(t), q && typeof window < "u") try {
+			window.localStorage.setItem(q, JSON.stringify(t));
+		} catch {}
+		Te?.(t);
+	}, [
+		lt,
+		B,
+		q,
+		Te
+	]), _t = N((e) => {
+		let t = typeof e == "function" ? e(Y) : e;
+		P === void 0 && it(t), se?.(t);
+	}, [
+		P,
+		se,
+		Y
+	]), vt = I(null), yt = N((e) => {
+		S === void 0 && ot(e), w?.(e);
+	}, [S, w]);
+	ze(X, vt, N(() => yt(!1), [yt]));
+	let bt = N((e) => typeof f == "function" ? f(e) : f ?? W.actions.triggerLabel, [f, W.actions.triggerLabel]), xt = F(() => {
+		let e = _ && v ? pt(Ke, v) : Ke, t = E ? Qe(e, W) : e;
+		if (!d) return t;
+		let n = {
+			id: "actions",
+			header: W.actions.triggerLabel,
+			cell: ({ row: e }) => /* @__PURE__ */ R(Ge, {
+				row: e.original,
+				actions: d,
+				menuLabel: bt(e.original),
+				displayMode: p,
+				responsiveBreakpoint: m,
+				strings: W
+			}),
+			enableSorting: !1,
+			enableHiding: !1,
+			size: 40
+		};
+		return [...t, n];
+	}, [
+		Ke,
+		_,
+		v,
+		E,
+		d,
+		bt,
+		m,
+		p,
+		W
+	]), Q = Fe({
+		data: l,
+		columns: xt,
+		state: {
+			sorting: J,
+			columnVisibility: lt,
+			rowSelection: Y,
+			columnFilters: Xe
+		},
+		enableSorting: h,
+		enableColumnResizing: g,
+		columnResizeMode: "onChange",
+		enableColumnFilters: _,
+		manualFiltering: !_,
+		manualSorting: b,
+		autoResetPageIndex: !1,
+		enableRowSelection: E,
+		enableMultiRowSelection: ee,
+		enableSubRowSelection: D,
+		onSortingChange: h ? ht : void 0,
+		onRowSelectionChange: E ? _t : void 0,
+		onColumnVisibilityChange: gt,
+		onColumnFiltersChange: mt,
+		getCoreRowModel: Me(),
+		getFilteredRowModel: Ne(),
+		getSortedRowModel: Pe(),
+		getRowId: be
+	}), St = _ && v ? Q.getAllLeafColumns().find((e) => e.id === v && e.getCanFilter()) : void 0, Ct = y ?? W.filter.searchPlaceholder, wt = O && O.last_page > 1, Tt = Q.getSelectedRowModel().rows.map((e) => e.original), $ = Tt.length, Et = N(() => {
+		Q.resetRowSelection();
+	}, [Q]), Dt = {
+		table: Q,
+		selectedRows: Tt,
+		selectedRowCount: $,
+		totalRowCount: l.length,
+		rowSelection: Y,
+		clearSelection: Et
+	}, Ot = typeof Ie == "function" ? Ie(Dt) : Ie, kt = $ > 0 ? /* @__PURE__ */ z("div", {
+		"data-component": "data-table-selection-toolbar",
+		"data-slot": "data-table-selection-toolbar",
+		className: n("data-table-selection-toolbar--component flex min-w-0 flex-col gap-space-md border-b border-border/70 bg-muted/35 px-surface py-row-y @2xl/data-table:flex-row @2xl/data-table:items-center @2xl/data-table:justify-between", le && "sticky top-0 z-20 bg-card", U),
+		children: [/* @__PURE__ */ R(i, {
+			className: "data-table-selection-toolbar--summary min-w-0",
+			children: W.selection.summary($, l.length)
+		}), /* @__PURE__ */ z("div", {
+			"data-slot": "data-table-selection-toolbar-actions",
+			className: "data-table-selection-toolbar--actions flex shrink-0 flex-wrap items-center gap-space-md",
+			children: [Ot, /* @__PURE__ */ R(o, {
+				type: "button",
+				tone: "secondary",
+				buttonStyle: "ghost",
+				onClick: Et,
+				children: W.selection.clear
+			})]
+		})]
+	}) : null, At = !E || $ === 0 || H === null || H === !1 ? null : typeof H == "function" ? H(Dt) : H ?? kt, jt = F(() => {
+		if (K) return { "--data-table-body-max-height": K };
+	}, [K]), Mt = X || A || K !== void 0, Nt = ct.Provider, Pt = dt[Be];
+	return /* @__PURE__ */ R(Nt, {
+		value: Pt,
+		children: /* @__PURE__ */ z("div", {
+			ref: vt,
+			role: X ? "dialog" : void 0,
+			"aria-modal": X ? !0 : void 0,
+			"aria-label": X ? W.accessibility.fullscreenRegion : void 0,
+			className: n("data-table--component @container/data-table box-border", X ? "fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-surface" : n("w-full min-w-0 max-w-full", A && "flex h-full min-h-0 flex-col", a === "card" && "overflow-hidden rounded-radius border border-border bg-card shadow-[0_1px_3px_0_color-mix(in_oklch,var(--foreground)_4%,transparent)]", a === "glass" && "rounded-radius overflow-hidden border border-border/60", _e)),
+			children: [
+				!!(St || De || Oe || x || T) && /* @__PURE__ */ z("div", {
+					className: n("relative", le && "sticky top-0 z-20 bg-card"),
+					children: [/* @__PURE__ */ z("div", {
+						className: n("data-table-topbar grid gap-space-lg px-surface py-row-y @2xl/data-table:grid-cols-[minmax(0,1fr)_auto] @2xl/data-table:items-end", X ? "mb-space-lg shrink-0" : "mb-0", ke),
+						children: [/* @__PURE__ */ z("div", {
+							className: "data-table-topbar-left flex min-w-0 flex-col gap-space-md",
+							children: [De, St && /* @__PURE__ */ R("div", {
+								className: "min-w-0 max-w-sm",
+								children: /* @__PURE__ */ R(re, {
+									"aria-label": Ct,
+									placeholder: Ct,
+									value: St.getFilterValue() ?? "",
+									onChange: (e) => St.setFilterValue(e.target.value)
+								})
+							})]
+						}), /* @__PURE__ */ z("div", {
+							className: "data-table-topbar-right flex flex-wrap items-center justify-end gap-space-md",
+							children: [Oe, /* @__PURE__ */ R(st, {
+								table: Q,
+								tableAreaRef: Z,
+								fullscreen: X,
+								onFullscreenChange: yt,
+								showFullscreenToggle: T,
+								enableColumnVisibility: x,
+								labelVisibility: Ae,
+								strings: W
+							})]
+						})]
+					}), /* @__PURE__ */ R(ne, {})]
+				}),
+				At,
+				/* @__PURE__ */ R("div", {
+					ref: Z,
+					style: jt,
+					className: n("min-h-0", Mt ? "overflow-hidden" : ve, (X || A) && "flex-1"),
+					children: /* @__PURE__ */ z(ge, {
+						containerProps: {
+							role: "region",
+							"aria-label": W.accessibility.scrollRegion
+						},
+						style: g ? { width: Q.getTotalSize() } : void 0,
+						className: n("relative", g && "min-w-full table-fixed", ut[Be], pe),
+						containerClassName: n("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", Mt && "overflow-auto", K !== void 0 && "max-h-(--data-table-body-max-height)", (X || A) && "h-full min-h-0", ye),
+						children: [/* @__PURE__ */ R(et, {
+							enableResizing: g,
+							table: Q,
+							stickyHeader: ce,
+							headerClassName: he,
+							cellClassName: M,
+							stickyFirstColumn: ue,
+							columnGroups: u,
+							headerTransparent: s
+						}), /* @__PURE__ */ R($e, {
+							table: Q,
+							onRowClick: oe,
+							emptyStateMessage: He,
+							emptyStateAction: j,
+							cellClassName: M,
+							rowClassName: G,
+							stickyFirstColumn: ue,
+							strings: W
+						})]
+					})
+				}),
+				!!wt && /* @__PURE__ */ z(xe, { children: [/* @__PURE__ */ R(ne, {}), /* @__PURE__ */ R(We, {
+					pagination: O,
+					onPageChange: ie,
+					pageQueryKey: Ue,
+					labels: W.pagination
+				})] }),
+				!!je && /* @__PURE__ */ R("div", {
+					"data-slot": "data-table-footer",
+					className: "data-table--footer border-t border-border/70 px-surface py-row-y",
+					children: je
+				})
+			]
+		})
+	});
+}
+Y.displayName = "DataTable";
+//#endregion
+//#region src/components/features/table/filter-bar.tsx
+function X({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisibility: i = !1, customContent: a, strings: o = W }) {
+	if (!t && !i && !a) return null;
+	let s = r ?? o.filter.searchPlaceholder;
+	return /* @__PURE__ */ z("div", {
+		className: n("filter-bar--component", "flex items-center justify-between p-surface"),
+		children: [/* @__PURE__ */ z("div", {
+			className: "flex flex-1 items-center space-x-space-md",
+			children: [!!t && /* @__PURE__ */ R(re, {
+				placeholder: s,
+				value: e.getColumn(t)?.getFilterValue() ?? "",
+				onChange: (n) => {
+					let r = n.target.value;
+					e.getColumn(t)?.setFilterValue(r);
+				},
+				className: "max-w-sm"
+			}), a]
+		}), !!i && /* @__PURE__ */ R(tt, {
+			table: e,
+			strings: o,
+			labelVisibility: "responsive",
+			className: "ml-auto"
+		})]
+	});
+}
+X.displayName = "DataTableFilterBar";
+//#endregion
+//#region src/components/features/table/partials/cell-value.tsx
+function Z(e) {
+	return e === !1 || e == null || typeof e == "string" && e.trim() === "";
+}
+function mt(e) {
+	return e == null;
+}
+function ht(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e) && !ye(e) && !(e instanceof Date);
+}
+function gt(e) {
+	return Array.isArray(e);
+}
+function _t(e) {
+	let [t, n, r] = e;
+	return {
+		...r,
+		value: t,
+		kind: n
+	};
+}
+function vt(e) {
+	if (e === !1) return null;
+	if (ye(e)) return e;
+	if (gt(e)) {
+		let t = _t(e);
+		return Z(t.value) && mt(t.display) ? null : t;
+	}
+	return ht(e) ? Z(e.value) && mt(e.display) ? null : e : Z(e) ? null : { value: e };
+}
+function yt(e) {
+	return e instanceof Date ? e.toISOString() : String(e ?? "");
+}
+function bt({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryWeight: a = "medium" }) {
+	let o = t === 0, s = e.kind ?? (o ? "value" : "secondary"), c = e.value, l = e.display ?? (c instanceof Date ? yt(c) : c), y = e.emptyLabel ?? r, x = n(i, e.className), D = o ? a : "regular";
+	switch (s) {
+		case "secondary": return /* @__PURE__ */ R(p, {
+			size: "inherit",
+			className: x,
+			children: l
+		});
+		case "muted": return /* @__PURE__ */ R(m, {
+			size: "inherit",
+			className: x,
+			children: l
+		});
+		case "name": return /* @__PURE__ */ R(f, {
+			value: e.display === void 0 && typeof c == "string" ? c : void 0,
+			force: e.force,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x,
+			children: e.display
+		});
+		case "mono": return /* @__PURE__ */ R(_, {
+			size: "inherit",
+			weight: D,
+			className: x,
+			children: l
+		});
+		case "link": {
+			let t = e.href ?? yt(c);
+			return /* @__PURE__ */ R(b, {
+				href: t,
+				emptyLabel: y,
+				className: x,
+				children: l
+			});
+		}
+		case "email": return /* @__PURE__ */ R(v, {
+			value: typeof c == "string" ? c : void 0,
+			display: e.display,
+			emptyLabel: y,
+			className: x
+		});
+		case "phone": return /* @__PURE__ */ R(d, {
+			value: typeof c == "string" ? c : void 0,
+			display: e.display,
+			emptyLabel: y,
+			className: x
+		});
+		case "url": return /* @__PURE__ */ R(g, {
+			value: typeof c == "string" ? c : void 0,
+			display: e.display,
+			emptyLabel: y,
+			className: x
+		});
+		case "money": return /* @__PURE__ */ R(C, {
+			amount: typeof c == "number" || typeof c == "string" ? c : null,
+			currency: e.currency,
+			locale: e.locale,
+			currencyDisplay: e.currencyDisplay,
+			minimumFractionDigits: e.minimumFractionDigits,
+			maximumFractionDigits: e.maximumFractionDigits,
+			formatMode: e.formatMode,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		case "number": return /* @__PURE__ */ R(w, {
+			value: typeof c == "number" || typeof c == "string" ? c : null,
+			locale: e.locale,
+			options: e.options,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		case "percent": return /* @__PURE__ */ R(S, {
+			value: typeof c == "number" || typeof c == "string" ? c : null,
+			locale: e.locale,
+			scaled: e.scaled,
+			options: e.options,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		case "fileSize": return /* @__PURE__ */ R(h, {
+			value: typeof c == "number" ? c : null,
+			from: e.from,
+			locale: e.locale,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		case "date": return /* @__PURE__ */ R(O, {
+			value: c,
+			format: e.dateFormat,
+			preset: e.datePreset,
+			locale: e.dateLocale,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		case "time": return /* @__PURE__ */ R(T, {
+			value: c,
+			format: e.timeFormat,
+			locale: e.dateLocale,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		case "dateTime": return /* @__PURE__ */ R(ee, {
+			value: c,
+			format: e.dateFormat,
+			timeFormat: e.timeFormat,
+			preset: e.datePreset,
+			locale: e.dateLocale,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		case "relativeTime": return /* @__PURE__ */ R(E, {
+			value: c,
+			locale: e.dateLocale,
+			emptyLabel: y,
+			size: "inherit",
+			weight: D,
+			className: x
+		});
+		default: return /* @__PURE__ */ R(u, {
+			size: "inherit",
+			weight: D,
+			className: x,
+			children: l
+		});
+	}
+}
+function xt({ value: e, kind: t, href: r, currency: i, currencyDisplay: a, minimumFractionDigits: o, maximumFractionDigits: s, formatMode: c, locale: l, dateLocale: d, from: f, force: p, options: m, scaled: h, dateFormat: g, datePreset: _, timeFormat: v, emptyLabel: b, fallback: x = "--", missing: S, className: C, children: w }) {
+	let T = S ?? Z(e);
+	return w === void 0 ? T ? /* @__PURE__ */ R(y, {
+		size: "inherit",
+		className: n("cell-value--component", C),
+		children: b ?? x
+	}) : bt({
+		descriptor: {
+			value: e,
+			kind: t,
+			href: r,
+			currency: i,
+			currencyDisplay: a,
+			minimumFractionDigits: o,
+			maximumFractionDigits: s,
+			formatMode: c,
+			locale: l,
+			dateLocale: d,
+			from: f,
+			force: p,
+			options: m,
+			scaled: h,
+			dateFormat: g,
+			datePreset: _,
+			timeFormat: v,
+			emptyLabel: b,
+			className: "cell-value--component"
+		},
+		emptyLabel: b ?? x,
+		className: C
+	}) : /* @__PURE__ */ R(T ? y : u, {
+		size: "inherit",
+		className: n("cell-value--component", C),
+		children: w
+	});
+}
+function Q({ values: e = [], emptyLabel: t = "--", className: r, itemClassName: i, primaryClassName: a, secondaryClassName: o, primaryWeight: s = "medium" }) {
+	let c = e.map(vt).filter((e) => e !== null).slice(0, 4);
+	return c.length === 0 ? /* @__PURE__ */ R(y, {
+		size: "inherit",
+		className: n("cell-stack--component", r),
+		children: t
+	}) : /* @__PURE__ */ R("div", {
+		className: n("cell-stack--component flex min-w-0 flex-col items-start gap-space-2xs", r),
+		children: c.map((e, r) => {
+			let c = r === 0, l = n("cell-stack--item min-w-0 max-w-full truncate", !c && "text-xs", i, c ? a : o);
+			return ye(e) ? /* @__PURE__ */ R("div", {
+				className: l,
+				children: e
+			}, r) : /* @__PURE__ */ R("div", {
+				className: l,
+				children: bt({
+					descriptor: e,
+					index: r,
+					emptyLabel: t,
+					className: n("leading-tight", !c && "text-xs"),
+					primaryWeight: s
+				})
+			}, r);
+		})
+	});
+}
+xt.displayName = "CellValue", Q.displayName = "CellStack";
+//#endregion
+//#region src/components/features/table/partials/table-link.tsx
+var St = ({ className: e, ...t }) => /* @__PURE__ */ R(b, {
+	className: n("table-link--component", "underline decoration-link-color/35 decoration-dotted underline-offset-2 hover:decoration-link-color", e),
+	...t,
+	children: t.children
+});
+//#endregion
+//#region src/components/features/table/partials/resource-cell.tsx
+function Ct(e, t) {
+	if (e && typeof e == "object" && !("type" in e) && "label" in e) {
+		let n = e.icon;
+		return /* @__PURE__ */ z(te, {
+			tone: e.tone ?? "secondary",
+			dot: e.dot,
+			children: [!!n && /* @__PURE__ */ R(n, { className: "size-icon-sm" }), e.label]
+		}, e.id ?? t);
+	}
+	return /* @__PURE__ */ R("span", { children: e }, t);
+}
+function wt(e) {
+	return e ? Array.isArray(e) ? /* @__PURE__ */ R("span", {
+		className: "inline-flex min-w-0 flex-wrap items-center gap-x-space-md gap-y-space-2xs",
+		children: e.map((e, t) => /* @__PURE__ */ z("span", {
+			className: "inline-flex min-w-0 items-center gap-space-sm",
+			children: [!!e.label && /* @__PURE__ */ R(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: "shrink-0",
+				children: e.label
+			}), /* @__PURE__ */ R(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: "truncate",
+				children: e.value
+			})]
+		}, e.id ?? t))
+	}) : e : null;
+}
+function Tt({ title: e, subtitle: t, metadata: r, badges: o = [], imageUrl: c, icon: l = Ee, fallback: u, href: d, renderLink: f, emptyLabel: p = "—", className: m, mediaClassName: h, contentClassName: g, titleClassName: _, subtitleClassName: v }) {
+	if (!e) return /* @__PURE__ */ R(i, {
+		size: "inherit",
+		type: "secondary",
+		className: m,
+		children: p
+	});
+	let y = typeof e == "string" ? e : void 0, b = y ? x(y, { strategy: "first-words" }) : "", S = /* @__PURE__ */ z(s, {
+		render: /* @__PURE__ */ R("span", {}),
+		gap: "dense",
+		className: n("resource-cell--content", g),
+		children: [
+			/* @__PURE__ */ z(s, {
+				render: /* @__PURE__ */ R("span", {}),
+				direction: "horizontal",
+				gap: "sm",
+				wrap: !1,
+				className: "resource-cell--title-row",
+				children: [/* @__PURE__ */ R(i, {
+					tag: "span",
+					size: "inherit",
+					weight: "medium",
+					className: n("resource-cell--title truncate", _),
+					children: e
+				}), o.length > 0 && /* @__PURE__ */ R("span", {
+					className: "resource-cell--badges inline-flex shrink-0 items-center gap-space-sm",
+					children: o.map(Ct)
+				})]
+			}),
+			!!t && /* @__PURE__ */ R(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: n("resource-cell--subtitle truncate", v),
+				children: t
+			}),
+			!!r && /* @__PURE__ */ R("span", {
+				className: "resource-cell--metadata min-w-0",
+				children: wt(r)
+			})
+		]
+	}), C = /* @__PURE__ */ z("span", {
+		className: n("resource-cell--component inline-flex min-w-0 items-center gap-space-md", m),
+		children: [/* @__PURE__ */ R("span", {
+			className: n("resource-cell--media relative inline-flex size-avatar shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground", h),
+			children: c ? /* @__PURE__ */ R("img", {
+				src: c,
+				alt: y ?? "",
+				className: "absolute inset-0 size-full object-cover"
+			}) : u || (b ? /* @__PURE__ */ R(i, {
+				size: "inherit",
+				weight: "semibold",
+				className: "text-sm leading-none",
+				children: b
+			}) : /* @__PURE__ */ R(l, { className: "size-icon" }))
+		}), S]
+	});
+	if (!d) return C;
+	let w = "resource-cell--link inline-flex min-w-0 rounded-inner focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+	return f ? f({
+		href: d,
+		children: C,
+		className: w,
+		"aria-label": y
+	}) : /* @__PURE__ */ R(a, {
+		href: d,
+		size: "inherit",
+		underline: !1,
+		className: w,
+		"aria-label": y,
+		children: C
+	});
+}
+Tt.displayName = "ResourceCell";
+//#endregion
+//#region src/components/features/table/partials/cell-renderers.tsx
+function $({ value: e, map: t, emptyLabel: r = "—", className: a }) {
+	if (!e || !(e in t)) return /* @__PURE__ */ R(i, {
+		size: "inherit",
+		type: "secondary",
+		className: n("status-cell--component", a),
+		children: r
+	});
+	let o = t[e], s = o.icon;
+	return /* @__PURE__ */ z(te, {
+		tone: o.tone ?? "secondary",
+		className: n("status-cell--component gap-space-sm", a),
+		children: [!!s && /* @__PURE__ */ R(s, { className: "size-icon-sm" }), o.label]
+	});
+}
+$.displayName = "StatusCell";
+function Et({ items: e = [], emptyLabel: t = "—", className: r, badgeClassName: a }) {
+	let o = e.filter((e) => !e.hidden);
+	return o.length === 0 ? /* @__PURE__ */ R(i, {
+		size: "inherit",
+		type: "secondary",
+		className: n("status-cluster-cell--component", r),
+		children: t
+	}) : /* @__PURE__ */ R("span", {
+		className: n("status-cluster-cell--component inline-flex min-w-0 flex-wrap items-center gap-space-sm", r),
+		children: o.map((e, t) => {
+			let r = e.icon;
+			return /* @__PURE__ */ z(te, {
+				tone: e.tone ?? "secondary",
+				dot: e.dot,
+				className: n("shrink-0", a),
+				children: [!!r && /* @__PURE__ */ R(r, { className: "size-icon-sm" }), e.label]
+			}, e.id ?? t);
+		})
+	});
+}
+Et.displayName = "StatusClusterCell";
+function Dt({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon: s = B, emptyLabel: c = "—", className: l }) {
+	let u = D(e);
+	return u ? /* @__PURE__ */ z("span", {
+		className: n("date-cell--component inline-flex items-center gap-space-sm", l),
+		children: [!!o && /* @__PURE__ */ R(s, { className: "size-icon text-muted-foreground" }), /* @__PURE__ */ R(O, {
+			value: u,
+			format: t,
+			preset: r,
+			locale: a,
+			emptyLabel: c,
+			size: "inherit",
+			type: "secondary"
+		})]
+	}) : /* @__PURE__ */ R(i, {
+		size: "inherit",
+		type: "secondary",
+		className: n("date-cell--component", l),
+		children: c
+	});
+}
+Dt.displayName = "DateCell";
+function Ot({ value: e, format: t, preset: r, locale: a, showIcon: o = !1, icon: s = B, emptyLabel: c = "—", className: l, primaryClassName: u, secondary: d, secondaryClassName: f }) {
+	let p = D(e);
+	if (!p) return /* @__PURE__ */ R(i, {
+		size: "inherit",
+		type: "secondary",
+		className: n("date-meta-cell--component", l),
+		children: c
+	});
+	let m = typeof d == "function" ? d(p) : d;
+	return /* @__PURE__ */ z("span", {
+		className: n("date-meta-cell--component inline-flex min-w-0 items-start gap-space-sm", l),
+		children: [!!o && /* @__PURE__ */ R(s, { className: "mt-space-2xs size-icon shrink-0 text-muted-foreground" }), /* @__PURE__ */ z("span", {
+			className: "grid min-w-0 gap-space-2xs",
+			children: [/* @__PURE__ */ R(O, {
+				value: p,
+				format: t,
+				preset: r,
+				locale: a,
+				emptyLabel: c,
+				size: "inherit",
+				type: "secondary",
+				className: n("truncate tabular-nums", u)
+			}), !!m && /* @__PURE__ */ R(i, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: n("truncate", f),
+				children: m
+			})]
+		})]
+	});
+}
+Ot.displayName = "DateMetaCell";
+function kt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className: a, weight: o = "semibold" }) {
+	return /* @__PURE__ */ R(C, {
+		amount: e,
+		currency: t,
+		locale: r,
+		formatMode: t ? "with_symbol" : "decimal",
+		emptyLabel: i,
+		size: "inherit",
+		weight: o,
+		className: n("currency-cell--component tabular-nums", a)
+	});
+}
+kt.displayName = "CurrencyCell";
+function At({ name: e, imageUrl: t, icon: r = Ee, subtitle: a, emptyLabel: o = "—", className: s }) {
+	return !e || e.trim().length === 0 ? /* @__PURE__ */ R(i, {
+		size: "inherit",
+		type: "secondary",
+		className: n("avatar-cell--component", s),
+		children: o
+	}) : /* @__PURE__ */ z("span", {
+		className: n("avatar-cell--component inline-flex items-center gap-space-md", s),
+		children: [/* @__PURE__ */ R("span", {
+			className: "relative inline-flex size-avatar-sm shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground",
+			children: t ? /* @__PURE__ */ R("img", {
+				src: t,
+				alt: e,
+				className: "absolute inset-0 size-full object-cover"
+			}) : e.length > 0 ? /* @__PURE__ */ R(i, {
+				size: "inherit",
+				weight: "semibold",
+				className: "text-sm leading-none",
+				children: x(e, { strategy: "first-words" })
+			}) : /* @__PURE__ */ R(r, { className: "size-icon" })
+		}), /* @__PURE__ */ z("span", {
+			className: "min-w-0 inline-flex flex-col",
+			children: [/* @__PURE__ */ R(i, {
+				size: "inherit",
+				weight: "medium",
+				className: "truncate",
+				children: e
+			}), !!a && /* @__PURE__ */ R(i, {
+				size: "inherit",
+				type: "secondary",
+				className: "truncate",
+				children: a
+			})]
+		})]
+	});
+}
+At.displayName = "AvatarCell";
+//#endregion
+export { W as A, qe as C, Ke as D, K as E, U as M, Le as N, Ge as O, Je as S, q as T, et as _, $ as a, Ze as b, St as c, X as d, Y as f, tt as g, rt as h, Ot as i, Ve as j, We as k, Q as l, st as m, kt as n, Et as o, lt as p, Dt as r, Tt as s, At as t, xt as u, $e as v, Ye as w, Xe as x, Qe as y };
+
+//# sourceMappingURL=table-Dn4XSrSB.js.map