themelia-react-ui 1.0.2 → 2.0.1

package/dist/{table-CcRDZiLP.js → table-CrcLN9Io.js}

@@ -1,34 +1,37 @@
 "use client";
-import { _ as e, s as t } from "./ui-provider-DRPn3qNl.js";
-import { t as n } from "./utils-BvH9PSmq.js";
-import { a as r, r as i, t as a } from "./typography-BxQgiZyw.js";
-import { t as o } from "./button-BZDasD04.js";
-import { t as s } from "./structure-CRdqVawd.js";
-import { n as c, t as l } from "./action-menu-Drxw_vJk.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-C7ff0QaI.js";
-import { t as x } from "./initials-format-CDoQEOd_.js";
-import { n as S, r as C, t as w } from "./number-DasMFWEG.js";
-import { a as T, i as E, r as ee, s as D, t as O } from "./date-DOKhJPu7.js";
-import { t as te } from "./badge-CzId1Wlm.js";
-import { t as ne } from "./separator-BNIgG3au.js";
-import { t as re } from "./input-SX9V0AL3.js";
-import { t as ie } from "./checkbox-BQNDjUCh.js";
-import { a as ae, c as k, i as oe, n as se, o as ce, r as le, s as ue, t as de } from "./pagination-NLGqRirf.js";
-import { c as A, i as fe, n as pe, o as me, s as he, t as ge } from "./table-CLtJTxoR.js";
-import { l as _e } from "./data-display-Bihs9Ven.js";
-import { r as j, t as ve } from "./control-group-recipes-DBXmfh2E.js";
-import { createContext as ye, isValidElement as be, useCallback as M, useContext as xe, useEffect as N, useMemo as P, useRef as F, useState as I } from "react";
-import { Fragment as Se, jsx as L, jsxs as R } from "react/jsx-runtime";
-import { ArrowDown as Ce, ArrowUp as we, Calendar as z, ChevronLeft as Te, ChevronRight as B, ChevronsUpDown as Ee, Mail as De, Maximize2 as Oe, Minimize2 as ke, MoreHorizontal as Ae, PackageOpen as je, Settings2 as Me } from "lucide-react";
-import { flexRender as V, getCoreRowModel as Ne, getFilteredRowModel as Pe, getSortedRowModel as Fe, useReactTable as Ie } from "@tanstack/react-table";
+import { s as e, v as t } from "./ui-provider-1D_NSYzO.js";
+import { t as n } from "./utils-l5LpDw2z.js";
+import { n as r } from "./buttons-SbIcm1HJ.js";
+import { a as i, s as a, t as o } from "./typography-DTRkE9zL.js";
+import { t as s } from "./focus-recipes-B653VaLq.js";
+import { t as c } from "./structure-DC2dygdA.js";
+import { n as l, t as u } from "./action-menu-TzCoSlwL.js";
+import { t as d } from "./interaction-recipes-CHr0dJUs.js";
+import { _ as f, c as p, d as m, g as h, h as g, i as _, l as v, m as y, o as b, p as x, s as S } from "./primitives-B-CkiEMU.js";
+import { t as C } from "./initials-format-CDoQEOd_.js";
+import { n as w, r as T, t as ee } from "./number-DMhe-Vsk.js";
+import { a as te, i as E, r as ne, s as re, t as D } from "./date-BgK3bTdo.js";
+import { t as O } from "./badge-MrKVNzW9.js";
+import { t as ie } from "./batch-action-bar-BZGDG-Si.js";
+import { t as ae } from "./separator-C8DlRGwF.js";
+import { t as oe } from "./input-DWhBBBww.js";
+import { t as se } from "./checkbox-DhB6K0bK.js";
+import { r as k, t as ce } from "./control-group-recipes-DBXmfh2E.js";
+import { a as le, c as ue, i as de, n as fe, o as pe, r as me, s as he, t as ge } from "./pagination-3bPA_a6K.js";
+import { c as A, i as _e, n as ve, o as ye, s as be, t as xe } from "./table-CIKyLUsy.js";
+import { s as Se } from "./data-display-DafIvCl5.js";
+import { createContext as Ce, isValidElement as j, useCallback as M, useContext as we, useEffect as N, useMemo as P, useRef as F, useState as I } from "react";
+import { Fragment as Te, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { ArrowDown as Ee, ArrowUp as z, Calendar as De, ChevronLeft as Oe, ChevronRight as ke, ChevronsUpDown as Ae, Mail as je, Maximize2 as Me, Minimize2 as Ne, PackageOpen as B, Settings2 as Pe } from "lucide-react";
+import { flexRender as Fe, getCoreRowModel as Ie, getFilteredRowModel as Le, getSortedRowModel as Re, useReactTable as ze } from "@tanstack/react-table";
 //#region src/components/features/table/hooks.ts
-var Le = 300;
-function H(e) {
+var Be = 300;
+function Ve(e) {
 	return e ? e.querySelector("[data-slot=\"table-container\"]") : null;
 }
-function Re(e, t = {}) {
-	let { stepPx: n = Le, deps: r = [] } = t, [i, a] = I(!1), [o, s] = I(!1), c = F(0), l = M(() => {
-		let t = H(e.current);
+function He(e, t = {}) {
+	let { stepPx: n = Be, deps: r = [] } = t, [i, a] = I(!1), [o, s] = I(!1), c = F(0), l = M(() => {
+		let t = Ve(e.current);
 		if (!t) {
 			a(!1), s(!1);
 			return;
@@ -39,7 +42,7 @@ function Re(e, t = {}) {
 	N(() => {
 		let t, n = window.setTimeout(() => {
 			l();
-			let n = H(e.current);
+			let n = Ve(e.current);
 			if (!n) return;
 			let r = () => {
 				cancelAnimationFrame(c.current), c.current = requestAnimationFrame(l);
@@ -59,7 +62,7 @@ function Re(e, t = {}) {
 		...r
 	]);
 	let u = M((t) => {
-		H(e.current)?.scrollBy({
+		Ve(e.current)?.scrollBy({
 			left: t,
 			behavior: "smooth"
 		});
@@ -72,7 +75,7 @@ function Re(e, t = {}) {
 		scrollRight: M(() => u(n), [u, n])
 	};
 }
-var ze = [
+var Ue = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -80,7 +83,7 @@ var ze = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function Be(e, t, n) {
+function We(e, t, n) {
 	let r = F(n);
 	r.current = n, N(() => {
 		if (!e || typeof document > "u") return;
@@ -94,7 +97,7 @@ function Be(e, t, n) {
 				return;
 			}
 			if (e.key !== "Tab") return;
-			let i = Array.from(n.querySelectorAll(ze)).filter((e) => e.offsetParent !== null || e === document.activeElement);
+			let i = Array.from(n.querySelectorAll(Ue)).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());
@@ -108,14 +111,15 @@ function Be(e, t, n) {
 }
 //#endregion
 //#region src/components/features/table/table.strings.ts
-var Ve = (e) => {
+var Ge = (e) => {
 	let t = e.replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim();
 	return t ? t.replace(/\b\w/g, (e) => e.toUpperCase()) : "Column";
-}, U = {
+}, V = {
 	emptyState: { message: "No results found." },
 	actions: {
 		triggerLabel: "Actions",
-		srLabel: "Row actions menu"
+		srLabel: "Row actions menu",
+		menuLabel: "More actions"
 	},
 	filter: {
 		searchPlaceholder: "Filter...",
@@ -124,7 +128,7 @@ var Ve = (e) => {
 	columnVisibility: {
 		title: "Toggle columns",
 		triggerLabel: "Columns",
-		formatLabel: (e, t) => t && t.trim().length > 0 ? t : Ve(e)
+		formatLabel: (e, t) => t && t.trim().length > 0 ? t : Ge(e)
 	},
 	toolbar: {
 		scrollLeft: "Scroll left",
@@ -157,22 +161,25 @@ var Ve = (e) => {
 		scrollRegion: "Table scroll area",
 		fullscreenRegion: "Table, full screen"
 	}
-}, W = (e, t) => ({
+}, H = (e, t) => ({
 	...e,
 	...t
-}), He = (e) => e ? {
-	emptyState: W(U.emptyState, e.emptyState),
-	actions: W(U.actions, e.actions),
-	filter: W(U.filter, e.filter),
-	columnVisibility: W(U.columnVisibility, e.columnVisibility),
-	toolbar: W(U.toolbar, e.toolbar),
-	pagination: W(U.pagination, e.pagination),
-	selection: W(U.selection, e.selection),
-	accessibility: W(U.accessibility, e.accessibility)
-} : U;
+}), Ke = (e) => e ? {
+	emptyState: H(V.emptyState, e.emptyState),
+	actions: {
+		...H(V.actions, e.actions),
+		...e.actions?.triggerLabel !== void 0 && e.actions.menuLabel === void 0 ? { menuLabel: e.actions.triggerLabel } : {}
+	},
+	filter: H(V.filter, e.filter),
+	columnVisibility: H(V.columnVisibility, e.columnVisibility),
+	toolbar: H(V.toolbar, e.toolbar),
+	pagination: H(V.pagination, e.pagination),
+	selection: H(V.selection, e.selection),
+	accessibility: H(V.accessibility, e.accessibility)
+} : V;
 //#endregion
 //#region src/components/features/table/pagination.tsx
-function Ue(e, t) {
+function qe(e, t) {
 	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
 	let n = [1];
 	e > 3 && n.push("ellipsis");
@@ -180,38 +187,38 @@ function Ue(e, t) {
 	for (let e = r; e <= i; e++) n.push(e);
 	return e < t - 2 && n.push("ellipsis"), n.push(t), n;
 }
-function We(e, t, n) {
+function Je(e, t, n) {
 	let r = new URLSearchParams();
 	return r.set(n, String(t)), `${e}?${r.toString()}`;
 }
-function Ge({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i }) {
+function Ye({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i }) {
 	let a = {
-		...U.pagination,
+		...V.pagination,
 		...r
 	}, o = {
 		navigationLabel: a.ariaLabel,
 		previous: a.previous,
 		next: a.next,
-		previousLabel: a.previousLabel ?? k.previousLabel,
-		nextLabel: a.nextLabel ?? k.nextLabel,
-		morePages: a.morePages ?? k.morePages
+		previousLabel: a.previousLabel ?? ue.previousLabel,
+		nextLabel: a.nextLabel ?? ue.nextLabel,
+		morePages: a.morePages ?? ue.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 = M((n, r) => {
 		r && t?.(n, r, e.path || "");
-	}, [t, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, m = Ue(e.current_page, e.last_page);
+	}, [t, e.path]), d = e.prev_page_url !== null, f = e.next_page_url !== null, p = qe(e.current_page, e.last_page);
 	return /* @__PURE__ */ R("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__ */ R(p, {
+		children: [/* @__PURE__ */ R(h, {
 			size: "xs",
 			className: "tabular-nums tracking-tight",
 			children: [
-				/* @__PURE__ */ L(w, {
+				/* @__PURE__ */ L(ee, {
 					value: c,
 					size: "xs",
 					weight: "medium",
 					align: "left"
 				}),
 				"–",
-				/* @__PURE__ */ L(w, {
+				/* @__PURE__ */ L(ee, {
 					value: l,
 					size: "xs",
 					weight: "medium",
@@ -220,7 +227,7 @@ function Ge({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 				" ",
 				a.of,
 				" ",
-				/* @__PURE__ */ L(w, {
+				/* @__PURE__ */ L(ee, {
 					value: e.total,
 					size: "xs",
 					weight: "medium",
@@ -229,13 +236,13 @@ function Ge({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 				" ",
 				a.entries
 			]
-		}), /* @__PURE__ */ L(ue, {
+		}), /* @__PURE__ */ L(he, {
 			strings: o,
 			className: "mx-0 w-full justify-start sm:w-auto sm:justify-center",
-			children: /* @__PURE__ */ R(de, {
+			children: /* @__PURE__ */ R(ge, {
 				className: "gap-0 sm:gap-space-2xs",
 				children: [
-					/* @__PURE__ */ L(le, { children: /* @__PURE__ */ L(ce, {
+					/* @__PURE__ */ L(me, { children: /* @__PURE__ */ L(pe, {
 						text: a.previous,
 						href: "#",
 						onClick: (t) => {
@@ -244,19 +251,19 @@ function Ge({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 						"aria-disabled": !d,
 						className: `h-action-sm text-pxs ${d ? "" : "pointer-events-none opacity-40"}`
 					}) }),
-					m.map((t, n) => {
+					p.map((t, n) => {
 						let r = t === "ellipsis", i = r ? `ellipsis-${e.current_page}-${n}` : `page-${t}`;
-						return /* @__PURE__ */ L(le, { children: r ? /* @__PURE__ */ L(se, { className: "size-action-sm" }) : /* @__PURE__ */ L(oe, {
+						return /* @__PURE__ */ L(me, { children: r ? /* @__PURE__ */ L(fe, { className: "size-action-sm" }) : /* @__PURE__ */ L(de, {
 							href: "#",
 							active: t === e.current_page,
 							onClick: (n) => {
-								n.preventDefault(), u(t, We(e.path, t, s));
+								n.preventDefault(), u(t, Je(e.path, t, s));
 							},
 							className: "size-action-sm text-pxs",
 							children: t
 						}) }, i);
 					}),
-					/* @__PURE__ */ L(le, { children: /* @__PURE__ */ L(ae, {
+					/* @__PURE__ */ L(me, { children: /* @__PURE__ */ L(le, {
 						text: a.next,
 						href: "#",
 						onClick: (t) => {
@@ -270,11 +277,11 @@ function Ge({ pagination: e, onPageChange: t, labels: r = {}, pageQueryKey: i })
 		})]
 	});
 }
-Ge.displayName = "Pagination";
+Ye.displayName = "Pagination";
 //#endregion
 //#region src/components/features/table/table-actions.tsx
-function Ke(e) {
-	let { row: t, actions: r, menuLabel: i, displayMode: a = "menu", responsiveBreakpoint: o = 1040, strings: s } = e, u = s ?? U, d = i ?? u.actions.triggerLabel, f = P(() => {
+function Xe(e) {
+	let { row: t, actions: r, menuLabel: i, displayMode: a = "menu", responsiveBreakpoint: o = 1040, strings: s } = e, c = s ?? V, d = i ?? c.actions.menuLabel ?? c.actions.triggerLabel, f = P(() => {
 		let e = typeof r == "function" ? r(t) : r;
 		return Array.isArray(e) ? e : [];
 	}, [r, t]), p = P(() => {
@@ -315,100 +322,98 @@ function Ke(e) {
 		buttonStyle: e.buttonStyle,
 		onClick: () => e.onClick?.(t)
 	}));
-	return b === "inline" ? /* @__PURE__ */ L(l, {
+	return b === "inline" ? /* @__PURE__ */ L(u, {
 		actions: x,
 		className: n("table-actions--component")
-	}) : /* @__PURE__ */ L(c, {
+	}) : /* @__PURE__ */ L(l, {
 		actions: x,
-		label: void 0,
-		icon: Ae,
-		srText: d || u.actions.srLabel,
+		srText: d || c.actions.srLabel,
 		closeOnSelect: !0,
 		align: "end",
 		density: "table"
 	});
 }
-Ke.displayName = "DataTableActions";
+Xe.displayName = "DataTableActions";
 //#endregion
 //#region src/components/features/table/table-helpers.tsx
-var G = (e, t, n) => {
+var U = (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) => {
+}, Ze = (e, t, n) => {
 	typeof e == "function" ? t((t) => {
 		let r = e(t);
 		return n && n(r), r;
 	}) : (t(e), n && n(e));
-}, K = (e, t, n) => {
+}, W = (e, t, n) => {
 	typeof e == "function" ? t((t) => {
 		let r = e(t);
 		return n && n(r), r;
 	}) : (t(e), n && n(e));
-}, Je = (e, t, n, r) => {
+}, 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();
-}, Ye = (e, t, n, r, i) => {
+	return r && (i += "bg-muted "), typeof n == "function" ? i += n(e, t) + " " : n && (i += n + " "), i.trim();
+}, $e = (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;
-}, Xe = (e) => e.getSelectedRowModel().rows.map((e) => e.original), q = (e, t = U) => /* @__PURE__ */ L("div", {
+}, et = (e) => e.getSelectedRowModel().rows.map((e) => e.original), tt = (e, t = V) => /* @__PURE__ */ L("div", {
 	className: "px-space-sm",
-	children: /* @__PURE__ */ L(ie, {
-		className: "size-icon cursor-pointer disabled:cursor-not-allowed disabled:opacity-40",
+	children: /* @__PURE__ */ L(se, {
+		className: "size-icon cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
 		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 = U) => /* @__PURE__ */ L("div", {
+}), nt = (e, t = V) => /* @__PURE__ */ L("div", {
 	className: "px-space-sm",
-	children: /* @__PURE__ */ L(ie, {
+	children: /* @__PURE__ */ L(se, {
 		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 = U) => [{
+}), rt = (e, t = V) => [{
 	id: "selection",
-	header: ({ table: e }) => Ze(e, t),
-	cell: ({ row: e }) => q(e, t),
+	header: ({ table: e }) => nt(e, t),
+	cell: ({ row: e }) => tt(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 ?? U.emptyState.message, f = (e) => {
+function it({ 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, f = r ?? l?.emptyState.message ?? V.emptyState.message, p = (e) => {
 		t && t(e);
 	};
-	return u.length ? /* @__PURE__ */ L(pe, { children: u.map((e, r) => {
-		let i = e.getIsSelected(), l = e.getVisibleCells(), u = Je(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 u.length ? /* @__PURE__ */ L(ve, { children: u.map((e, r) => {
+		let i = e.getIsSelected(), l = e.getVisibleCells(), u = Qe(e, r, o, i), f = () => {
+			t && p(e.original);
+		}, m = c && r % 2 != 0 ? d.tableStripe : "", h = t ? "cursor-pointer" : "", g = n(u, m, "transition-colors duration-150", `${d.tableRowHover} ${d.tableRowSelected}`, h, "border-b border-border/60 last:border-b-0");
 		return /* @__PURE__ */ L(A, {
 			"data-state": i ? "selected" : null,
-			className: m,
-			onClick: d,
-			children: l.map((t, r) => /* @__PURE__ */ L(fe, {
-				className: n(Ye(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: V(t.column.columnDef.cell, t.getContext())
+			className: g,
+			onClick: f,
+			children: l.map((t, r) => /* @__PURE__ */ L(_e, {
+				className: n($e(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: Fe(t.column.columnDef.cell, t.getContext())
 			}, t.id))
 		}, e.id);
-	}) }) : /* @__PURE__ */ L(pe, {
+	}) }) : /* @__PURE__ */ L(ve, {
 		className: "table-body--component",
 		children: /* @__PURE__ */ L(A, {
 			className: "hover:bg-transparent",
-			children: /* @__PURE__ */ L(fe, {
+			children: /* @__PURE__ */ L(_e, {
 				className: "p-0! text-center whitespace-normal",
 				colSpan: e.getAllColumns().length,
-				children: /* @__PURE__ */ L(_e, {
-					title: d,
+				children: /* @__PURE__ */ L(Se, {
+					title: f,
 					description: !1,
-					media: /* @__PURE__ */ L(je, { className: "size-icon" }),
+					media: /* @__PURE__ */ L(B, { className: "size-icon" }),
 					mediaVariant: "icon-soft",
 					actions: i,
 					className: "data-table--empty-state w-[100cqw] max-w-full"
@@ -417,81 +422,81 @@ function $e({ table: e, onRowClick: t, emptyStateMessage: r, emptyStateAction: i
 		})
 	});
 }
-$e.displayName = "DataTableBody";
+it.displayName = "DataTableBody";
 //#endregion
 //#region src/components/features/table/table-header.tsx
-function et({ table: e, enableResizing: t = !1, stickyHeader: r = !1, headerClassName: a = "", cellClassName: s = "", stickyFirstColumn: c = !1, columnGroups: l, headerTransparent: u = !1 }) {
-	let d = e.getHeaderGroups(), f = r ? n("backdrop-blur-md shadow-[0_1px_0_0_var(--border)]", u ? "bg-background/95" : "bg-muted/95") : "", p = (e) => l ? l.find((t) => t.columns.includes(e)) : null;
-	return /* @__PURE__ */ R(he, {
-		className: n(r && "sticky top-0 z-20", a),
+function at({ table: e, enableResizing: t = !1, stickyHeader: a = !1, headerClassName: o = "", cellClassName: c = "", stickyFirstColumn: l = !1, columnGroups: u, headerTransparent: f = !1 }) {
+	let p = e.getHeaderGroups(), m = a ? n("shadow-[0_1px_0_0_var(--border)]", f ? "bg-background" : "bg-muted") : "", h = (e) => u ? u.find((t) => t.columns.includes(e)) : null;
+	return /* @__PURE__ */ R(be, {
+		className: n(a && "sticky top-0 z-20", o),
 		children: [(() => {
-			if (!l || l.length === 0 || d.length === 0) return null;
-			let e = d[0].headers, t = null, r = 0, a = [];
+			if (!u || u.length === 0 || p.length === 0) return null;
+			let e = p[0].headers, t = null, r = 0, a = [];
 			return e.forEach((o, s) => {
-				let c = p(o.id)?.header || "";
-				c === t ? r++ : (t !== null && r > 0 && a.push(/* @__PURE__ */ L(me, {
+				let c = h(o.id)?.header || "";
+				c === t ? r++ : (t !== null && r > 0 && a.push(/* @__PURE__ */ L(ye, {
 					colSpan: r,
-					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),
+					className: n("h-12 border-r border-border/60 bg-muted/50 px-surface py-row-y-sm text-center text-muted-foreground last:border-r-0", m),
 					children: /* @__PURE__ */ L(i, { children: t || "" })
-				}, `group-${t}-${a.length}`)), t = c, r = 1), s === e.length - 1 && r > 0 && a.push(/* @__PURE__ */ L(me, {
+				}, `group-${t}-${a.length}`)), t = c, r = 1), s === e.length - 1 && r > 0 && a.push(/* @__PURE__ */ L(ye, {
 					colSpan: r,
-					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),
+					className: n("h-12 whitespace-nowrap border-r border-border/60 bg-muted/50 px-surface py-row-y-sm text-center text-muted-foreground last:border-r-0", m),
 					children: /* @__PURE__ */ L(i, { children: t || "" })
 				}, `group-${t}-${a.length}`));
 			}), /* @__PURE__ */ L(A, {
 				className: n("table-header--component", "border-b border-border"),
 				children: a
 			});
-		})(), d.map((i) => /* @__PURE__ */ L(A, {
-			className: n("border-b border-border/70", u ? "bg-transparent hover:bg-transparent" : "bg-muted/45 hover:bg-muted/45"),
-			children: i.headers.map((i, a) => {
-				let l = n(Ye(i.id, null, s, c, a === 0), "h-12", "text-muted-foreground font-medium whitespace-nowrap", i.column.columnDef.meta?.align === "end" && "text-right", i.column.columnDef.meta?.align === "center" && "text-center", f, r && c && a === 0 && "z-30", !r && "bg-transparent", t && !(c && a === 0) && "relative"), u = t ? { width: i.getSize() } : void 0, d = i.getResizeHandler(), p = i.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) => {
+		})(), p.map((i) => /* @__PURE__ */ L(A, {
+			className: n("border-b border-border/60", f ? "bg-transparent hover:bg-transparent" : `${d.tableHead} ${d.tableRowHover}`),
+			children: i.headers.map((i, o) => {
+				let u = n($e(i.id, null, c, l, o === 0), "h-12", "text-muted-foreground font-medium whitespace-nowrap", i.column.columnDef.meta?.align === "end" && "text-right", i.column.columnDef.meta?.align === "center" && "text-center", m, a && l && o === 0 && "z-30", !a && "bg-transparent", t && !(l && o === 0) && "relative"), d = t ? { width: i.getSize() } : void 0, f = i.getResizeHandler(), p = i.getLeafHeaders().filter((e) => e.subHeaders.length === 0), h = p.reduce((e, t) => e + (t.column.columnDef.minSize ?? 20), 0), g = Math.min(2 ** 53 - 1, p.reduce((e, t) => e + (t.column.columnDef.maxSize ?? 2 ** 53 - 1), 0)), _ = (t) => {
 					e.setOptions((e) => ({
 						...e,
 						columnResizeDirection: getComputedStyle(t.currentTarget).direction === "rtl" ? "rtl" : "ltr"
-					})), d(t);
-				}, _ = i.column.getIsResizing(), v = (() => {
+					})), f(t);
+				}, v = i.column.getIsResizing(), y = (() => {
 					let e = i.column.columnDef.header;
 					return typeof e == "string" ? e : typeof i.id == "string" ? i.id : "column";
 				})();
-				return /* @__PURE__ */ L(me, {
+				return /* @__PURE__ */ L(ye, {
 					colSpan: i.colSpan,
-					className: l,
-					style: u,
+					className: u,
+					style: d,
 					children: i.isPlaceholder ? null : /* @__PURE__ */ R("div", {
 						className: n(t && i.column.getCanResize() && "pe-action-sm"),
 						children: [(() => {
-							let e = i.column.getCanSort(), t = i.column.getIsSorted(), r = V(i.column.columnDef.header, i.getContext()), a = t === "asc" ? we : t === "desc" ? Ce : Ee;
-							return e ? /* @__PURE__ */ R(o, {
+							let e = i.column.getCanSort(), t = i.column.getIsSorted(), a = Fe(i.column.columnDef.header, i.getContext()), o = t === "asc" ? z : t === "desc" ? Ee : Ae;
+							return e ? /* @__PURE__ */ R(r, {
 								type: "button",
 								tone: "secondary",
 								buttonStyle: "ghost",
 								size: "sm",
 								onClick: i.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: [r, /* @__PURE__ */ L(a, {
+								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 ${s.edge}`, t && "text-foreground"),
+								"aria-label": `Sort ${y}`,
+								children: [a, /* @__PURE__ */ L(o, {
 									className: n("size-icon-sm shrink-0 transition-opacity", t ? "opacity-100" : "opacity-30 group-hover:opacity-70"),
 									"aria-hidden": "true"
 								})]
 							}) : /* @__PURE__ */ L("div", {
 								className: n("flex items-center", i.column.columnDef.meta?.align === "end" && "justify-end", i.column.columnDef.meta?.align === "center" && "justify-center"),
-								children: r
+								children: a
 							});
 						})(), !!t && i.column.getCanResize() && /* @__PURE__ */ L("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}`,
+							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-muted-foreground opacity-0 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:after:w-1 focus-visible:after:bg-ring", v && "after:bg-primary-accent!"),
+							"aria-label": `Resize ${y}`,
 							"aria-orientation": "vertical",
 							"aria-valuenow": i.getSize(),
-							"aria-valuemin": m,
-							"aria-valuemax": h,
+							"aria-valuemin": h,
+							"aria-valuemax": g,
 							onKeyDown: (t) => {
 								let n = getComputedStyle(t.currentTarget).direction === "rtl", r = (t.key === "ArrowRight" ? 10 : t.key === "ArrowLeft" ? -10 : 0) * (n ? -1 : 1);
-								if (!r && t.key !== "Home" && t.key !== "End" || t.key === "End" && h === 2 ** 53 - 1) return;
+								if (!r && t.key !== "Home" && t.key !== "End" || t.key === "End" && g === 2 ** 53 - 1) return;
 								t.preventDefault(), t.stopPropagation();
-								let a = i.getSize(), o = Math.max(m, Math.min(h, a + r)) / Math.max(1, a);
+								let a = i.getSize(), o = Math.max(h, Math.min(g, a + r)) / Math.max(1, a);
 								e.setColumnSizing((e) => ({
 									...e,
 									...Object.fromEntries(p.map((e) => {
@@ -500,8 +505,8 @@ function et({ table: e, enableResizing: t = !1, stickyHeader: r = !1, headerClas
 									}))
 								}));
 							},
-							onMouseDown: g,
-							onTouchStart: g
+							onMouseDown: _,
+							onTouchStart: _
 						})]
 					})
 				}, i.id);
@@ -509,13 +514,13 @@ function et({ table: e, enableResizing: t = !1, stickyHeader: r = !1, headerClas
 		}, i.id))]
 	});
 }
-et.displayName = "DataTableHeader";
+at.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 = U }) {
+function ot({ table: e, className: t, align: r = "end", labelVisibility: i = "hidden", strings: a = V }) {
 	let o = e.getAllColumns().filter((e) => e.getCanHide());
 	if (o.length === 0) return null;
-	let s = i !== "hidden", l = o.map((e) => {
+	let s = i !== "hidden", c = o.map((e) => {
 		let t = e.columnDef.header, n = a.columnVisibility.formatLabel(e.id, typeof t == "string" ? t : void 0);
 		return {
 			id: e.id,
@@ -527,9 +532,9 @@ function tt({ table: e, className: t, align: r = "end", labelVisibility: i = "hi
 			className: "capitalize"
 		};
 	});
-	return /* @__PURE__ */ L(c, {
-		actions: l,
-		icon: Me,
+	return /* @__PURE__ */ L(l, {
+		actions: c,
+		icon: Pe,
 		label: a.columnVisibility.triggerLabel,
 		srText: a.columnVisibility.triggerLabel,
 		align: r,
@@ -547,13 +552,13 @@ function tt({ table: e, className: t, align: r = "end", labelVisibility: i = "hi
 		preserveOrder: !0
 	});
 }
-tt.displayName = "ColumnVisibilityToggle";
+ot.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 ? ke : Oe;
-	return /* @__PURE__ */ L(o, {
+var st = "text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-50";
+function ct({ fullscreen: e, onFullscreenChange: t, enterLabel: i = "Enter full screen", exitLabel: a = "Exit full screen", className: o }) {
+	let s = e ? a : i, c = e ? Ne : Me;
+	return /* @__PURE__ */ L(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
@@ -562,34 +567,34 @@ function rt({ fullscreen: e, onFullscreenChange: t, enterLabel: r = "Enter full
 		"aria-label": s,
 		"aria-pressed": e,
 		onClick: () => t(!e),
-		className: n("fullscreen-toggle--component", nt, a),
+		className: n("fullscreen-toggle--component", st, o),
 		children: /* @__PURE__ */ L(c, { className: "size-icon-sm" })
 	});
 }
-rt.displayName = "FullscreenToggle";
+ct.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__ */ L(o, {
+var lt = 300, ut = "text-muted-foreground transition-colors duration-150 hover:text-foreground disabled:pointer-events-none disabled:opacity-50";
+function dt({ label: e, onClick: t, disabled: i, className: a, children: o }) {
+	return /* @__PURE__ */ L(r, {
 		type: "button",
 		tone: "secondary",
 		buttonStyle: "ghost",
 		size: "sm",
 		iconOnly: !0,
 		"aria-label": e,
-		className: n("table-toolbar--component", at, j.joinedItem, i),
+		className: n("table-toolbar--component", ut, k.joinedItem, a),
 		onClick: t,
-		disabled: r,
-		children: a
+		disabled: i,
+		children: o
 	});
 }
-function J(e) {
+function G(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 = U }) {
-	let { defaultScale: d } = t(), f = e(void 0, d), [p, m] = I(!1), [h, g] = I(!1), _ = F(0), v = F(null), y = M(() => {
-		let e = J(i.current);
+function ft({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, showFullscreenToggle: s = !1, enableColumnVisibility: c = !1, labelVisibility: l = "hidden", strings: u = V }) {
+	let { defaultScale: d } = e(), f = t(void 0, d), [p, m] = I(!1), [h, g] = I(!1), _ = F(0), v = F(null), y = M(() => {
+		let e = G(i.current);
 		if (!e) {
 			m(!1), g(!1);
 			return;
@@ -599,7 +604,7 @@ function st({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, s
 	}, [i]);
 	N(() => {
 		let e = window.setTimeout(() => {
-			let e = J(i.current);
+			let e = G(i.current);
 			if (!e || (y(), typeof ResizeObserver > "u")) return;
 			let t = () => {
 				cancelAnimationFrame(_.current), _.current = requestAnimationFrame(y);
@@ -619,84 +624,84 @@ function st({ table: r, tableAreaRef: i, fullscreen: a, onFullscreenChange: o, s
 		a
 	]);
 	let b = M(() => {
-		J(i.current)?.scrollBy({
+		G(i.current)?.scrollBy({
 			left: -300,
 			behavior: "smooth"
 		});
 	}, [i]), x = M(() => {
-		J(i.current)?.scrollBy({
-			left: it,
+		G(i.current)?.scrollBy({
+			left: lt,
 			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__ */ R("div", {
-		className: n(j.joinedFrame, ve[f], "bg-card"),
+		className: n(k.joinedFrame, ce[f], "bg-card"),
 		children: [
-			!!C && /* @__PURE__ */ R(Se, { children: [
-				/* @__PURE__ */ L(ot, {
+			!!C && /* @__PURE__ */ R(Te, { children: [
+				/* @__PURE__ */ L(dt, {
 					label: u.toolbar.scrollLeft,
 					onClick: b,
 					disabled: !p,
-					className: j.firstItem,
-					children: /* @__PURE__ */ L(Te, { className: "size-icon-sm" })
+					className: k.firstItem,
+					children: /* @__PURE__ */ L(Oe, { className: "size-icon-sm" })
 				}),
-				/* @__PURE__ */ L(ot, {
+				/* @__PURE__ */ L(dt, {
 					label: u.toolbar.scrollRight,
 					onClick: x,
 					disabled: !h,
-					children: /* @__PURE__ */ L(B, { className: "size-icon-sm" })
+					children: /* @__PURE__ */ L(ke, { className: "size-icon-sm" })
 				}),
 				(w || T) && /* @__PURE__ */ L("div", { className: "h-4 w-px self-center bg-border" })
 			] }),
-			!!w && /* @__PURE__ */ R(Se, { children: [/* @__PURE__ */ L(tt, {
+			!!w && /* @__PURE__ */ R(Te, { children: [/* @__PURE__ */ L(ot, {
 				table: r,
 				strings: u,
 				labelVisibility: l,
-				className: n(j.joinedItem, "border-0 shadow-none", !C && j.firstItem, !T && j.lastItem)
+				className: n(k.joinedItem, "border-0 shadow-none", !C && k.firstItem, !T && k.lastItem)
 			}), T && /* @__PURE__ */ L("div", { className: "h-4 w-px self-center bg-border" })] }),
-			T && /* @__PURE__ */ L(rt, {
+			T && /* @__PURE__ */ L(ct, {
 				fullscreen: a,
 				onFullscreenChange: o,
 				enterLabel: u.toolbar.enterFullscreen,
 				exitLabel: u.toolbar.exitFullscreen,
-				className: n(j.joinedItem, j.lastItem, !C && !w && j.firstItem)
+				className: n(k.joinedItem, k.lastItem, !C && !w && k.firstItem)
 			})
 		]
 	});
 }
-st.displayName = "DataTableToolbar";
+ft.displayName = "DataTableToolbar";
 //#endregion
 //#region src/components/features/table/data-table.tsx
-var ct = ye("sm");
-function lt() {
-	return xe(ct);
+var pt = Ce("sm");
+function mt() {
+	return we(pt);
 }
-var ut = {
+var ht = {
 	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 = {
+}, gt = {
 	sm: "sm",
 	md: "sm",
 	lg: "sm"
-}, ft = (e) => {
+}, _t = (e) => {
 	if (e !== void 0) return typeof e == "number" ? `${e}px` : e;
 };
-function pt(e, t) {
+function vt(e, t) {
 	return e.map((e) => "columns" in e && e.columns ? {
 		...e,
-		columns: pt(e.columns, t)
+		columns: vt(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: i, 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: ae, onColumnFiltersChange: k, onRowClick: oe, onRowSelectionChange: se, stickyHeader: ce = !1, stickyToolbar: le = !1, stickyFirstColumn: ue = !1, maxBodyHeight: de, fillAvailableHeight: A = !1, emptyStateMessage: fe, emptyStateAction: pe, className: me = "", rowClassName: he = "", cellClassName: _e = "", headerClassName: j = "", wrapperClassName: ve = "", innerClassName: ye = "", tableContainerClassName: be = "", getRowId: xe, rowSelection: N, sorting: Ce, defaultSorting: we, columnVisibility: z, defaultColumnVisibility: Te, initialState: B, onColumnVisibilityChange: Ee, strings: De, topbarContent: Oe, topbarEnd: ke, topbarClassName: Ae, toolbarLabelVisibility: je = "hidden", footerContent: Me, selectionToolbar: V, bulkActions: Le, selectionToolbarClassName: H, storageKey: Re }) {
-	let { defaultScale: ze } = t(), Ve = e(i, ze), U = P(() => He(De), [De]), W = n("bg-card", he), Ue = fe ?? U.emptyState.message, We = te ?? "page", G = ft(de), qe = Array.isArray(c) && c.length === 2 && Array.isArray(c[1]) ? c[0] : c, K = P(() => Re ? `dt.${Re}.columns` : null, [Re]), Je = P(() => {
-		let e = Te ?? B?.columnVisibility ?? {};
-		if (!K || typeof window > "u") return e;
+function K({ size: r, surface: i = "card", headerTransparent: a = !0, columns: o, data: c, columnGroups: l, rowActions: u, rowActionsMenuLabel: d, rowActionsDisplayMode: f, rowActionsBreakpoint: p, enableSorting: m = !1, enableResizing: h = !1, enableFiltering: g = !1, filterColumn: _, filterPlaceholder: v, manualSorting: y = !1, enableColumnVisibility: b = !1, fullscreen: x, defaultFullscreen: S = !1, onFullscreenChange: C, showFullscreenToggle: w = !1, enableRowSelection: T = !1, enableMultiRowSelection: ee = !0, enableSubRowSelection: te = !1, pagination: E, pageQueryKey: ne, onPageChange: re, onSortingChange: D, onColumnFiltersChange: O, onRowClick: se, onRowSelectionChange: k, stickyHeader: ce = !1, stickyToolbar: le = !1, stickyFirstColumn: ue = !1, maxBodyHeight: de, fillAvailableHeight: fe = !1, emptyStateMessage: pe, emptyStateAction: me, className: he = "", rowClassName: ge = "", cellClassName: A = "", headerClassName: _e = "", wrapperClassName: ve = "", innerClassName: ye = "", tableContainerClassName: be = "", getRowId: Se, rowSelection: Ce, sorting: j, defaultSorting: we, columnVisibility: N, defaultColumnVisibility: Ee, initialState: z, onColumnVisibilityChange: De, strings: Oe, topbarContent: ke, topbarEnd: Ae, topbarClassName: je, toolbarLabelVisibility: Me = "hidden", footerContent: Ne, selectionToolbar: B, bulkActions: Pe, selectionToolbarClassName: Fe, selectionToolbarPlacement: Be = "floating", totalRowCount: Ve, storageKey: He }) {
+	let { defaultScale: Ue } = e(), Ge = t(r, Ue), V = P(() => Ke(Oe), [Oe]), H = n("bg-card", ge), qe = pe ?? V.emptyState.message, Je = ne ?? "page", U = _t(de), Ze = Array.isArray(o) && o.length === 2 && Array.isArray(o[1]) ? o[0] : o, W = P(() => He ? `dt.${He}.columns` : null, [He]), Qe = P(() => {
+		let e = Ee ?? z?.columnVisibility ?? {};
+		if (!W || typeof window > "u") return e;
 		try {
-			let t = window.localStorage.getItem(K);
+			let t = window.localStorage.getItem(W);
 			return {
 				...t ? JSON.parse(t) : {},
 				...e
@@ -705,54 +710,59 @@ function Y({ size: i, surface: a = "card", headerTransparent: s = !0, columns: c
 			return e;
 		}
 	}, [
-		Te,
-		K,
-		B?.columnVisibility
-	]), [Ye, Xe] = I(we ?? B?.sorting ?? []), [q, Ze] = I(B?.columnFilters ?? []), [tt, nt] = I(Je), [rt, it] = I(B?.rowSelection || {}), [at, ot] = I(C), J = Ce ?? Ye, lt = z ?? tt, Y = N ?? rt, X = S ?? at, Z = F(null), mt = M((e) => {
-		let t = typeof e == "function" ? e(q) : e;
-		Ze(t), k?.(t);
-	}, [q, k]), ht = M((e) => {
-		let t = typeof e == "function" ? e(J) : e;
-		Ce === void 0 && Xe(t), ae?.(t);
+		Ee,
+		W,
+		z?.columnVisibility
+	]), [$e, et] = I(we ?? z?.sorting ?? []), [tt, nt] = I(z?.columnFilters ?? []), [ot, st] = I(Qe), [ct, lt] = I(z?.rowSelection || {}), [ut, dt] = I(S), G = j ?? $e, mt = N ?? ot, K = Ce ?? ct, q = x ?? ut, J = F(null), yt = F(null), bt = P(() => ({ get current() {
+		let e = yt.current;
+		return e?.isConnected ? e : J.current?.querySelector("thead [role=\"checkbox\"]") ?? null;
+	} }), []), xt = M((e) => {
+		e.target instanceof HTMLElement && (yt.current = e.target);
+	}, []), St = M((e) => {
+		let t = typeof e == "function" ? e(tt) : e;
+		nt(t), O?.(t);
+	}, [tt, O]), Ct = M((e) => {
+		let t = typeof e == "function" ? e(G) : e;
+		j === void 0 && et(t), D?.(t);
 	}, [
-		Ce,
-		ae,
-		J
-	]), gt = M((e) => {
-		let t = typeof e == "function" ? e(lt) : e;
-		if (z === void 0 && nt(t), K && typeof window < "u") try {
-			window.localStorage.setItem(K, JSON.stringify(t));
+		j,
+		D,
+		G
+	]), wt = M((e) => {
+		let t = typeof e == "function" ? e(mt) : e;
+		if (N === void 0 && st(t), W && typeof window < "u") try {
+			window.localStorage.setItem(W, JSON.stringify(t));
 		} catch {}
-		Ee?.(t);
-	}, [
-		lt,
-		z,
-		K,
-		Ee
-	]), _t = M((e) => {
-		let t = typeof e == "function" ? e(Y) : e;
-		N === void 0 && it(t), se?.(t);
+		De?.(t);
 	}, [
+		mt,
 		N,
-		se,
-		Y
-	]), vt = F(null), yt = M((e) => {
-		S === void 0 && ot(e), w?.(e);
-	}, [S, w]);
-	Be(X, vt, M(() => yt(!1), [yt]));
-	let bt = M((e) => typeof f == "function" ? f(e) : f ?? U.actions.triggerLabel, [f, U.actions.triggerLabel]), xt = P(() => {
-		let e = _ && v ? pt(qe, v) : qe, t = E ? Qe(e, U) : e;
-		if (!d) return t;
+		W,
+		De
+	]), Tt = M((e) => {
+		let t = typeof e == "function" ? e(K) : e;
+		Ce === void 0 && lt(t), k?.(t);
+	}, [
+		Ce,
+		k,
+		K
+	]), Et = F(null), Y = M((e) => {
+		x === void 0 && dt(e), C?.(e);
+	}, [x, C]);
+	We(q, Et, M(() => Y(!1), [Y]));
+	let Dt = M((e) => typeof d == "function" ? d(e) : d ?? V.actions.menuLabel, [d, V.actions.menuLabel]), Ot = P(() => {
+		let e = g && _ ? vt(Ze, _) : Ze, t = T ? rt(e, V) : e;
+		if (!u) return t;
 		let n = {
 			id: "actions",
-			header: U.actions.triggerLabel,
-			cell: ({ row: e }) => /* @__PURE__ */ L(Ke, {
+			header: V.actions.triggerLabel,
+			cell: ({ row: e }) => /* @__PURE__ */ L(Xe, {
 				row: e.original,
-				actions: d,
-				menuLabel: bt(e.original),
-				displayMode: p,
-				responsiveBreakpoint: m,
-				strings: U
+				actions: u,
+				menuLabel: Dt(e.original),
+				displayMode: f,
+				responsiveBreakpoint: p,
+				strings: V
 			}),
 			enableSorting: !1,
 			enableHiding: !1,
@@ -760,171 +770,175 @@ function Y({ size: i, surface: a = "card", headerTransparent: s = !0, columns: c
 		};
 		return [...t, n];
 	}, [
-		qe,
+		Ze,
+		g,
 		_,
-		v,
-		E,
-		d,
-		bt,
-		m,
+		T,
+		u,
+		Dt,
 		p,
-		U
-	]), Q = Ie({
-		data: l,
-		columns: xt,
+		f,
+		V
+	]), X = ze({
+		data: c,
+		columns: Ot,
 		state: {
-			sorting: J,
-			columnVisibility: lt,
-			rowSelection: Y,
-			columnFilters: q
+			sorting: G,
+			columnVisibility: mt,
+			rowSelection: K,
+			columnFilters: tt
 		},
-		enableSorting: h,
-		enableColumnResizing: g,
+		enableSorting: m,
+		enableColumnResizing: h,
 		columnResizeMode: "onChange",
-		enableColumnFilters: _,
-		manualFiltering: !_,
-		manualSorting: b,
+		enableColumnFilters: g,
+		manualFiltering: !g,
+		manualSorting: y,
 		autoResetPageIndex: !1,
-		enableRowSelection: E,
+		enableRowSelection: T,
 		enableMultiRowSelection: ee,
-		enableSubRowSelection: D,
-		onSortingChange: h ? ht : void 0,
-		onRowSelectionChange: E ? _t : void 0,
-		onColumnVisibilityChange: gt,
-		onColumnFiltersChange: mt,
-		getCoreRowModel: Ne(),
-		getFilteredRowModel: Pe(),
-		getSortedRowModel: Fe(),
-		getRowId: xe
-	}), St = _ && v ? Q.getAllLeafColumns().find((e) => e.id === v && e.getCanFilter()) : void 0, Ct = y ?? U.filter.searchPlaceholder, wt = O && O.last_page > 1, Tt = Q.getSelectedRowModel().rows.map((e) => e.original), $ = Tt.length, Et = M(() => {
-		Q.resetRowSelection();
-	}, [Q]), Dt = {
-		table: Q,
-		selectedRows: Tt,
-		selectedRowCount: $,
-		totalRowCount: l.length,
-		rowSelection: Y,
-		clearSelection: Et
-	}, Ot = typeof Le == "function" ? Le(Dt) : Le, kt = $ > 0 ? /* @__PURE__ */ R("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/95 backdrop-blur", H),
-		children: [/* @__PURE__ */ L(r, {
-			className: "data-table-selection-toolbar--summary min-w-0",
-			children: U.selection.summary($, l.length)
-		}), /* @__PURE__ */ R("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__ */ L(o, {
-				type: "button",
-				tone: "secondary",
-				buttonStyle: "ghost",
-				onClick: Et,
-				children: U.selection.clear
-			})]
-		})]
-	}) : null, At = !E || $ === 0 || V === null || V === !1 ? null : typeof V == "function" ? V(Dt) : V ?? kt, jt = P(() => {
-		if (G) return { "--data-table-body-max-height": G };
-	}, [G]), Mt = X || A || G !== void 0, Nt = ct.Provider, Pt = dt[Ve];
-	return /* @__PURE__ */ L(Nt, {
-		value: Pt,
+		enableSubRowSelection: te,
+		onSortingChange: m ? Ct : void 0,
+		onRowSelectionChange: T ? Tt : void 0,
+		onColumnVisibilityChange: wt,
+		onColumnFiltersChange: St,
+		getCoreRowModel: Ie(),
+		getFilteredRowModel: Le(),
+		getSortedRowModel: Re(),
+		getRowId: Se
+	}), Z = g && _ ? X.getAllLeafColumns().find((e) => e.id === _ && e.getCanFilter()) : void 0, kt = v ?? V.filter.searchPlaceholder, At = E && E.last_page > 1, jt = X.getSelectedRowModel().rows.map((e) => e.original), Q = jt.length, Mt = M(() => {
+		X.resetRowSelection();
+	}, [X]), $ = Ve ?? E?.total ?? c.length, Nt = {
+		table: X,
+		selectedRows: jt,
+		selectedRowCount: Q,
+		totalRowCount: $,
+		rowSelection: K,
+		clearSelection: Mt
+	}, Pt = (() => {
+		if (!T || B === null || B === !1) return null;
+		if (B !== void 0) return Q === 0 ? null : typeof B == "function" ? B(Nt) : B;
+		let e = Q === 0 ? null : typeof Pe == "function" ? Pe(Nt) : Pe, t = /* @__PURE__ */ L(ie, {
+			selectedCount: Q,
+			totalCount: $,
+			onClear: Mt,
+			placement: Be,
+			returnFocusRef: bt,
+			className: n("data-table-selection-toolbar--component", Fe),
+			strings: {
+				summary: (e, t) => V.selection.summary(e, t ?? $),
+				clear: V.selection.clear
+			},
+			children: e
+		});
+		return Be === "inline" ? /* @__PURE__ */ L("div", {
+			"data-slot": "data-table-selection-toolbar",
+			className: "data-table--selection-toolbar px-surface py-row-y empty:hidden",
+			children: t
+		}) : t;
+	})(), Ft = P(() => {
+		if (U) return { "--data-table-body-max-height": U };
+	}, [U]), It = q || fe || U !== void 0, Lt = pt.Provider, Rt = gt[Ge];
+	return /* @__PURE__ */ L(Lt, {
+		value: Rt,
 		children: /* @__PURE__ */ R("div", {
-			ref: vt,
-			role: X ? "dialog" : void 0,
-			"aria-modal": X ? !0 : void 0,
-			"aria-label": X ? U.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", ve)),
+			ref: Et,
+			role: q ? "dialog" : void 0,
+			"aria-modal": q ? !0 : void 0,
+			"aria-label": q ? V.accessibility.fullscreenRegion : void 0,
+			className: n("data-table--component @container/data-table box-border", q ? "fixed inset-0 z-50 bg-background flex flex-col overflow-hidden p-surface" : n("w-full min-w-0 max-w-full", fe && "flex h-full min-h-0 flex-col", i === "card" && "overflow-hidden rounded-radius border border-border bg-card shadow-xs", i === "glass" && "rounded-radius overflow-hidden border border-border/60", ve)),
 			children: [
-				!!(St || Oe || ke || x || T) && /* @__PURE__ */ R("div", {
-					className: n("relative", le && "sticky top-0 z-20 bg-card/95 backdrop-blur"),
+				!!(Z || ke || Ae || b || w) && /* @__PURE__ */ R("div", {
+					className: n("relative", le && "sticky top-0 z-20 bg-card"),
 					children: [/* @__PURE__ */ R("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", Ae),
+						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", q ? "mb-space-lg shrink-0" : "mb-0", je),
 						children: [/* @__PURE__ */ R("div", {
 							className: "data-table-topbar-left flex min-w-0 flex-col gap-space-md",
-							children: [Oe, St && /* @__PURE__ */ L("div", {
+							children: [ke, Z && /* @__PURE__ */ L("div", {
 								className: "min-w-0 max-w-sm",
-								children: /* @__PURE__ */ L(re, {
-									"aria-label": Ct,
-									placeholder: Ct,
-									value: St.getFilterValue() ?? "",
-									onChange: (e) => St.setFilterValue(e.target.value)
+								children: /* @__PURE__ */ L(oe, {
+									"aria-label": kt,
+									placeholder: kt,
+									value: Z.getFilterValue() ?? "",
+									onChange: (e) => Z.setFilterValue(e.target.value)
 								})
 							})]
 						}), /* @__PURE__ */ R("div", {
 							className: "data-table-topbar-right flex flex-wrap items-center justify-end gap-space-md",
-							children: [ke, /* @__PURE__ */ L(st, {
-								table: Q,
-								tableAreaRef: Z,
-								fullscreen: X,
-								onFullscreenChange: yt,
-								showFullscreenToggle: T,
-								enableColumnVisibility: x,
-								labelVisibility: je,
-								strings: U
+							children: [Ae, /* @__PURE__ */ L(ft, {
+								table: X,
+								tableAreaRef: J,
+								fullscreen: q,
+								onFullscreenChange: Y,
+								showFullscreenToggle: w,
+								enableColumnVisibility: b,
+								labelVisibility: Me,
+								strings: V
 							})]
 						})]
-					}), /* @__PURE__ */ L(ne, {})]
+					}), /* @__PURE__ */ L(ae, {})]
 				}),
-				At,
+				Pt,
 				/* @__PURE__ */ L("div", {
-					ref: Z,
-					style: jt,
-					className: n("min-h-0", Mt ? "overflow-hidden" : ye, (X || A) && "flex-1"),
-					children: /* @__PURE__ */ R(ge, {
+					ref: J,
+					style: Ft,
+					onFocus: T ? xt : void 0,
+					className: n("min-h-0", It ? "overflow-hidden" : ye, (q || fe) && "flex-1"),
+					children: /* @__PURE__ */ R(xe, {
 						containerProps: {
 							role: "region",
-							"aria-label": U.accessibility.scrollRegion
+							"aria-label": V.accessibility.scrollRegion
 						},
-						style: g ? { width: Q.getTotalSize() } : void 0,
-						className: n("relative", g && "min-w-full table-fixed", ut[Ve], me),
-						containerClassName: n("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", Mt && "overflow-auto", G !== void 0 && "max-h-(--data-table-body-max-height)", (X || A) && "h-full min-h-0", be),
-						children: [/* @__PURE__ */ L(et, {
-							enableResizing: g,
-							table: Q,
+						style: h ? { width: X.getTotalSize() } : void 0,
+						className: n("relative", h && "min-w-full table-fixed", ht[Ge], he),
+						containerClassName: n(`focus-visible:outline-none ${s.edge}`, It && "overflow-auto", U !== void 0 && "max-h-(--data-table-body-max-height)", (q || fe) && "h-full min-h-0", be),
+						children: [/* @__PURE__ */ L(at, {
+							enableResizing: h,
+							table: X,
 							stickyHeader: ce,
-							headerClassName: j,
-							cellClassName: _e,
+							headerClassName: _e,
+							cellClassName: A,
 							stickyFirstColumn: ue,
-							columnGroups: u,
-							headerTransparent: s
-						}), /* @__PURE__ */ L($e, {
-							table: Q,
-							onRowClick: oe,
-							emptyStateMessage: Ue,
-							emptyStateAction: pe,
-							cellClassName: _e,
-							rowClassName: W,
+							columnGroups: l,
+							headerTransparent: a
+						}), /* @__PURE__ */ L(it, {
+							table: X,
+							onRowClick: se,
+							emptyStateMessage: qe,
+							emptyStateAction: me,
+							cellClassName: A,
+							rowClassName: H,
 							stickyFirstColumn: ue,
-							strings: U
+							strings: V
 						})]
 					})
 				}),
-				!!wt && /* @__PURE__ */ R(Se, { children: [/* @__PURE__ */ L(ne, {}), /* @__PURE__ */ L(Ge, {
-					pagination: O,
-					onPageChange: ie,
-					pageQueryKey: We,
-					labels: U.pagination
+				!!At && /* @__PURE__ */ R(Te, { children: [/* @__PURE__ */ L(ae, {}), /* @__PURE__ */ L(Ye, {
+					pagination: E,
+					onPageChange: re,
+					pageQueryKey: Je,
+					labels: V.pagination
 				})] }),
-				!!Me && /* @__PURE__ */ L("div", {
+				!!Ne && /* @__PURE__ */ L("div", {
 					"data-slot": "data-table-footer",
-					className: "data-table--footer border-t border-border/70 px-surface py-row-y",
-					children: Me
+					className: "data-table--footer border-t border-border/60 px-surface py-row-y",
+					children: Ne
 				})
 			]
 		})
 	});
 }
-Y.displayName = "DataTable";
+K.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 = U }) {
+function q({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisibility: i = !1, customContent: a, strings: o = V }) {
 	if (!t && !i && !a) return null;
 	let s = r ?? o.filter.searchPlaceholder;
 	return /* @__PURE__ */ R("div", {
 		className: n("filter-bar--component", "flex items-center justify-between p-surface"),
 		children: [/* @__PURE__ */ R("div", {
 			className: "flex flex-1 items-center space-x-space-md",
-			children: [!!t && /* @__PURE__ */ L(re, {
+			children: [!!t && /* @__PURE__ */ L(oe, {
 				placeholder: s,
 				value: e.getColumn(t)?.getFilterValue() ?? "",
 				onChange: (n) => {
@@ -933,7 +947,7 @@ function X({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisibi
 				},
 				className: "max-w-sm"
 			}), a]
-		}), !!i && /* @__PURE__ */ L(tt, {
+		}), !!i && /* @__PURE__ */ L(ot, {
 			table: e,
 			strings: o,
 			labelVisibility: "responsive",
@@ -941,22 +955,22 @@ function X({ table: e, filterColumn: t, filterPlaceholder: r, enableColumnVisibi
 		})]
 	});
 }
-X.displayName = "DataTableFilterBar";
+q.displayName = "DataTableFilterBar";
 //#endregion
 //#region src/components/features/table/partials/cell-value.tsx
-function Z(e) {
+function J(e) {
 	return e === !1 || e == null || typeof e == "string" && e.trim() === "";
 }
-function mt(e) {
+function yt(e) {
 	return e == null;
 }
-function ht(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e) && !be(e) && !(e instanceof Date);
+function bt(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e) && !j(e) && !(e instanceof Date);
 }
-function gt(e) {
+function xt(e) {
 	return Array.isArray(e);
 }
-function _t(e) {
+function St(e) {
 	let [t, n, r] = e;
 	return {
 		...r,
@@ -964,74 +978,74 @@ function _t(e) {
 		kind: n
 	};
 }
-function vt(e) {
+function Ct(e) {
 	if (e === !1) return null;
-	if (be(e)) return e;
-	if (gt(e)) {
-		let t = _t(e);
-		return Z(t.value) && mt(t.display) ? null : t;
+	if (j(e)) return e;
+	if (xt(e)) {
+		let t = St(e);
+		return J(t.value) && yt(t.display) ? null : t;
 	}
-	return ht(e) ? Z(e.value) && mt(e.display) ? null : e : Z(e) ? null : { value: e };
+	return bt(e) ? J(e.value) && yt(e.display) ? null : e : J(e) ? null : { value: e };
 }
-function yt(e) {
+function wt(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";
+function Tt({ 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 ? wt(c) : c), u = e.emptyLabel ?? r, d = n(i, e.className), x = o ? a : "regular";
 	switch (s) {
-		case "secondary": return /* @__PURE__ */ L(p, {
+		case "secondary": return /* @__PURE__ */ L(h, {
 			size: "inherit",
-			className: x,
+			className: d,
 			children: l
 		});
-		case "muted": return /* @__PURE__ */ L(m, {
+		case "muted": return /* @__PURE__ */ L(g, {
 			size: "inherit",
-			className: x,
+			className: d,
 			children: l
 		});
-		case "name": return /* @__PURE__ */ L(f, {
+		case "name": return /* @__PURE__ */ L(m, {
 			value: e.display === void 0 && typeof c == "string" ? c : void 0,
 			force: e.force,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x,
+			weight: x,
+			className: d,
 			children: e.display
 		});
-		case "mono": return /* @__PURE__ */ L(_, {
+		case "mono": return /* @__PURE__ */ L(y, {
 			size: "inherit",
-			weight: D,
-			className: x,
+			weight: x,
+			className: d,
 			children: l
 		});
 		case "link": {
-			let t = e.href ?? yt(c);
-			return /* @__PURE__ */ L(b, {
+			let t = e.href ?? wt(c);
+			return /* @__PURE__ */ L(S, {
 				href: t,
-				emptyLabel: y,
-				className: x,
+				emptyLabel: u,
+				className: d,
 				children: l
 			});
 		}
-		case "email": return /* @__PURE__ */ L(v, {
+		case "email": return /* @__PURE__ */ L(b, {
 			value: typeof c == "string" ? c : void 0,
 			display: e.display,
-			emptyLabel: y,
-			className: x
+			emptyLabel: u,
+			className: d
 		});
-		case "phone": return /* @__PURE__ */ L(d, {
+		case "phone": return /* @__PURE__ */ L(p, {
 			value: typeof c == "string" ? c : void 0,
 			display: e.display,
-			emptyLabel: y,
-			className: x
+			emptyLabel: u,
+			className: d
 		});
-		case "url": return /* @__PURE__ */ L(g, {
+		case "url": return /* @__PURE__ */ L(v, {
 			value: typeof c == "string" ? c : void 0,
 			display: e.display,
-			emptyLabel: y,
-			className: x
+			emptyLabel: u,
+			className: d
 		});
-		case "money": return /* @__PURE__ */ L(C, {
+		case "money": return /* @__PURE__ */ L(T, {
 			amount: typeof c == "number" || typeof c == "string" ? c : null,
 			currency: e.currency,
 			locale: e.locale,
@@ -1039,92 +1053,92 @@ function bt({ descriptor: e, index: t = 0, emptyLabel: r, className: i, primaryW
 			minimumFractionDigits: e.minimumFractionDigits,
 			maximumFractionDigits: e.maximumFractionDigits,
 			formatMode: e.formatMode,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
-		case "number": return /* @__PURE__ */ L(w, {
+		case "number": return /* @__PURE__ */ L(ee, {
 			value: typeof c == "number" || typeof c == "string" ? c : null,
 			locale: e.locale,
 			options: e.options,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
-		case "percent": return /* @__PURE__ */ L(S, {
+		case "percent": return /* @__PURE__ */ L(w, {
 			value: typeof c == "number" || typeof c == "string" ? c : null,
 			locale: e.locale,
 			scaled: e.scaled,
 			options: e.options,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
-		case "fileSize": return /* @__PURE__ */ L(h, {
+		case "fileSize": return /* @__PURE__ */ L(_, {
 			value: typeof c == "number" ? c : null,
 			from: e.from,
 			locale: e.locale,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
-		case "date": return /* @__PURE__ */ L(O, {
+		case "date": return /* @__PURE__ */ L(D, {
 			value: c,
 			format: e.dateFormat,
 			preset: e.datePreset,
 			locale: e.dateLocale,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
-		case "time": return /* @__PURE__ */ L(T, {
+		case "time": return /* @__PURE__ */ L(te, {
 			value: c,
 			format: e.timeFormat,
 			locale: e.dateLocale,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
-		case "dateTime": return /* @__PURE__ */ L(ee, {
+		case "dateTime": return /* @__PURE__ */ L(ne, {
 			value: c,
 			format: e.dateFormat,
 			timeFormat: e.timeFormat,
 			preset: e.datePreset,
 			locale: e.dateLocale,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
 		case "relativeTime": return /* @__PURE__ */ L(E, {
 			value: c,
 			locale: e.dateLocale,
-			emptyLabel: y,
+			emptyLabel: u,
 			size: "inherit",
-			weight: D,
-			className: x
+			weight: x,
+			className: d
 		});
-		default: return /* @__PURE__ */ L(u, {
+		default: return /* @__PURE__ */ L(f, {
 			size: "inherit",
-			weight: D,
-			className: x,
+			weight: x,
+			className: d,
 			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__ */ L(y, {
+function Et({ value: e, kind: t, href: r, currency: i, currencyDisplay: a, minimumFractionDigits: o, maximumFractionDigits: s, formatMode: c, locale: l, dateLocale: u, from: d, force: p, options: m, scaled: h, dateFormat: g, datePreset: _, timeFormat: v, emptyLabel: y, fallback: b = "--", missing: S, className: C, children: w }) {
+	let T = S ?? J(e);
+	return w === void 0 ? T ? /* @__PURE__ */ L(x, {
 		size: "inherit",
 		className: n("cell-value--component", C),
-		children: b ?? x
-	}) : bt({
+		children: y ?? b
+	}) : Tt({
 		descriptor: {
 			value: e,
 			kind: t,
@@ -1135,28 +1149,28 @@ function xt({ value: e, kind: t, href: r, currency: i, currencyDisplay: a, minim
 			maximumFractionDigits: s,
 			formatMode: c,
 			locale: l,
-			dateLocale: d,
-			from: f,
+			dateLocale: u,
+			from: d,
 			force: p,
 			options: m,
 			scaled: h,
 			dateFormat: g,
 			datePreset: _,
 			timeFormat: v,
-			emptyLabel: b,
+			emptyLabel: y,
 			className: "cell-value--component"
 		},
-		emptyLabel: b ?? x,
+		emptyLabel: y ?? b,
 		className: C
-	}) : /* @__PURE__ */ L(T ? y : u, {
+	}) : /* @__PURE__ */ L(T ? x : f, {
 		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__ */ L(y, {
+function Y({ values: e = [], emptyLabel: t = "--", className: r, itemClassName: i, primaryClassName: a, secondaryClassName: o, primaryWeight: s = "medium" }) {
+	let c = e.map(Ct).filter((e) => e !== null).slice(0, 4);
+	return c.length === 0 ? /* @__PURE__ */ L(x, {
 		size: "inherit",
 		className: n("cell-stack--component", r),
 		children: t
@@ -1164,12 +1178,12 @@ function Q({ values: e = [], emptyLabel: t = "--", className: r, itemClassName:
 		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 be(e) ? /* @__PURE__ */ L("div", {
+			return j(e) ? /* @__PURE__ */ L("div", {
 				className: l,
 				children: e
 			}, r) : /* @__PURE__ */ L("div", {
 				className: l,
-				children: bt({
+				children: Tt({
 					descriptor: e,
 					index: r,
 					emptyLabel: t,
@@ -1180,20 +1194,20 @@ function Q({ values: e = [], emptyLabel: t = "--", className: r, itemClassName:
 		})
 	});
 }
-xt.displayName = "CellValue", Q.displayName = "CellStack";
+Et.displayName = "CellValue", Y.displayName = "CellStack";
 //#endregion
 //#region src/components/features/table/partials/table-link.tsx
-var St = ({ className: e, ...t }) => /* @__PURE__ */ L(b, {
+var Dt = ({ className: e, ...t }) => /* @__PURE__ */ L(S, {
 	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) {
+function Ot(e, t) {
 	if (e && typeof e == "object" && !("type" in e) && "label" in e) {
 		let n = e.icon;
-		return /* @__PURE__ */ R(te, {
+		return /* @__PURE__ */ R(O, {
 			tone: e.tone ?? "secondary",
 			dot: e.dot,
 			children: [!!n && /* @__PURE__ */ L(n, { className: "size-icon-sm" }), e.label]
@@ -1201,18 +1215,18 @@ function Ct(e, t) {
 	}
 	return /* @__PURE__ */ L("span", { children: e }, t);
 }
-function wt(e) {
+function X(e) {
 	return e ? Array.isArray(e) ? /* @__PURE__ */ L("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__ */ R("span", {
 			className: "inline-flex min-w-0 items-center gap-space-sm",
-			children: [!!e.label && /* @__PURE__ */ L(r, {
+			children: [!!e.label && /* @__PURE__ */ L(a, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
 				className: "shrink-0",
 				children: e.label
-			}), /* @__PURE__ */ L(r, {
+			}), /* @__PURE__ */ L(a, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
@@ -1222,142 +1236,142 @@ function wt(e) {
 		}, e.id ?? t))
 	}) : e : null;
 }
-function Tt({ title: e, subtitle: t, metadata: i, badges: o = [], imageUrl: c, icon: l = De, fallback: u, href: d, renderLink: f, emptyLabel: p = "—", className: m, mediaClassName: h, contentClassName: g, titleClassName: _, subtitleClassName: v }) {
-	if (!e) return /* @__PURE__ */ L(r, {
+function Z({ title: e, subtitle: t, metadata: r, badges: i = [], imageUrl: l, icon: u = je, fallback: d, href: f, renderLink: p, emptyLabel: m = "—", className: h, mediaClassName: g, contentClassName: _, titleClassName: v, subtitleClassName: y }) {
+	if (!e) return /* @__PURE__ */ L(a, {
 		size: "inherit",
 		type: "secondary",
-		className: m,
-		children: p
+		className: h,
+		children: m
 	});
-	let y = typeof e == "string" ? e : void 0, b = y ? x(y, { strategy: "first-words" }) : "", S = /* @__PURE__ */ R(s, {
+	let b = typeof e == "string" ? e : void 0, x = b ? C(b, { strategy: "first-words" }) : "", S = /* @__PURE__ */ R(c, {
 		render: /* @__PURE__ */ L("span", {}),
 		gap: "dense",
-		className: n("resource-cell--content", g),
+		className: n("resource-cell--content", _),
 		children: [
-			/* @__PURE__ */ R(s, {
+			/* @__PURE__ */ R(c, {
 				render: /* @__PURE__ */ L("span", {}),
 				direction: "horizontal",
 				gap: "sm",
 				wrap: !1,
 				className: "resource-cell--title-row",
-				children: [/* @__PURE__ */ L(r, {
+				children: [/* @__PURE__ */ L(a, {
 					tag: "span",
 					size: "inherit",
 					weight: "medium",
-					className: n("resource-cell--title truncate", _),
+					className: n("resource-cell--title truncate", v),
 					children: e
-				}), o.length > 0 && /* @__PURE__ */ L("span", {
+				}), i.length > 0 && /* @__PURE__ */ L("span", {
 					className: "resource-cell--badges inline-flex shrink-0 items-center gap-space-sm",
-					children: o.map(Ct)
+					children: i.map(Ot)
 				})]
 			}),
-			!!t && /* @__PURE__ */ L(r, {
+			!!t && /* @__PURE__ */ L(a, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
-				className: n("resource-cell--subtitle truncate", v),
+				className: n("resource-cell--subtitle truncate", y),
 				children: t
 			}),
-			!!i && /* @__PURE__ */ L("span", {
+			!!r && /* @__PURE__ */ L("span", {
 				className: "resource-cell--metadata min-w-0",
-				children: wt(i)
+				children: X(r)
 			})
 		]
-	}), C = /* @__PURE__ */ R("span", {
-		className: n("resource-cell--component inline-flex min-w-0 items-center gap-space-md", m),
+	}), w = /* @__PURE__ */ R("span", {
+		className: n("resource-cell--component inline-flex min-w-0 items-center gap-space-md", h),
 		children: [/* @__PURE__ */ L("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__ */ L("img", {
-				src: c,
-				alt: y ?? "",
+			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", g),
+			children: l ? /* @__PURE__ */ L("img", {
+				src: l,
+				alt: b ?? "",
 				className: "absolute inset-0 size-full object-cover"
-			}) : u || (b ? /* @__PURE__ */ L(r, {
+			}) : d || (x ? /* @__PURE__ */ L(a, {
 				size: "inherit",
 				weight: "semibold",
 				className: "text-sm leading-none",
-				children: b
-			}) : /* @__PURE__ */ L(l, { className: "size-icon" }))
+				children: x
+			}) : /* @__PURE__ */ L(u, { 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__ */ L(a, {
-		href: d,
+	if (!f) return w;
+	let T = `resource-cell--link inline-flex min-w-0 rounded-inner outline-none ${s.text}`;
+	return p ? p({
+		href: f,
+		children: w,
+		className: T,
+		"aria-label": b
+	}) : /* @__PURE__ */ L(o, {
+		href: f,
 		size: "inherit",
 		underline: !1,
-		className: w,
-		"aria-label": y,
-		children: C
+		className: T,
+		"aria-label": b,
+		children: w
 	});
 }
-Tt.displayName = "ResourceCell";
+Z.displayName = "ResourceCell";
 //#endregion
 //#region src/components/features/table/partials/cell-renderers.tsx
-function $({ value: e, map: t, emptyLabel: i = "—", className: a }) {
-	if (!e || !(e in t)) return /* @__PURE__ */ L(r, {
+function kt({ value: e, map: t, emptyLabel: r = "—", className: i }) {
+	if (!e || !(e in t)) return /* @__PURE__ */ L(a, {
 		size: "inherit",
 		type: "secondary",
-		className: n("status-cell--component", a),
-		children: i
+		className: n("status-cell--component", i),
+		children: r
 	});
 	let o = t[e], s = o.icon;
-	return /* @__PURE__ */ R(te, {
+	return /* @__PURE__ */ R(O, {
 		tone: o.tone ?? "secondary",
-		className: n("status-cell--component gap-space-sm", a),
+		className: n("status-cell--component gap-space-sm", i),
 		children: [!!s && /* @__PURE__ */ L(s, { className: "size-icon-sm" }), o.label]
 	});
 }
-$.displayName = "StatusCell";
-function Et({ items: e = [], emptyLabel: t = "—", className: i, badgeClassName: a }) {
+kt.displayName = "StatusCell";
+function At({ items: e = [], emptyLabel: t = "—", className: r, badgeClassName: i }) {
 	let o = e.filter((e) => !e.hidden);
-	return o.length === 0 ? /* @__PURE__ */ L(r, {
+	return o.length === 0 ? /* @__PURE__ */ L(a, {
 		size: "inherit",
 		type: "secondary",
-		className: n("status-cluster-cell--component", i),
+		className: n("status-cluster-cell--component", r),
 		children: t
 	}) : /* @__PURE__ */ L("span", {
-		className: n("status-cluster-cell--component inline-flex min-w-0 flex-wrap items-center gap-space-sm", i),
+		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__ */ R(te, {
+			return /* @__PURE__ */ R(O, {
 				tone: e.tone ?? "secondary",
 				dot: e.dot,
-				className: n("shrink-0", a),
+				className: n("shrink-0", i),
 				children: [!!r && /* @__PURE__ */ L(r, { className: "size-icon-sm" }), e.label]
 			}, e.id ?? t);
 		})
 	});
 }
-Et.displayName = "StatusClusterCell";
-function Dt({ value: e, format: t, preset: i, locale: a, showIcon: o = !0, icon: s = z, emptyLabel: c = "—", className: l }) {
-	let u = D(e);
+At.displayName = "StatusClusterCell";
+function jt({ value: e, format: t, preset: r, locale: i, showIcon: o = !1, icon: s = De, emptyLabel: c = "—", className: l }) {
+	let u = re(e);
 	return u ? /* @__PURE__ */ R("span", {
 		className: n("date-cell--component inline-flex items-center gap-space-sm", l),
-		children: [!!o && /* @__PURE__ */ L(s, { className: "size-icon text-muted-foreground" }), /* @__PURE__ */ L(O, {
+		children: [!!o && /* @__PURE__ */ L(s, { className: "size-icon text-muted-foreground" }), /* @__PURE__ */ L(D, {
 			value: u,
 			format: t,
-			preset: i,
-			locale: a,
+			preset: r,
+			locale: i,
 			emptyLabel: c,
 			size: "inherit",
 			type: "secondary"
 		})]
-	}) : /* @__PURE__ */ L(r, {
+	}) : /* @__PURE__ */ L(a, {
 		size: "inherit",
 		type: "secondary",
 		className: n("date-cell--component", l),
 		children: c
 	});
 }
-Dt.displayName = "DateCell";
-function Ot({ value: e, format: t, preset: i, locale: a, showIcon: o = !0, icon: s = z, emptyLabel: c = "—", className: l, primaryClassName: u, secondary: d, secondaryClassName: f }) {
-	let p = D(e);
-	if (!p) return /* @__PURE__ */ L(r, {
+jt.displayName = "DateCell";
+function Q({ value: e, format: t, preset: r, locale: i, showIcon: o = !1, icon: s = De, emptyLabel: c = "—", className: l, primaryClassName: u, secondary: d, secondaryClassName: f }) {
+	let p = re(e);
+	if (!p) return /* @__PURE__ */ L(a, {
 		size: "inherit",
 		type: "secondary",
 		className: n("date-meta-cell--component", l),
@@ -1368,16 +1382,16 @@ function Ot({ value: e, format: t, preset: i, locale: a, showIcon: o = !0, icon:
 		className: n("date-meta-cell--component inline-flex min-w-0 items-start gap-space-sm", l),
 		children: [!!o && /* @__PURE__ */ L(s, { className: "mt-space-2xs size-icon shrink-0 text-muted-foreground" }), /* @__PURE__ */ R("span", {
 			className: "grid min-w-0 gap-space-2xs",
-			children: [/* @__PURE__ */ L(O, {
+			children: [/* @__PURE__ */ L(D, {
 				value: p,
 				format: t,
-				preset: i,
-				locale: a,
+				preset: r,
+				locale: i,
 				emptyLabel: c,
 				size: "inherit",
 				type: "secondary",
 				className: n("truncate tabular-nums", u)
-			}), !!m && /* @__PURE__ */ L(r, {
+			}), !!m && /* @__PURE__ */ L(a, {
 				tag: "span",
 				size: "inherit",
 				type: "secondary",
@@ -1387,9 +1401,9 @@ function Ot({ value: e, format: t, preset: i, locale: a, showIcon: o = !0, icon:
 		})]
 	});
 }
-Ot.displayName = "DateMetaCell";
-function kt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className: a, weight: o = "semibold" }) {
-	return /* @__PURE__ */ L(C, {
+Q.displayName = "DateMetaCell";
+function Mt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className: a, weight: o = "semibold" }) {
+	return /* @__PURE__ */ L(T, {
 		amount: e,
 		currency: t,
 		locale: r,
@@ -1400,9 +1414,9 @@ function kt({ value: e, currency: t, locale: r, emptyLabel: i = "—", className
 		className: n("currency-cell--component tabular-nums", a)
 	});
 }
-kt.displayName = "CurrencyCell";
-function At({ name: e, imageUrl: t, icon: i = De, subtitle: a, emptyLabel: o = "—", className: s }) {
-	return !e || e.trim().length === 0 ? /* @__PURE__ */ L(r, {
+Mt.displayName = "CurrencyCell";
+function $({ name: e, imageUrl: t, icon: r = je, subtitle: i, emptyLabel: o = "—", className: s }) {
+	return !e || e.trim().length === 0 ? /* @__PURE__ */ L(a, {
 		size: "inherit",
 		type: "secondary",
 		className: n("avatar-cell--component", s),
@@ -1415,30 +1429,30 @@ function At({ name: e, imageUrl: t, icon: i = De, subtitle: a, emptyLabel: o = "
 				src: t,
 				alt: e,
 				className: "absolute inset-0 size-full object-cover"
-			}) : e.length > 0 ? /* @__PURE__ */ L(r, {
+			}) : e.length > 0 ? /* @__PURE__ */ L(a, {
 				size: "inherit",
 				weight: "semibold",
 				className: "text-sm leading-none",
-				children: x(e, { strategy: "first-words" })
-			}) : /* @__PURE__ */ L(i, { className: "size-icon" })
+				children: C(e, { strategy: "first-words" })
+			}) : /* @__PURE__ */ L(r, { className: "size-icon" })
 		}), /* @__PURE__ */ R("span", {
 			className: "min-w-0 inline-flex flex-col",
-			children: [/* @__PURE__ */ L(r, {
+			children: [/* @__PURE__ */ L(a, {
 				size: "inherit",
 				weight: "medium",
 				className: "truncate",
 				children: e
-			}), !!a && /* @__PURE__ */ L(r, {
+			}), !!i && /* @__PURE__ */ L(a, {
 				size: "inherit",
 				type: "secondary",
 				className: "truncate",
-				children: a
+				children: i
 			})]
 		})]
 	});
 }
-At.displayName = "AvatarCell";
+$.displayName = "AvatarCell";
 //#endregion
-export { U as A, Je as C, qe as D, G as E, H as M, Re as N, Ke as O, Ye as S, K 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, He as j, Ge 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, Xe as w, q as x, Qe as y };
+export { V as A, Qe as C, Ze as D, U as E, Ve as M, He as N, Xe as O, $e as S, W as T, at as _, kt as a, nt as b, Dt as c, q as d, K as f, ot as g, ct as h, Q as i, Ke as j, Ye as k, Y as l, ft as m, Mt as n, At as o, mt as p, jt as r, Z as s, $ as t, Et as u, it as v, et as w, tt as x, rt as y };
 
-//# sourceMappingURL=table-CcRDZiLP.js.map
+//# sourceMappingURL=table-CrcLN9Io.js.map